@vegastack/design-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 (7) hide show
  1. package/dist/base.css +78 -0
  2. package/dist/theme.css +388 -0
  3. package/dist/tokens.d.ts +528 -0
  4. package/dist/tokens.js +528 -0
  5. package/dist/tokens.json +524 -0
  6. package/dist/utilities.css +712 -0
  7. package/package.json +42 -0
package/dist/tokens.d.ts ADDED
@@ -0,0 +1,528 @@
1
+ declare const tokens: {
2
+ readonly light: {
3
+ readonly background: "oklch(0.994 0.002 75)";
4
+ readonly foreground: "oklch(0.145 0.003 75)";
5
+ readonly card: "oklch(0.985 0.003 75)";
6
+ readonly "card-foreground": "oklch(0.145 0.003 75)";
7
+ readonly popover: "oklch(0.994 0.002 75)";
8
+ readonly "popover-foreground": "oklch(0.145 0.003 75)";
9
+ readonly primary: "oklch(0.353 0.003 75)";
10
+ readonly "primary-foreground": "oklch(0.985 0.003 75)";
11
+ readonly "primary-hover": "oklch(0.269 0.003 75)";
12
+ readonly "primary-active": "oklch(0.236 0.003 75)";
13
+ readonly track: "oklch(0.87 0.003 75)";
14
+ readonly secondary: "oklch(0.97 0.003 75)";
15
+ readonly "secondary-foreground": "oklch(0.205 0.003 75)";
16
+ readonly muted: "oklch(0.97 0.003 75)";
17
+ readonly "muted-foreground": "oklch(0.439 0.003 75)";
18
+ readonly "muted-foreground-faint": "oklch(0.63 0.003 75)";
19
+ readonly accent: "oklch(0.97 0.003 75)";
20
+ readonly "accent-foreground": "oklch(0.205 0.003 75)";
21
+ readonly destructive: "oklch(0.505 0.213 27.52)";
22
+ readonly "destructive-foreground": "oklch(0.985 0.003 75)";
23
+ readonly "destructive-subtle": "oklch(0.949 0.022 24)";
24
+ readonly "destructive-text": "oklch(0.521 0.2 25)";
25
+ readonly success: "oklch(0.5 0.16 150)";
26
+ readonly "success-foreground": "oklch(0.985 0.003 75)";
27
+ readonly "success-subtle": "oklch(0.951 0.051 150)";
28
+ readonly "success-text": "oklch(0.5 0.13 150)";
29
+ readonly warning: "oklch(0.52 0.145 52)";
30
+ readonly "warning-foreground": "oklch(0.985 0.003 75)";
31
+ readonly "warning-subtle": "oklch(0.96 0.019 42)";
32
+ readonly "warning-text": "oklch(0.52 0.139 42)";
33
+ readonly info: "oklch(0.531 0.182 256)";
34
+ readonly "info-foreground": "oklch(0.985 0.003 75)";
35
+ readonly "info-subtle": "oklch(0.961 0.018 253)";
36
+ readonly "info-text": "oklch(0.52 0.171 256)";
37
+ readonly overlay: "oklch(0.13 0.002 75 / 0.28)";
38
+ readonly border: "oklch(0.922 0.003 75)";
39
+ readonly input: "oklch(0.922 0.003 75)";
40
+ readonly ring: "oklch(0.353 0.003 75)";
41
+ readonly "chart-1": "oklch(0.546 0.245 262.88)";
42
+ readonly "chart-2": "oklch(0.6 0.118 184.7)";
43
+ readonly "chart-3": "oklch(0.398 0.07 227.39)";
44
+ readonly "chart-4": "oklch(0.646 0.222 41.12)";
45
+ readonly "chart-5": "oklch(0.645 0.246 16.44)";
46
+ readonly "chart-6": "oklch(0.505 0.213 27.52)";
47
+ readonly "chart-7": "oklch(0.6 0.127 104.2)";
48
+ readonly "chart-8": "oklch(0.531 0.182 256)";
49
+ readonly brand: "oklch(0.6 0.17 148)";
50
+ readonly sidebar: "oklch(0.985 0.003 75)";
51
+ readonly "sidebar-foreground": "oklch(0.269 0.003 75)";
52
+ readonly "sidebar-primary": "oklch(0.145 0.003 75)";
53
+ readonly "sidebar-primary-foreground": "oklch(0.985 0.003 75)";
54
+ readonly "sidebar-accent": "oklch(0.955 0.003 75)";
55
+ readonly "sidebar-accent-foreground": "oklch(0.145 0.003 75)";
56
+ readonly "sidebar-border": "oklch(0.922 0.003 75)";
57
+ readonly "sidebar-ring": "oklch(0.353 0.003 75)";
58
+ readonly radius: "0.75rem";
59
+ readonly "radius-xs": "0.125rem";
60
+ readonly "radius-sharp": "2px";
61
+ readonly "radius-sm": "0.375rem";
62
+ readonly "radius-md": "0.5rem";
63
+ readonly "radius-lg": "0.75rem";
64
+ readonly "size-xs": "1.5rem";
65
+ readonly "size-sm": "1.75rem";
66
+ readonly "size-md": "2rem";
67
+ readonly "size-lg": "2.5rem";
68
+ readonly "icon-compact": "0.75rem";
69
+ readonly "icon-inline": "0.875rem";
70
+ readonly "icon-default": "1rem";
71
+ readonly "icon-action": "1.25rem";
72
+ readonly "icon-feature": "1.5rem";
73
+ readonly "sidebar-width": "15rem";
74
+ readonly "sidebar-width-icon": "3rem";
75
+ readonly "shadow-overlay": "0 4px 14px -4px oklch(0.13 0.002 75 / 0.1), 0 2px 4px -2px oklch(0.13 0.002 75 / 0.06)";
76
+ readonly "z-raised": 10;
77
+ readonly "z-overlay": 50;
78
+ readonly "opacity-dim": "50%";
79
+ readonly "opacity-hint-soft": "60%";
80
+ readonly "opacity-hint": "70%";
81
+ readonly "opacity-track": "25%";
82
+ readonly "alpha-tint-border": "70%";
83
+ readonly "alpha-outline-border": "50%";
84
+ readonly "alpha-border-subtle": "20%";
85
+ readonly "alpha-border-soft": "30%";
86
+ readonly "alpha-surface-faint": "5%";
87
+ readonly "alpha-surface-subtle": "10%";
88
+ readonly "alpha-ink-tint": "10%";
89
+ readonly "alpha-ink-tint-strong": "15%";
90
+ readonly "alpha-soft-hover": "20%";
91
+ readonly "alpha-soft-surface": "10%";
92
+ readonly "alpha-input": "30%";
93
+ readonly "alpha-input-hover": "50%";
94
+ readonly "alpha-fill-hover": "80%";
95
+ readonly "alpha-wash-faint": "40%";
96
+ readonly "alpha-wash": "50%";
97
+ readonly "alpha-wash-strong": "60%";
98
+ readonly "alpha-backdrop-soft": "60%";
99
+ readonly "alpha-glass": "90%";
100
+ readonly "alpha-glass-hover": "95%";
101
+ readonly "alpha-link-hover": "80%";
102
+ readonly "alpha-outline-soft": "50%";
103
+ readonly "type-product-xs": {
104
+ readonly fontSize: "0.6875rem";
105
+ readonly lineHeight: "calc(16 / 11)";
106
+ };
107
+ readonly "type-product-sm": {
108
+ readonly fontSize: "0.75rem";
109
+ readonly lineHeight: "calc(16 / 12)";
110
+ };
111
+ readonly "type-product-base": {
112
+ readonly fontSize: "0.875rem";
113
+ readonly lineHeight: "calc(21 / 14)";
114
+ };
115
+ readonly "type-product-lg": {
116
+ readonly fontSize: "1rem";
117
+ readonly lineHeight: "calc(24 / 16)";
118
+ };
119
+ readonly "type-product-xl": {
120
+ readonly fontSize: "1.125rem";
121
+ readonly lineHeight: "calc(26 / 18)";
122
+ };
123
+ readonly "type-product-2xl": {
124
+ readonly fontSize: "1.25rem";
125
+ readonly lineHeight: "calc(28 / 20)";
126
+ };
127
+ readonly "type-product-3xl": {
128
+ readonly fontSize: "1.5rem";
129
+ readonly lineHeight: "calc(32 / 24)";
130
+ };
131
+ readonly "type-doc-xs": {
132
+ readonly fontSize: "0.75rem";
133
+ readonly lineHeight: "calc(1 / 0.75)";
134
+ };
135
+ readonly "type-doc-sm": {
136
+ readonly fontSize: "0.875rem";
137
+ readonly lineHeight: "calc(1.25 / 0.875)";
138
+ };
139
+ readonly "type-doc-base": {
140
+ readonly fontSize: "1rem";
141
+ readonly lineHeight: "calc(1.5 / 1)";
142
+ };
143
+ readonly "type-doc-lg": {
144
+ readonly fontSize: "1.125rem";
145
+ readonly lineHeight: "calc(1.75 / 1.125)";
146
+ };
147
+ readonly "type-doc-xl": {
148
+ readonly fontSize: "1.25rem";
149
+ readonly lineHeight: "calc(1.75 / 1.25)";
150
+ };
151
+ readonly "type-doc-2xl": {
152
+ readonly fontSize: "1.5rem";
153
+ readonly lineHeight: "calc(2 / 1.5)";
154
+ };
155
+ readonly "type-doc-3xl": {
156
+ readonly fontSize: "1.875rem";
157
+ readonly lineHeight: "calc(2.25 / 1.875)";
158
+ };
159
+ readonly "text-display-sm": {
160
+ readonly fontSize: "2rem";
161
+ readonly lineHeight: "2.25rem";
162
+ readonly fontWeight: "400";
163
+ readonly letterSpacing: "-0.04em";
164
+ };
165
+ readonly "text-display-md": {
166
+ readonly fontSize: "2.5rem";
167
+ readonly lineHeight: "2.75rem";
168
+ readonly fontWeight: "400";
169
+ readonly letterSpacing: "-0.045em";
170
+ };
171
+ readonly "text-display-lg": {
172
+ readonly fontSize: "3.5rem";
173
+ readonly lineHeight: "3.75rem";
174
+ readonly fontWeight: "400";
175
+ readonly letterSpacing: "-0.05em";
176
+ };
177
+ readonly "text-display-xl": {
178
+ readonly fontSize: "4.5rem";
179
+ readonly lineHeight: "4.75rem";
180
+ readonly fontWeight: "400";
181
+ readonly letterSpacing: "-0.06em";
182
+ };
183
+ readonly "text-h1": {
184
+ readonly fontSize: "1.5rem";
185
+ readonly lineHeight: "2rem";
186
+ readonly fontWeight: "400";
187
+ readonly letterSpacing: "-0.02em";
188
+ };
189
+ readonly "text-h2": {
190
+ readonly fontSize: "1.25rem";
191
+ readonly lineHeight: "1.75rem";
192
+ readonly fontWeight: "400";
193
+ readonly letterSpacing: "-0.015em";
194
+ };
195
+ readonly "text-h3": {
196
+ readonly fontSize: "1.125rem";
197
+ readonly lineHeight: "1.5rem";
198
+ readonly fontWeight: "400";
199
+ readonly letterSpacing: "-0.01em";
200
+ };
201
+ readonly "text-h4": {
202
+ readonly fontSize: "1rem";
203
+ readonly lineHeight: "1.375rem";
204
+ readonly fontWeight: "500";
205
+ readonly letterSpacing: "0em";
206
+ };
207
+ readonly "text-label": {
208
+ readonly fontSize: "0.875rem";
209
+ readonly lineHeight: "1.25rem";
210
+ readonly fontWeight: "500";
211
+ readonly letterSpacing: "0em";
212
+ };
213
+ readonly "text-label-sm": {
214
+ readonly fontSize: "0.75rem";
215
+ readonly lineHeight: "1rem";
216
+ readonly fontWeight: "500";
217
+ readonly letterSpacing: "0em";
218
+ };
219
+ readonly "text-code": {
220
+ readonly fontSize: "0.8125rem";
221
+ readonly lineHeight: "1.25rem";
222
+ readonly fontWeight: "400";
223
+ readonly letterSpacing: "0em";
224
+ };
225
+ readonly "text-code-sm": {
226
+ readonly fontSize: "0.75rem";
227
+ readonly lineHeight: "1rem";
228
+ readonly fontWeight: "400";
229
+ readonly letterSpacing: "0em";
230
+ };
231
+ readonly "text-mono-label": {
232
+ readonly fontSize: "0.75rem";
233
+ readonly lineHeight: "1rem";
234
+ readonly fontWeight: "400";
235
+ readonly letterSpacing: "0.05em";
236
+ };
237
+ readonly "font-family-sans": "Geist, sans-serif";
238
+ readonly "font-family-mono": "'Geist Mono', monospace";
239
+ readonly "font-family-serif": "Newsreader, serif";
240
+ readonly "font-family-display": "Geist, sans-serif";
241
+ readonly "font-family-pixel": "'Geist Pixel Square', monospace";
242
+ readonly "duration-fast": "150ms";
243
+ readonly "duration-base": "200ms";
244
+ readonly "duration-slow": "300ms";
245
+ readonly "motion-ease-standard": "cubic-bezier(0.2, 0, 0, 1)";
246
+ readonly "motion-ease-emphasized": "cubic-bezier(0.3, 0, 0, 1)";
247
+ readonly "motion-ease-exit": "cubic-bezier(0.4, 0, 1, 1)";
248
+ readonly "motion-ease-spring": "linear(0, 0.5 60%, 1.05 80%, 0.98 90%, 1)";
249
+ readonly "motion-blur": "2px";
250
+ readonly "destructive-hover": "oklch(0.455 0.213 27.52)";
251
+ readonly "destructive-active": "oklch(0.415 0.213 27.52)";
252
+ readonly "destructive-subtle-hover": "oklch(0.91 0.036 20.4)";
253
+ readonly "success-hover": "oklch(0.45 0.16 150)";
254
+ readonly "success-active": "oklch(0.41 0.16 150)";
255
+ readonly "success-subtle-hover": "oklch(0.919 0.059 151.1)";
256
+ readonly "warning-hover": "oklch(0.47 0.145 52)";
257
+ readonly "warning-active": "oklch(0.43 0.145 52)";
258
+ readonly "warning-subtle-hover": "oklch(0.929 0.027 48.8)";
259
+ readonly "info-hover": "oklch(0.481 0.182 256)";
260
+ readonly "info-active": "oklch(0.441 0.182 256)";
261
+ readonly "info-subtle-hover": "oklch(0.929 0.03 251.1)";
262
+ };
263
+ readonly dark: {
264
+ readonly background: "oklch(0.175 0.003 75)";
265
+ readonly foreground: "oklch(0.922 0.003 75)";
266
+ readonly card: "oklch(0.205 0.003 75)";
267
+ readonly "card-foreground": "oklch(0.922 0.003 75)";
268
+ readonly popover: "oklch(0.205 0.003 75)";
269
+ readonly "popover-foreground": "oklch(0.922 0.003 75)";
270
+ readonly primary: "oklch(0.922 0.003 75)";
271
+ readonly "primary-foreground": "oklch(0.145 0.003 75)";
272
+ readonly "primary-hover": "oklch(0.97 0.003 75)";
273
+ readonly "primary-active": "oklch(0.994 0.002 75)";
274
+ readonly track: "oklch(0.439 0.003 75)";
275
+ readonly secondary: "oklch(0.269 0.003 75)";
276
+ readonly "secondary-foreground": "oklch(0.922 0.003 75)";
277
+ readonly muted: "oklch(0.269 0.003 75)";
278
+ readonly "muted-foreground": "oklch(0.66 0.003 75)";
279
+ readonly "muted-foreground-faint": "oklch(0.559 0.003 75)";
280
+ readonly accent: "oklch(0.269 0.003 75)";
281
+ readonly "accent-foreground": "oklch(0.967 0.003 75)";
282
+ readonly destructive: "oklch(0.505 0.213 27.52)";
283
+ readonly "destructive-foreground": "oklch(0.985 0.003 75)";
284
+ readonly "destructive-subtle": "oklch(0.275 0.07 25)";
285
+ readonly "destructive-text": "oklch(0.72 0.16 25)";
286
+ readonly success: "oklch(0.5 0.16 150)";
287
+ readonly "success-foreground": "oklch(0.985 0.003 75)";
288
+ readonly "success-subtle": "oklch(0.276 0.061 150)";
289
+ readonly "success-text": "oklch(0.72 0.17 150)";
290
+ readonly warning: "oklch(0.52 0.145 52)";
291
+ readonly "warning-foreground": "oklch(0.985 0.003 75)";
292
+ readonly "warning-subtle": "oklch(0.28 0.069 42)";
293
+ readonly "warning-text": "oklch(0.769 0.188 70.08)";
294
+ readonly info: "oklch(0.531 0.182 256)";
295
+ readonly "info-foreground": "oklch(0.985 0.003 75)";
296
+ readonly "info-subtle": "oklch(0.275 0.059 255)";
297
+ readonly "info-text": "oklch(0.72 0.13 256)";
298
+ readonly overlay: "oklch(0 0 0 / 0.55)";
299
+ readonly border: "oklch(0.269 0.003 75)";
300
+ readonly input: "oklch(0.269 0.003 75)";
301
+ readonly ring: "oklch(0.922 0.003 75)";
302
+ readonly "chart-1": "oklch(0.623 0.214 259.81)";
303
+ readonly "chart-2": "oklch(0.696 0.17 162.48)";
304
+ readonly "chart-3": "oklch(0.769 0.188 70.08)";
305
+ readonly "chart-4": "oklch(0.75 0.183 55.93)";
306
+ readonly "chart-5": "oklch(0.645 0.246 16.44)";
307
+ readonly "chart-6": "oklch(0.69 0.21 25)";
308
+ readonly "chart-7": "oklch(0.72 0.15 103.9)";
309
+ readonly "chart-8": "oklch(0.72 0.13 256)";
310
+ readonly brand: "oklch(0.86 0.21 148)";
311
+ readonly sidebar: "oklch(0.145 0.003 75)";
312
+ readonly "sidebar-foreground": "oklch(0.87 0.003 75)";
313
+ readonly "sidebar-primary": "oklch(0.922 0.003 75)";
314
+ readonly "sidebar-primary-foreground": "oklch(0.145 0.003 75)";
315
+ readonly "sidebar-accent": "oklch(0.205 0.003 75)";
316
+ readonly "sidebar-accent-foreground": "oklch(0.922 0.003 75)";
317
+ readonly "sidebar-border": "oklch(0.269 0.003 75)";
318
+ readonly "sidebar-ring": "oklch(0.922 0.003 75)";
319
+ readonly radius: "0.75rem";
320
+ readonly "radius-xs": "0.125rem";
321
+ readonly "radius-sharp": "2px";
322
+ readonly "radius-sm": "0.375rem";
323
+ readonly "radius-md": "0.5rem";
324
+ readonly "radius-lg": "0.75rem";
325
+ readonly "size-xs": "1.5rem";
326
+ readonly "size-sm": "1.75rem";
327
+ readonly "size-md": "2rem";
328
+ readonly "size-lg": "2.5rem";
329
+ readonly "icon-compact": "0.75rem";
330
+ readonly "icon-inline": "0.875rem";
331
+ readonly "icon-default": "1rem";
332
+ readonly "icon-action": "1.25rem";
333
+ readonly "icon-feature": "1.5rem";
334
+ readonly "sidebar-width": "15rem";
335
+ readonly "sidebar-width-icon": "3rem";
336
+ readonly "shadow-overlay": "0 4px 14px -4px oklch(0.13 0.002 75 / 0.1), 0 2px 4px -2px oklch(0.13 0.002 75 / 0.06)";
337
+ readonly "z-raised": 10;
338
+ readonly "z-overlay": 50;
339
+ readonly "opacity-dim": "50%";
340
+ readonly "opacity-hint-soft": "60%";
341
+ readonly "opacity-hint": "70%";
342
+ readonly "opacity-track": "25%";
343
+ readonly "alpha-tint-border": "70%";
344
+ readonly "alpha-outline-border": "50%";
345
+ readonly "alpha-border-subtle": "20%";
346
+ readonly "alpha-border-soft": "30%";
347
+ readonly "alpha-surface-faint": "5%";
348
+ readonly "alpha-surface-subtle": "10%";
349
+ readonly "alpha-ink-tint": "10%";
350
+ readonly "alpha-ink-tint-strong": "15%";
351
+ readonly "alpha-soft-hover": "30%";
352
+ readonly "alpha-soft-surface": "20%";
353
+ readonly "alpha-input": "30%";
354
+ readonly "alpha-input-hover": "50%";
355
+ readonly "alpha-fill-hover": "80%";
356
+ readonly "alpha-wash-faint": "40%";
357
+ readonly "alpha-wash": "50%";
358
+ readonly "alpha-wash-strong": "60%";
359
+ readonly "alpha-backdrop-soft": "60%";
360
+ readonly "alpha-glass": "90%";
361
+ readonly "alpha-glass-hover": "95%";
362
+ readonly "alpha-link-hover": "80%";
363
+ readonly "alpha-outline-soft": "50%";
364
+ readonly "type-product-xs": {
365
+ readonly fontSize: "0.6875rem";
366
+ readonly lineHeight: "calc(16 / 11)";
367
+ };
368
+ readonly "type-product-sm": {
369
+ readonly fontSize: "0.75rem";
370
+ readonly lineHeight: "calc(16 / 12)";
371
+ };
372
+ readonly "type-product-base": {
373
+ readonly fontSize: "0.875rem";
374
+ readonly lineHeight: "calc(21 / 14)";
375
+ };
376
+ readonly "type-product-lg": {
377
+ readonly fontSize: "1rem";
378
+ readonly lineHeight: "calc(24 / 16)";
379
+ };
380
+ readonly "type-product-xl": {
381
+ readonly fontSize: "1.125rem";
382
+ readonly lineHeight: "calc(26 / 18)";
383
+ };
384
+ readonly "type-product-2xl": {
385
+ readonly fontSize: "1.25rem";
386
+ readonly lineHeight: "calc(28 / 20)";
387
+ };
388
+ readonly "type-product-3xl": {
389
+ readonly fontSize: "1.5rem";
390
+ readonly lineHeight: "calc(32 / 24)";
391
+ };
392
+ readonly "type-doc-xs": {
393
+ readonly fontSize: "0.75rem";
394
+ readonly lineHeight: "calc(1 / 0.75)";
395
+ };
396
+ readonly "type-doc-sm": {
397
+ readonly fontSize: "0.875rem";
398
+ readonly lineHeight: "calc(1.25 / 0.875)";
399
+ };
400
+ readonly "type-doc-base": {
401
+ readonly fontSize: "1rem";
402
+ readonly lineHeight: "calc(1.5 / 1)";
403
+ };
404
+ readonly "type-doc-lg": {
405
+ readonly fontSize: "1.125rem";
406
+ readonly lineHeight: "calc(1.75 / 1.125)";
407
+ };
408
+ readonly "type-doc-xl": {
409
+ readonly fontSize: "1.25rem";
410
+ readonly lineHeight: "calc(1.75 / 1.25)";
411
+ };
412
+ readonly "type-doc-2xl": {
413
+ readonly fontSize: "1.5rem";
414
+ readonly lineHeight: "calc(2 / 1.5)";
415
+ };
416
+ readonly "type-doc-3xl": {
417
+ readonly fontSize: "1.875rem";
418
+ readonly lineHeight: "calc(2.25 / 1.875)";
419
+ };
420
+ readonly "text-display-sm": {
421
+ readonly fontSize: "2rem";
422
+ readonly lineHeight: "2.25rem";
423
+ readonly fontWeight: "400";
424
+ readonly letterSpacing: "-0.04em";
425
+ };
426
+ readonly "text-display-md": {
427
+ readonly fontSize: "2.5rem";
428
+ readonly lineHeight: "2.75rem";
429
+ readonly fontWeight: "400";
430
+ readonly letterSpacing: "-0.045em";
431
+ };
432
+ readonly "text-display-lg": {
433
+ readonly fontSize: "3.5rem";
434
+ readonly lineHeight: "3.75rem";
435
+ readonly fontWeight: "400";
436
+ readonly letterSpacing: "-0.05em";
437
+ };
438
+ readonly "text-display-xl": {
439
+ readonly fontSize: "4.5rem";
440
+ readonly lineHeight: "4.75rem";
441
+ readonly fontWeight: "400";
442
+ readonly letterSpacing: "-0.06em";
443
+ };
444
+ readonly "text-h1": {
445
+ readonly fontSize: "1.5rem";
446
+ readonly lineHeight: "2rem";
447
+ readonly fontWeight: "400";
448
+ readonly letterSpacing: "-0.02em";
449
+ };
450
+ readonly "text-h2": {
451
+ readonly fontSize: "1.25rem";
452
+ readonly lineHeight: "1.75rem";
453
+ readonly fontWeight: "400";
454
+ readonly letterSpacing: "-0.015em";
455
+ };
456
+ readonly "text-h3": {
457
+ readonly fontSize: "1.125rem";
458
+ readonly lineHeight: "1.5rem";
459
+ readonly fontWeight: "400";
460
+ readonly letterSpacing: "-0.01em";
461
+ };
462
+ readonly "text-h4": {
463
+ readonly fontSize: "1rem";
464
+ readonly lineHeight: "1.375rem";
465
+ readonly fontWeight: "500";
466
+ readonly letterSpacing: "0em";
467
+ };
468
+ readonly "text-label": {
469
+ readonly fontSize: "0.875rem";
470
+ readonly lineHeight: "1.25rem";
471
+ readonly fontWeight: "500";
472
+ readonly letterSpacing: "0em";
473
+ };
474
+ readonly "text-label-sm": {
475
+ readonly fontSize: "0.75rem";
476
+ readonly lineHeight: "1rem";
477
+ readonly fontWeight: "500";
478
+ readonly letterSpacing: "0em";
479
+ };
480
+ readonly "text-code": {
481
+ readonly fontSize: "0.8125rem";
482
+ readonly lineHeight: "1.25rem";
483
+ readonly fontWeight: "400";
484
+ readonly letterSpacing: "0em";
485
+ };
486
+ readonly "text-code-sm": {
487
+ readonly fontSize: "0.75rem";
488
+ readonly lineHeight: "1rem";
489
+ readonly fontWeight: "400";
490
+ readonly letterSpacing: "0em";
491
+ };
492
+ readonly "text-mono-label": {
493
+ readonly fontSize: "0.75rem";
494
+ readonly lineHeight: "1rem";
495
+ readonly fontWeight: "400";
496
+ readonly letterSpacing: "0.05em";
497
+ };
498
+ readonly "font-family-sans": "Geist, sans-serif";
499
+ readonly "font-family-mono": "'Geist Mono', monospace";
500
+ readonly "font-family-serif": "Newsreader, serif";
501
+ readonly "font-family-display": "Geist, sans-serif";
502
+ readonly "font-family-pixel": "'Geist Pixel Square', monospace";
503
+ readonly "duration-fast": "150ms";
504
+ readonly "duration-base": "200ms";
505
+ readonly "duration-slow": "300ms";
506
+ readonly "motion-ease-standard": "cubic-bezier(0.2, 0, 0, 1)";
507
+ readonly "motion-ease-emphasized": "cubic-bezier(0.3, 0, 0, 1)";
508
+ readonly "motion-ease-exit": "cubic-bezier(0.4, 0, 1, 1)";
509
+ readonly "motion-ease-spring": "linear(0, 0.5 60%, 1.05 80%, 0.98 90%, 1)";
510
+ readonly "motion-blur": "2px";
511
+ readonly "destructive-hover": "oklch(0.455 0.213 27.52)";
512
+ readonly "destructive-active": "oklch(0.415 0.213 27.52)";
513
+ readonly "destructive-subtle-hover": "oklch(0.34 0.123 26.3)";
514
+ readonly "success-hover": "oklch(0.45 0.16 150)";
515
+ readonly "success-active": "oklch(0.41 0.16 150)";
516
+ readonly "success-subtle-hover": "oklch(0.348 0.092 148.9)";
517
+ readonly "warning-hover": "oklch(0.47 0.145 52)";
518
+ readonly "warning-active": "oklch(0.43 0.145 52)";
519
+ readonly "warning-subtle-hover": "oklch(0.356 0.093 46.6)";
520
+ readonly "info-hover": "oklch(0.481 0.182 256)";
521
+ readonly "info-active": "oklch(0.441 0.182 256)";
522
+ readonly "info-subtle-hover": "oklch(0.354 0.101 254.3)";
523
+ };
524
+ };
525
+ type Theme = keyof typeof tokens;
526
+ type TokenName = keyof (typeof tokens)['light'];
527
+
528
+ export { type Theme, type TokenName, tokens };