@baseline-ui/tokens 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.css +1 -0
  2. package/dist/index.d.mts +1522 -0
  3. package/dist/index.d.ts +1522 -0
  4. package/dist/index.js +32 -0
  5. package/dist/index.mjs +32 -0
  6. package/package.json +37 -0
package/dist/index.d.ts ADDED
@@ -0,0 +1,1522 @@
1
+ import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
2
+ import { StyleRule } from '@vanilla-extract/css';
3
+
4
+ var elevation$1 = {
5
+ low: "0 0 4px 0 rgba(0, 0, 0, 0.4)",
6
+ medium: "0 4px 16px 0 rgba(0, 0, 0, 0.15)"
7
+ };
8
+ var opacity$1 = {
9
+ none: "0",
10
+ low: "0.1",
11
+ medium: "0.5",
12
+ high: "0.9"
13
+ };
14
+ var rounded$1 = {
15
+ xs: "2px",
16
+ sm: "4px",
17
+ md: "8px",
18
+ lg: "12px",
19
+ xl: "16px",
20
+ "2xl": "24px",
21
+ full: "9999px"
22
+ };
23
+ var spacing$1 = {
24
+ xs: "2px",
25
+ sm: "4px",
26
+ md: "8px",
27
+ lg: "12px",
28
+ xl: "16px",
29
+ "2xl": "24px",
30
+ "3xl": "32px",
31
+ "4xl": "40px",
32
+ "5xl": "48px",
33
+ "6xl": "64px",
34
+ "7xl": "80px",
35
+ "8xl": "96px",
36
+ "9xl": "160px"
37
+ };
38
+ var color$1 = {
39
+ support: {
40
+ error: {
41
+ subtler: "#ffebe9",
42
+ subtle: "#ffd4ce",
43
+ medium: "#c83c29",
44
+ strong: "#8a2100"
45
+ },
46
+ success: {
47
+ subtler: "#ecfeda",
48
+ subtle: "#d4fcac",
49
+ medium: "#5d9d1d",
50
+ strong: "#345805"
51
+ },
52
+ warning: {
53
+ subtler: "#ffecd4",
54
+ subtle: "#ffd4a1",
55
+ medium: "#d46703",
56
+ strong: "#9f4c00"
57
+ },
58
+ info: {
59
+ subtler: "#eff4fb",
60
+ subtle: "#d3dcff",
61
+ medium: "#4537de",
62
+ strong: "#2b1cc1"
63
+ }
64
+ },
65
+ focused: {
66
+ primary: "#4537de",
67
+ inset: "#ffffff"
68
+ },
69
+ background: {
70
+ primary: {
71
+ subtle: "#ffffff",
72
+ medium: "#f6f9fd",
73
+ strong: "#f0f3f9"
74
+ },
75
+ inverse: {
76
+ subtle: "#717885",
77
+ medium: "#3d434e",
78
+ strong: "#2b2e36"
79
+ },
80
+ overlay: {
81
+ subtle: "lch(100 0 0 / 0.25)",
82
+ medium: "lch(5.3 4.42 264 / 0.5)"
83
+ },
84
+ secondary: {
85
+ subtle: "#f0f3f9",
86
+ medium: "#d7dce4",
87
+ strong: "#a9aeb7"
88
+ },
89
+ positive: {
90
+ subtle: "#ffffff",
91
+ medium: "#f6f9fd",
92
+ strong: "#f0f3f9"
93
+ }
94
+ },
95
+ text: {
96
+ primary: "#2b2e36",
97
+ secondary: "#4d525d",
98
+ helper: "#606671",
99
+ placeholder: "#717885",
100
+ inverse: "#ffffff",
101
+ disabled: "lch(18.9 5.62 272 / 0.5)"
102
+ },
103
+ icon: {
104
+ primary: "#2b2e36",
105
+ secondary: "#606671",
106
+ inverse: "#ffffff",
107
+ interactive: "#4537de",
108
+ disabled: "lch(18.9 5.62 272 / 0.5)"
109
+ },
110
+ border: {
111
+ subtle: "#f0f3f9",
112
+ medium: "#d7dce4",
113
+ strong: "#a9aeb7",
114
+ inverse: "#2b2e36",
115
+ interactive: "#4537de",
116
+ disabled: "#a9aeb7"
117
+ },
118
+ interactive: {
119
+ primary: "#4537de",
120
+ hovered: "#2b1cc1",
121
+ active: "#190d94",
122
+ visited: "#190d94",
123
+ disabled: "#a9aeb7"
124
+ }
125
+ };
126
+ var typography$1 = {
127
+ heading: {
128
+ h6: {
129
+ regular: {
130
+ font: "400 0.875rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
131
+ letterSpacing: "0.1px"
132
+ },
133
+ medium: {
134
+ font: "500 0.875rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
135
+ letterSpacing: "0.1px"
136
+ },
137
+ semibold: {
138
+ font: "600 0.875rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
139
+ letterSpacing: "0.1px"
140
+ }
141
+ },
142
+ h5: {
143
+ regular: {
144
+ font: "400 1rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
145
+ letterSpacing: "0.1px"
146
+ },
147
+ medium: {
148
+ font: "500 1rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
149
+ letterSpacing: "0.1px"
150
+ },
151
+ semibold: {
152
+ font: "600 1rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
153
+ letterSpacing: "0.1px"
154
+ }
155
+ },
156
+ h4: {
157
+ regular: {
158
+ font: "400 1.375rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
159
+ letterSpacing: "0"
160
+ },
161
+ medium: {
162
+ font: "500 1.375rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
163
+ letterSpacing: "0"
164
+ },
165
+ semibold: {
166
+ font: "600 1.375rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
167
+ letterSpacing: "0"
168
+ }
169
+ },
170
+ h3: {
171
+ regular: {
172
+ font: "400 1.5rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
173
+ letterSpacing: "0"
174
+ },
175
+ medium: {
176
+ font: "500 1.5rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
177
+ letterSpacing: "0"
178
+ },
179
+ semibold: {
180
+ font: "600 1.5rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
181
+ letterSpacing: "0"
182
+ }
183
+ },
184
+ h2: {
185
+ regular: {
186
+ font: "400 1.75rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
187
+ letterSpacing: "0"
188
+ },
189
+ medium: {
190
+ font: "500 1.75rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
191
+ letterSpacing: "0"
192
+ },
193
+ semibold: {
194
+ font: "600 1.75rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
195
+ letterSpacing: "0"
196
+ }
197
+ },
198
+ h1: {
199
+ regular: {
200
+ font: "400 2rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
201
+ letterSpacing: "0"
202
+ },
203
+ medium: {
204
+ font: "500 2rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
205
+ letterSpacing: "0"
206
+ },
207
+ semibold: {
208
+ font: "600 2rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
209
+ letterSpacing: "0"
210
+ }
211
+ }
212
+ },
213
+ label: {
214
+ sm: {
215
+ regular: {
216
+ font: "400 0.688rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
217
+ letterSpacing: "0.05px"
218
+ },
219
+ medium: {
220
+ font: "500 0.688rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
221
+ letterSpacing: "0.05px"
222
+ },
223
+ semibold: {
224
+ font: "600 0.688rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
225
+ letterSpacing: "0.05px"
226
+ }
227
+ },
228
+ md: {
229
+ regular: {
230
+ font: "400 0.75rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
231
+ letterSpacing: "0.1px"
232
+ },
233
+ medium: {
234
+ font: "500 0.75rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
235
+ letterSpacing: "0.1px"
236
+ },
237
+ semibold: {
238
+ font: "600 0.75rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
239
+ letterSpacing: "0.1px"
240
+ }
241
+ },
242
+ lg: {
243
+ regular: {
244
+ font: "400 0.875rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
245
+ letterSpacing: "0.1px"
246
+ },
247
+ medium: {
248
+ font: "500 0.875rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
249
+ letterSpacing: "0.1px"
250
+ },
251
+ semibold: {
252
+ font: "600 0.875rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
253
+ letterSpacing: "0.1px"
254
+ }
255
+ }
256
+ },
257
+ body: {
258
+ sm: {
259
+ regular: {
260
+ font: "400 0.75rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
261
+ letterSpacing: "0.05px"
262
+ },
263
+ medium: {
264
+ font: "500 0.75rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
265
+ letterSpacing: "0.05px"
266
+ },
267
+ semibold: {
268
+ font: "600 0.75rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
269
+ letterSpacing: "0.05px"
270
+ }
271
+ },
272
+ md: {
273
+ regular: {
274
+ font: "400 0.875rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
275
+ letterSpacing: "0.1px"
276
+ },
277
+ medium: {
278
+ font: "500 0.875rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
279
+ letterSpacing: "0.1px"
280
+ },
281
+ semibold: {
282
+ font: "600 0.875rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
283
+ letterSpacing: "0.1px"
284
+ }
285
+ },
286
+ lg: {
287
+ regular: {
288
+ font: "400 1rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
289
+ letterSpacing: "0.1px"
290
+ },
291
+ medium: {
292
+ font: "500 1rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
293
+ letterSpacing: "0.1px"
294
+ },
295
+ semibold: {
296
+ font: "600 1rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
297
+ letterSpacing: "0.1px"
298
+ }
299
+ }
300
+ }
301
+ };
302
+ var light = {
303
+ elevation: elevation$1,
304
+ opacity: opacity$1,
305
+ rounded: rounded$1,
306
+ spacing: spacing$1,
307
+ color: color$1,
308
+ typography: typography$1
309
+ };
310
+
311
+ var elevation = {
312
+ low: "0 0 4px 0 rgba(0, 0, 0, 0.4)",
313
+ medium: "0 4px 16px 0 rgba(0, 0, 0, 0.15)"
314
+ };
315
+ var opacity = {
316
+ none: "0",
317
+ low: "0.1",
318
+ medium: "0.5",
319
+ high: "0.9"
320
+ };
321
+ var rounded = {
322
+ xs: "2px",
323
+ sm: "4px",
324
+ md: "8px",
325
+ lg: "12px",
326
+ xl: "16px",
327
+ "2xl": "24px",
328
+ full: "9999px"
329
+ };
330
+ var spacing = {
331
+ xs: "2px",
332
+ sm: "4px",
333
+ md: "8px",
334
+ lg: "12px",
335
+ xl: "16px",
336
+ "2xl": "24px",
337
+ "3xl": "32px",
338
+ "4xl": "40px",
339
+ "5xl": "48px",
340
+ "6xl": "64px",
341
+ "7xl": "80px",
342
+ "8xl": "96px",
343
+ "9xl": "160px"
344
+ };
345
+ var color = {
346
+ support: {
347
+ error: {
348
+ subtler: "#711b00",
349
+ subtle: "#b53007",
350
+ medium: "#e75541",
351
+ strong: "#ffd4ce"
352
+ },
353
+ success: {
354
+ subtler: "#223a03",
355
+ subtle: "#567c06",
356
+ medium: "#8cd444",
357
+ strong: "#ecfeda"
358
+ },
359
+ warning: {
360
+ subtler: "#562800",
361
+ subtle: "#bd5a00",
362
+ medium: "#eb7f00",
363
+ strong: "#ffd4a1"
364
+ },
365
+ info: {
366
+ subtler: "#190d94",
367
+ subtle: "#4537de",
368
+ medium: "#777cf0",
369
+ strong: "#d3dcff"
370
+ }
371
+ },
372
+ focused: {
373
+ primary: "#a8bbf8",
374
+ inset: "#2b2e36"
375
+ },
376
+ background: {
377
+ primary: {
378
+ subtle: "#2b2e36",
379
+ medium: "#21242c",
380
+ strong: "#0e1218"
381
+ },
382
+ inverse: {
383
+ subtle: "#717885",
384
+ medium: "#f0f3f9",
385
+ strong: "#ffffff"
386
+ },
387
+ secondary: {
388
+ subtle: "#3d434e",
389
+ medium: "#4d525d",
390
+ strong: "#606671"
391
+ },
392
+ overlay: {
393
+ subtle: "lch(100 0 0 / 0.25)",
394
+ medium: "lch(5.3 4.42 264 / 0.5)"
395
+ },
396
+ positive: {
397
+ subtle: "#f0f3f9",
398
+ medium: "#f6f9fd",
399
+ strong: "#ffffff"
400
+ }
401
+ },
402
+ text: {
403
+ primary: "#ffffff",
404
+ secondary: "#d7dce4",
405
+ helper: "#a9aeb7",
406
+ placeholder: "#717885",
407
+ inverse: "#2b2e36",
408
+ disabled: "lch(100 0 0 / 0.5)"
409
+ },
410
+ icon: {
411
+ primary: "#ffffff",
412
+ secondary: "#a9aeb7",
413
+ inverse: "#2b2e36",
414
+ interactive: "#a8bbf8",
415
+ disabled: "lch(100 0 0 / 0.5)"
416
+ },
417
+ border: {
418
+ subtle: "#3d434e",
419
+ medium: "#4d525d",
420
+ strong: "#606671",
421
+ inverse: "#ffffff",
422
+ interactive: "#a8bbf8",
423
+ disabled: "#606671"
424
+ },
425
+ interactive: {
426
+ primary: "#a8bbf8",
427
+ hovered: "#d3dcff",
428
+ active: "#eff4fb",
429
+ visited: "#eff4fb",
430
+ disabled: "#606671"
431
+ }
432
+ };
433
+ var typography = {
434
+ heading: {
435
+ h6: {
436
+ regular: {
437
+ font: "400 0.875rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
438
+ letterSpacing: "0.1px"
439
+ },
440
+ medium: {
441
+ font: "500 0.875rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
442
+ letterSpacing: "0.1px"
443
+ },
444
+ semibold: {
445
+ font: "600 0.875rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
446
+ letterSpacing: "0.1px"
447
+ }
448
+ },
449
+ h5: {
450
+ regular: {
451
+ font: "400 1rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
452
+ letterSpacing: "0.1px"
453
+ },
454
+ medium: {
455
+ font: "500 1rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
456
+ letterSpacing: "0.1px"
457
+ },
458
+ semibold: {
459
+ font: "600 1rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
460
+ letterSpacing: "0.1px"
461
+ }
462
+ },
463
+ h4: {
464
+ regular: {
465
+ font: "400 1.375rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
466
+ letterSpacing: "0"
467
+ },
468
+ medium: {
469
+ font: "500 1.375rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
470
+ letterSpacing: "0"
471
+ },
472
+ semibold: {
473
+ font: "600 1.375rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
474
+ letterSpacing: "0"
475
+ }
476
+ },
477
+ h3: {
478
+ regular: {
479
+ font: "400 1.5rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
480
+ letterSpacing: "0"
481
+ },
482
+ medium: {
483
+ font: "500 1.5rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
484
+ letterSpacing: "0"
485
+ },
486
+ semibold: {
487
+ font: "600 1.5rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
488
+ letterSpacing: "0"
489
+ }
490
+ },
491
+ h2: {
492
+ regular: {
493
+ font: "400 1.75rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
494
+ letterSpacing: "0"
495
+ },
496
+ medium: {
497
+ font: "500 1.75rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
498
+ letterSpacing: "0"
499
+ },
500
+ semibold: {
501
+ font: "600 1.75rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
502
+ letterSpacing: "0"
503
+ }
504
+ },
505
+ h1: {
506
+ regular: {
507
+ font: "400 2rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
508
+ letterSpacing: "0"
509
+ },
510
+ medium: {
511
+ font: "500 2rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
512
+ letterSpacing: "0"
513
+ },
514
+ semibold: {
515
+ font: "600 2rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
516
+ letterSpacing: "0"
517
+ }
518
+ }
519
+ },
520
+ label: {
521
+ sm: {
522
+ regular: {
523
+ font: "400 0.688rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
524
+ letterSpacing: "0.05px"
525
+ },
526
+ medium: {
527
+ font: "500 0.688rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
528
+ letterSpacing: "0.05px"
529
+ },
530
+ semibold: {
531
+ font: "600 0.688rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
532
+ letterSpacing: "0.05px"
533
+ }
534
+ },
535
+ md: {
536
+ regular: {
537
+ font: "400 0.75rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
538
+ letterSpacing: "0.1px"
539
+ },
540
+ medium: {
541
+ font: "500 0.75rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
542
+ letterSpacing: "0.1px"
543
+ },
544
+ semibold: {
545
+ font: "600 0.75rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
546
+ letterSpacing: "0.1px"
547
+ }
548
+ },
549
+ lg: {
550
+ regular: {
551
+ font: "400 0.875rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
552
+ letterSpacing: "0.1px"
553
+ },
554
+ medium: {
555
+ font: "500 0.875rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
556
+ letterSpacing: "0.1px"
557
+ },
558
+ semibold: {
559
+ font: "600 0.875rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
560
+ letterSpacing: "0.1px"
561
+ }
562
+ }
563
+ },
564
+ body: {
565
+ sm: {
566
+ regular: {
567
+ font: "400 0.75rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
568
+ letterSpacing: "0.05px"
569
+ },
570
+ medium: {
571
+ font: "500 0.75rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
572
+ letterSpacing: "0.05px"
573
+ },
574
+ semibold: {
575
+ font: "600 0.75rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
576
+ letterSpacing: "0.05px"
577
+ }
578
+ },
579
+ md: {
580
+ regular: {
581
+ font: "400 0.875rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
582
+ letterSpacing: "0.1px"
583
+ },
584
+ medium: {
585
+ font: "500 0.875rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
586
+ letterSpacing: "0.1px"
587
+ },
588
+ semibold: {
589
+ font: "600 0.875rem/1.375 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
590
+ letterSpacing: "0.1px"
591
+ }
592
+ },
593
+ lg: {
594
+ regular: {
595
+ font: "400 1rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
596
+ letterSpacing: "0.1px"
597
+ },
598
+ medium: {
599
+ font: "500 1rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
600
+ letterSpacing: "0.1px"
601
+ },
602
+ semibold: {
603
+ font: "600 1rem/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
604
+ letterSpacing: "0.1px"
605
+ }
606
+ }
607
+ }
608
+ };
609
+ var dark = {
610
+ elevation: elevation,
611
+ opacity: opacity,
612
+ rounded: rounded,
613
+ spacing: spacing,
614
+ color: color,
615
+ typography: typography
616
+ };
617
+
618
+ declare const themeContract: {
619
+ elevation: {
620
+ low: string;
621
+ medium: string;
622
+ };
623
+ opacity: {
624
+ none: string;
625
+ low: string;
626
+ medium: string;
627
+ high: string;
628
+ };
629
+ rounded: {
630
+ xs: string;
631
+ sm: string;
632
+ md: string;
633
+ lg: string;
634
+ xl: string;
635
+ "2xl": string;
636
+ full: string;
637
+ };
638
+ spacing: {
639
+ xs: string;
640
+ sm: string;
641
+ md: string;
642
+ lg: string;
643
+ xl: string;
644
+ "2xl": string;
645
+ "3xl": string;
646
+ "4xl": string;
647
+ "5xl": string;
648
+ "6xl": string;
649
+ "7xl": string;
650
+ "8xl": string;
651
+ "9xl": string;
652
+ };
653
+ color: {
654
+ support: {
655
+ error: {
656
+ subtler: string;
657
+ subtle: string;
658
+ medium: string;
659
+ strong: string;
660
+ };
661
+ success: {
662
+ subtler: string;
663
+ subtle: string;
664
+ medium: string;
665
+ strong: string;
666
+ };
667
+ warning: {
668
+ subtler: string;
669
+ subtle: string;
670
+ medium: string;
671
+ strong: string;
672
+ };
673
+ info: {
674
+ subtler: string;
675
+ subtle: string;
676
+ medium: string;
677
+ strong: string;
678
+ };
679
+ };
680
+ focused: {
681
+ primary: string;
682
+ inset: string;
683
+ };
684
+ background: {
685
+ primary: {
686
+ subtle: string;
687
+ medium: string;
688
+ strong: string;
689
+ };
690
+ inverse: {
691
+ subtle: string;
692
+ medium: string;
693
+ strong: string;
694
+ };
695
+ secondary: {
696
+ subtle: string;
697
+ medium: string;
698
+ strong: string;
699
+ };
700
+ overlay: {
701
+ subtle: string;
702
+ medium: string;
703
+ };
704
+ positive: {
705
+ subtle: string;
706
+ medium: string;
707
+ strong: string;
708
+ };
709
+ };
710
+ text: {
711
+ primary: string;
712
+ secondary: string;
713
+ helper: string;
714
+ placeholder: string;
715
+ inverse: string;
716
+ disabled: string;
717
+ };
718
+ icon: {
719
+ primary: string;
720
+ secondary: string;
721
+ inverse: string;
722
+ interactive: string;
723
+ disabled: string;
724
+ };
725
+ border: {
726
+ subtle: string;
727
+ medium: string;
728
+ strong: string;
729
+ inverse: string;
730
+ interactive: string;
731
+ disabled: string;
732
+ };
733
+ interactive: {
734
+ primary: string;
735
+ hovered: string;
736
+ active: string;
737
+ visited: string;
738
+ disabled: string;
739
+ };
740
+ };
741
+ typography: {
742
+ heading: {
743
+ h6: {
744
+ regular: {
745
+ font: string;
746
+ letterSpacing: string;
747
+ };
748
+ medium: {
749
+ font: string;
750
+ letterSpacing: string;
751
+ };
752
+ semibold: {
753
+ font: string;
754
+ letterSpacing: string;
755
+ };
756
+ };
757
+ h5: {
758
+ regular: {
759
+ font: string;
760
+ letterSpacing: string;
761
+ };
762
+ medium: {
763
+ font: string;
764
+ letterSpacing: string;
765
+ };
766
+ semibold: {
767
+ font: string;
768
+ letterSpacing: string;
769
+ };
770
+ };
771
+ h4: {
772
+ regular: {
773
+ font: string;
774
+ letterSpacing: string;
775
+ };
776
+ medium: {
777
+ font: string;
778
+ letterSpacing: string;
779
+ };
780
+ semibold: {
781
+ font: string;
782
+ letterSpacing: string;
783
+ };
784
+ };
785
+ h3: {
786
+ regular: {
787
+ font: string;
788
+ letterSpacing: string;
789
+ };
790
+ medium: {
791
+ font: string;
792
+ letterSpacing: string;
793
+ };
794
+ semibold: {
795
+ font: string;
796
+ letterSpacing: string;
797
+ };
798
+ };
799
+ h2: {
800
+ regular: {
801
+ font: string;
802
+ letterSpacing: string;
803
+ };
804
+ medium: {
805
+ font: string;
806
+ letterSpacing: string;
807
+ };
808
+ semibold: {
809
+ font: string;
810
+ letterSpacing: string;
811
+ };
812
+ };
813
+ h1: {
814
+ regular: {
815
+ font: string;
816
+ letterSpacing: string;
817
+ };
818
+ medium: {
819
+ font: string;
820
+ letterSpacing: string;
821
+ };
822
+ semibold: {
823
+ font: string;
824
+ letterSpacing: string;
825
+ };
826
+ };
827
+ };
828
+ label: {
829
+ sm: {
830
+ regular: {
831
+ font: string;
832
+ letterSpacing: string;
833
+ };
834
+ medium: {
835
+ font: string;
836
+ letterSpacing: string;
837
+ };
838
+ semibold: {
839
+ font: string;
840
+ letterSpacing: string;
841
+ };
842
+ };
843
+ md: {
844
+ regular: {
845
+ font: string;
846
+ letterSpacing: string;
847
+ };
848
+ medium: {
849
+ font: string;
850
+ letterSpacing: string;
851
+ };
852
+ semibold: {
853
+ font: string;
854
+ letterSpacing: string;
855
+ };
856
+ };
857
+ lg: {
858
+ regular: {
859
+ font: string;
860
+ letterSpacing: string;
861
+ };
862
+ medium: {
863
+ font: string;
864
+ letterSpacing: string;
865
+ };
866
+ semibold: {
867
+ font: string;
868
+ letterSpacing: string;
869
+ };
870
+ };
871
+ };
872
+ body: {
873
+ sm: {
874
+ regular: {
875
+ font: string;
876
+ letterSpacing: string;
877
+ };
878
+ medium: {
879
+ font: string;
880
+ letterSpacing: string;
881
+ };
882
+ semibold: {
883
+ font: string;
884
+ letterSpacing: string;
885
+ };
886
+ };
887
+ md: {
888
+ regular: {
889
+ font: string;
890
+ letterSpacing: string;
891
+ };
892
+ medium: {
893
+ font: string;
894
+ letterSpacing: string;
895
+ };
896
+ semibold: {
897
+ font: string;
898
+ letterSpacing: string;
899
+ };
900
+ };
901
+ lg: {
902
+ regular: {
903
+ font: string;
904
+ letterSpacing: string;
905
+ };
906
+ medium: {
907
+ font: string;
908
+ letterSpacing: string;
909
+ };
910
+ semibold: {
911
+ font: string;
912
+ letterSpacing: string;
913
+ };
914
+ };
915
+ };
916
+ };
917
+ };
918
+
919
+ declare const themeVars: {
920
+ elevation: {
921
+ low: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
922
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
923
+ };
924
+ opacity: {
925
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
926
+ low: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
927
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
928
+ high: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
929
+ };
930
+ rounded: {
931
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
932
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
933
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
934
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
935
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
936
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
937
+ full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
938
+ };
939
+ spacing: {
940
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
941
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
942
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
943
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
944
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
945
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
946
+ "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
947
+ "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
948
+ "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
949
+ "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
950
+ "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
951
+ "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
952
+ "9xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
953
+ };
954
+ color: {
955
+ support: {
956
+ error: {
957
+ subtler: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
958
+ subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
959
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
960
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
961
+ };
962
+ success: {
963
+ subtler: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
964
+ subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
965
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
966
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
967
+ };
968
+ warning: {
969
+ subtler: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
970
+ subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
971
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
972
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
973
+ };
974
+ info: {
975
+ subtler: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
976
+ subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
977
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
978
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
979
+ };
980
+ };
981
+ focused: {
982
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
983
+ inset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
984
+ };
985
+ background: {
986
+ primary: {
987
+ subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
988
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
989
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
990
+ };
991
+ inverse: {
992
+ subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
993
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
994
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
995
+ };
996
+ secondary: {
997
+ subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
998
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
999
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1000
+ };
1001
+ overlay: {
1002
+ subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1003
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1004
+ };
1005
+ positive: {
1006
+ subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1007
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1008
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1009
+ };
1010
+ };
1011
+ text: {
1012
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1013
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1014
+ helper: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1015
+ placeholder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1016
+ inverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1017
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1018
+ };
1019
+ icon: {
1020
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1021
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1022
+ inverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1023
+ interactive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1024
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1025
+ };
1026
+ border: {
1027
+ subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1028
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1029
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1030
+ inverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1031
+ interactive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1032
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1033
+ };
1034
+ interactive: {
1035
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1036
+ hovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1037
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1038
+ visited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1039
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1040
+ };
1041
+ };
1042
+ typography: {
1043
+ heading: {
1044
+ h6: {
1045
+ regular: {
1046
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1047
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1048
+ };
1049
+ medium: {
1050
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1051
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1052
+ };
1053
+ semibold: {
1054
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1055
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1056
+ };
1057
+ };
1058
+ h5: {
1059
+ regular: {
1060
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1061
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1062
+ };
1063
+ medium: {
1064
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1065
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1066
+ };
1067
+ semibold: {
1068
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1069
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1070
+ };
1071
+ };
1072
+ h4: {
1073
+ regular: {
1074
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1075
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1076
+ };
1077
+ medium: {
1078
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1079
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1080
+ };
1081
+ semibold: {
1082
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1083
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1084
+ };
1085
+ };
1086
+ h3: {
1087
+ regular: {
1088
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1089
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1090
+ };
1091
+ medium: {
1092
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1093
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1094
+ };
1095
+ semibold: {
1096
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1097
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1098
+ };
1099
+ };
1100
+ h2: {
1101
+ regular: {
1102
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1103
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1104
+ };
1105
+ medium: {
1106
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1107
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1108
+ };
1109
+ semibold: {
1110
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1111
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1112
+ };
1113
+ };
1114
+ h1: {
1115
+ regular: {
1116
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1117
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1118
+ };
1119
+ medium: {
1120
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1121
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1122
+ };
1123
+ semibold: {
1124
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1125
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1126
+ };
1127
+ };
1128
+ };
1129
+ label: {
1130
+ sm: {
1131
+ regular: {
1132
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1133
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1134
+ };
1135
+ medium: {
1136
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1137
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1138
+ };
1139
+ semibold: {
1140
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1141
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1142
+ };
1143
+ };
1144
+ md: {
1145
+ regular: {
1146
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1147
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1148
+ };
1149
+ medium: {
1150
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1151
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1152
+ };
1153
+ semibold: {
1154
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1155
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1156
+ };
1157
+ };
1158
+ lg: {
1159
+ regular: {
1160
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1161
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1162
+ };
1163
+ medium: {
1164
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1165
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1166
+ };
1167
+ semibold: {
1168
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1169
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1170
+ };
1171
+ };
1172
+ };
1173
+ body: {
1174
+ sm: {
1175
+ regular: {
1176
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1177
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1178
+ };
1179
+ medium: {
1180
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1181
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1182
+ };
1183
+ semibold: {
1184
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1185
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1186
+ };
1187
+ };
1188
+ md: {
1189
+ regular: {
1190
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1191
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1192
+ };
1193
+ medium: {
1194
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1195
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1196
+ };
1197
+ semibold: {
1198
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1199
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1200
+ };
1201
+ };
1202
+ lg: {
1203
+ regular: {
1204
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1205
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1206
+ };
1207
+ medium: {
1208
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1209
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1210
+ };
1211
+ semibold: {
1212
+ font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1213
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1214
+ };
1215
+ };
1216
+ };
1217
+ };
1218
+ };
1219
+
1220
+ declare const sprinkles: ((props: {
1221
+ paddingTop?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
1222
+ mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1223
+ tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1224
+ desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1225
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
1226
+ paddingRight?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
1227
+ mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1228
+ tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1229
+ desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1230
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
1231
+ paddingBottom?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
1232
+ mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1233
+ tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1234
+ desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1235
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
1236
+ paddingLeft?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
1237
+ mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1238
+ tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1239
+ desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1240
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
1241
+ marginTop?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
1242
+ mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1243
+ tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1244
+ desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1245
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
1246
+ marginRight?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
1247
+ mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1248
+ tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1249
+ desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1250
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
1251
+ marginBottom?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
1252
+ mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1253
+ tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1254
+ desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1255
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
1256
+ marginLeft?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
1257
+ mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1258
+ tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1259
+ desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1260
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
1261
+ gap?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
1262
+ mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1263
+ tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1264
+ desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1265
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
1266
+ padding?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
1267
+ mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1268
+ tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1269
+ desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1270
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
1271
+ paddingX?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
1272
+ mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1273
+ tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1274
+ desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1275
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
1276
+ paddingY?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
1277
+ mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1278
+ tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1279
+ desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1280
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
1281
+ margin?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
1282
+ mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1283
+ tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1284
+ desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1285
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
1286
+ marginX?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
1287
+ mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1288
+ tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1289
+ desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1290
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
1291
+ marginY?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
1292
+ mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1293
+ tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1294
+ desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
1295
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
1296
+ } & {
1297
+ borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
1298
+ borderTopLeftRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
1299
+ borderTopRightRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
1300
+ borderBottomLeftRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
1301
+ borderBottomRightRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
1302
+ borderTopRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
1303
+ borderBottomRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
1304
+ borderLeftRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
1305
+ borderRightRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
1306
+ } & {
1307
+ boxShadow?: "low" | "medium" | undefined;
1308
+ } & {
1309
+ opacity?: "low" | "medium" | "none" | "high" | undefined;
1310
+ } & {
1311
+ typography?: "heading.h6.regular" | "heading.h6.medium" | "heading.h6.semibold" | "heading.h5.regular" | "heading.h5.medium" | "heading.h5.semibold" | "heading.h4.regular" | "heading.h4.medium" | "heading.h4.semibold" | "heading.h3.regular" | "heading.h3.medium" | "heading.h3.semibold" | "heading.h2.regular" | "heading.h2.medium" | "heading.h2.semibold" | "heading.h1.regular" | "heading.h1.medium" | "heading.h1.semibold" | "label.sm.regular" | "label.sm.medium" | "label.sm.semibold" | "label.md.regular" | "label.md.medium" | "label.md.semibold" | "label.lg.regular" | "label.lg.medium" | "label.lg.semibold" | "body.sm.regular" | "body.sm.medium" | "body.sm.semibold" | "body.md.regular" | "body.md.medium" | "body.md.semibold" | "body.lg.regular" | "body.lg.medium" | "body.lg.semibold" | undefined;
1312
+ } & {
1313
+ color?: "text.primary" | "text.secondary" | "text.helper" | "text.placeholder" | "text.disabled" | "text.inverse" | "icon.primary" | "icon.secondary" | "icon.disabled" | "icon.inverse" | "icon.interactive" | "interactive.primary" | "interactive.hovered" | "interactive.active" | "interactive.visited" | "interactive.disabled" | "support.error.subtler" | "support.error.subtle" | "support.error.medium" | "support.error.strong" | "support.success.subtler" | "support.success.subtle" | "support.success.medium" | "support.success.strong" | "support.warning.subtler" | "support.warning.subtle" | "support.warning.medium" | "support.warning.strong" | "support.info.subtler" | "support.info.subtle" | "support.info.medium" | "support.info.strong" | "focused.primary" | "focused.inset" | undefined;
1314
+ backgroundColor?: "background.primary.subtle" | "background.primary.medium" | "background.primary.strong" | "background.secondary.subtle" | "background.secondary.medium" | "background.secondary.strong" | "background.inverse.subtle" | "background.inverse.medium" | "background.inverse.strong" | "background.overlay.subtle" | "background.overlay.medium" | "background.positive.subtle" | "background.positive.medium" | "background.positive.strong" | "support.error.subtler" | "support.error.subtle" | "support.error.medium" | "support.error.strong" | "support.success.subtler" | "support.success.subtle" | "support.success.medium" | "support.success.strong" | "support.warning.subtler" | "support.warning.subtle" | "support.warning.medium" | "support.warning.strong" | "support.info.subtler" | "support.info.subtle" | "support.info.medium" | "support.info.strong" | "focused.primary" | "focused.inset" | undefined;
1315
+ borderColor?: "support.error.subtler" | "support.error.subtle" | "support.error.medium" | "support.error.strong" | "support.success.subtler" | "support.success.subtle" | "support.success.medium" | "support.success.strong" | "support.warning.subtler" | "support.warning.subtle" | "support.warning.medium" | "support.warning.strong" | "support.info.subtler" | "support.info.subtle" | "support.info.medium" | "support.info.strong" | "focused.primary" | "focused.inset" | "border.subtle" | "border.medium" | "border.strong" | "border.inverse" | "border.interactive" | "border.disabled" | undefined;
1316
+ outlineColor?: "support.error.subtler" | "support.error.subtle" | "support.error.medium" | "support.error.strong" | "support.success.subtler" | "support.success.subtle" | "support.success.medium" | "support.success.strong" | "support.warning.subtler" | "support.warning.subtle" | "support.warning.medium" | "support.warning.strong" | "support.info.subtler" | "support.info.subtle" | "support.info.medium" | "support.info.strong" | "focused.primary" | "focused.inset" | "border.subtle" | "border.medium" | "border.strong" | "border.inverse" | "border.interactive" | "border.disabled" | undefined;
1317
+ } & {
1318
+ position?: ("fixed" | "absolute" | "relative" | {
1319
+ mobile?: "fixed" | "absolute" | "relative" | undefined;
1320
+ tablet?: "fixed" | "absolute" | "relative" | undefined;
1321
+ desktop?: "fixed" | "absolute" | "relative" | undefined;
1322
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "fixed" | "absolute" | "relative" | null>;
1323
+ display?: ("none" | "flex" | "grid" | "block" | "inline-flex" | {
1324
+ mobile?: "none" | "flex" | "grid" | "block" | "inline-flex" | undefined;
1325
+ tablet?: "none" | "flex" | "grid" | "block" | "inline-flex" | undefined;
1326
+ desktop?: "none" | "flex" | "grid" | "block" | "inline-flex" | undefined;
1327
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "flex" | "grid" | "block" | "inline-flex" | null>;
1328
+ flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
1329
+ mobile?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
1330
+ tablet?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
1331
+ desktop?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
1332
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "column" | "column-reverse" | "row" | "row-reverse" | null>;
1333
+ alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | {
1334
+ mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1335
+ tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1336
+ desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1337
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "stretch" | "center" | "flex-end" | "flex-start" | null>;
1338
+ flex?: (number | {
1339
+ mobile?: number | undefined;
1340
+ tablet?: number | undefined;
1341
+ desktop?: number | undefined;
1342
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, number | null>;
1343
+ justifyContent?: ("space-between" | "stretch" | "center" | "flex-end" | "flex-start" | {
1344
+ mobile?: "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1345
+ tablet?: "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1346
+ desktop?: "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1347
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | null>;
1348
+ } & {
1349
+ transition?: "transition.medium" | undefined;
1350
+ transitionProperty?: "opacity" | "transform" | "background-color" | undefined;
1351
+ } & {
1352
+ flexWrap?: "nowrap" | "wrap" | undefined;
1353
+ top?: number | undefined;
1354
+ bottom?: number | undefined;
1355
+ left?: number | undefined;
1356
+ right?: number | undefined;
1357
+ flexShrink?: number | undefined;
1358
+ flexGrow?: number | undefined;
1359
+ width?: "full" | undefined;
1360
+ height?: "full" | undefined;
1361
+ cursor?: "pointer" | undefined;
1362
+ inset?: number | undefined;
1363
+ }) => string) & {
1364
+ properties: Set<"opacity" | "color" | "inset" | "typography" | "backgroundColor" | "borderColor" | "outlineColor" | "alignItems" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "bottom" | "boxShadow" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "top" | "transitionProperty" | "width" | "borderRadius" | "flex" | "gap" | "margin" | "padding" | "transition" | "paddingX" | "paddingY" | "marginX" | "marginY" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius">;
1365
+ };
1366
+
1367
+ declare const breakpoints: {
1368
+ mobile: number;
1369
+ tablet: number;
1370
+ desktop: number;
1371
+ };
1372
+ type Breakpoint = keyof typeof breakpoints;
1373
+ type CSSProps = Omit<StyleRule, "@media" | "@supports">;
1374
+ interface ResponsiveStyle {
1375
+ mobile?: CSSProps;
1376
+ tablet?: CSSProps;
1377
+ desktop?: CSSProps;
1378
+ }
1379
+ declare const responsiveStyle: ({ mobile, tablet, desktop, }: ResponsiveStyle) => StyleRule;
1380
+
1381
+ interface Theme {
1382
+ elevation: Elevation;
1383
+ opacity: Opacity;
1384
+ rounded: Rounded;
1385
+ spacing: Spacing;
1386
+ color: Color;
1387
+ typography: Typography;
1388
+ }
1389
+ interface Typography {
1390
+ heading: Heading;
1391
+ label: Label;
1392
+ body: Label;
1393
+ }
1394
+ interface Label {
1395
+ sm: H6;
1396
+ md: H6;
1397
+ lg: H6;
1398
+ }
1399
+ interface Heading {
1400
+ h6: H6;
1401
+ h5: H6;
1402
+ h4: H6;
1403
+ h3: H6;
1404
+ h2: H6;
1405
+ h1: H6;
1406
+ }
1407
+ interface H6 {
1408
+ regular: Regular;
1409
+ medium: Regular;
1410
+ semibold: Regular;
1411
+ }
1412
+ interface Regular {
1413
+ font: string;
1414
+ letterSpacing: string;
1415
+ }
1416
+ interface Color {
1417
+ support: Support;
1418
+ focused: Focused;
1419
+ background: Background;
1420
+ text: Text;
1421
+ icon: Icon;
1422
+ border: Border;
1423
+ interactive: Interactive;
1424
+ }
1425
+ interface Interactive {
1426
+ primary: string;
1427
+ hovered: string;
1428
+ active: string;
1429
+ visited: string;
1430
+ disabled: string;
1431
+ }
1432
+ interface Border {
1433
+ subtle: string;
1434
+ medium: string;
1435
+ strong: string;
1436
+ inverse: string;
1437
+ interactive: string;
1438
+ disabled: string;
1439
+ }
1440
+ interface Icon {
1441
+ primary: string;
1442
+ secondary: string;
1443
+ inverse: string;
1444
+ interactive: string;
1445
+ disabled: string;
1446
+ }
1447
+ interface Text {
1448
+ primary: string;
1449
+ secondary: string;
1450
+ helper: string;
1451
+ placeholder: string;
1452
+ inverse: string;
1453
+ disabled: string;
1454
+ }
1455
+ interface Background {
1456
+ primary: Primary;
1457
+ inverse: Primary;
1458
+ secondary: Primary;
1459
+ overlay: Overlay;
1460
+ positive: Primary;
1461
+ }
1462
+ interface Overlay {
1463
+ subtle: string;
1464
+ medium: string;
1465
+ }
1466
+ interface Primary {
1467
+ subtle: string;
1468
+ medium: string;
1469
+ strong: string;
1470
+ }
1471
+ interface Focused {
1472
+ primary: string;
1473
+ inset: string;
1474
+ }
1475
+ interface Support {
1476
+ error: Error;
1477
+ success: Error;
1478
+ warning: Error;
1479
+ info: Error;
1480
+ }
1481
+ interface Error {
1482
+ subtler: string;
1483
+ subtle: string;
1484
+ medium: string;
1485
+ strong: string;
1486
+ }
1487
+ interface Spacing {
1488
+ xs: string;
1489
+ sm: string;
1490
+ md: string;
1491
+ lg: string;
1492
+ xl: string;
1493
+ '2xl': string;
1494
+ '3xl': string;
1495
+ '4xl': string;
1496
+ '5xl': string;
1497
+ '6xl': string;
1498
+ '7xl': string;
1499
+ '8xl': string;
1500
+ '9xl': string;
1501
+ }
1502
+ interface Rounded {
1503
+ xs: string;
1504
+ sm: string;
1505
+ md: string;
1506
+ lg: string;
1507
+ xl: string;
1508
+ '2xl': string;
1509
+ full: string;
1510
+ }
1511
+ interface Opacity {
1512
+ none: string;
1513
+ low: string;
1514
+ medium: string;
1515
+ high: string;
1516
+ }
1517
+ interface Elevation {
1518
+ low: string;
1519
+ medium: string;
1520
+ }
1521
+
1522
+ export { Breakpoint, Theme, breakpoints, dark as darkTheme, light as lightTheme, responsiveStyle, sprinkles, themeContract, themeVars };