zyzz 0.0.2 → 0.0.3

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 (44) hide show
  1. package/dist/Config.d.ts +1 -1
  2. package/dist/Config.d.ts.map +1 -1
  3. package/dist/Config.js.map +1 -1
  4. package/dist/Style.d.ts +5 -2
  5. package/dist/Style.d.ts.map +1 -1
  6. package/dist/Style.js +43 -2
  7. package/dist/Style.js.map +1 -1
  8. package/dist/Theme.d.ts +12 -9
  9. package/dist/Theme.d.ts.map +1 -1
  10. package/dist/Theme.js +20 -4
  11. package/dist/Theme.js.map +1 -1
  12. package/dist/compiler/Source.d.ts +2 -0
  13. package/dist/compiler/Source.d.ts.map +1 -1
  14. package/dist/compiler/Source.js +22 -0
  15. package/dist/compiler/Source.js.map +1 -1
  16. package/dist/compiler/Transform.d.ts.map +1 -1
  17. package/dist/compiler/Transform.js +2 -0
  18. package/dist/compiler/Transform.js.map +1 -1
  19. package/dist/compiler/internal/Contract.d.ts.map +1 -1
  20. package/dist/compiler/internal/Contract.js +10 -3
  21. package/dist/compiler/internal/Contract.js.map +1 -1
  22. package/dist/default.d.ts +1218 -1
  23. package/dist/default.d.ts.map +1 -1
  24. package/dist/default.js +304 -0
  25. package/dist/default.js.map +2 -2
  26. package/dist/default.js.zyzz.json +1 -1
  27. package/dist/internal/Shorthands.d.ts +1 -1
  28. package/dist/internal/Shorthands.d.ts.map +1 -1
  29. package/dist/internal/Shorthands.js +1 -0
  30. package/dist/internal/Shorthands.js.map +1 -1
  31. package/dist/internal/Typography.d.ts +23 -0
  32. package/dist/internal/Typography.d.ts.map +1 -0
  33. package/dist/internal/Typography.js +18 -0
  34. package/dist/internal/Typography.js.map +1 -0
  35. package/package.json +1 -1
  36. package/src/Config.ts +1 -0
  37. package/src/Style.ts +91 -27
  38. package/src/Theme.ts +106 -35
  39. package/src/compiler/Source.ts +29 -0
  40. package/src/compiler/Transform.ts +6 -0
  41. package/src/compiler/internal/Contract.ts +19 -5
  42. package/src/default.ts +694 -1
  43. package/src/internal/Shorthands.ts +2 -0
  44. package/src/internal/Typography.ts +51 -0
package/src/default.ts CHANGED
@@ -13,7 +13,8 @@ import { Config } from 'zyzz'
13
13
  * ten-step light/dark scales plus `background`, `grayAlpha`, `black`, and
14
14
  * `white`. `foreground` aliases `gray.1000` and `surface` aliases
15
15
  * `background.100`. Font stacks lead with the named faces and fall back to
16
- * system fonts. No fonts are loaded.
16
+ * system fonts. Typography sets use https://vercel.com/geist/typography,
17
+ * with explicit zero tracking outside headings. No fonts are loaded.
17
18
  */
18
19
  export const tokens = {
19
20
  borderRadius: {
@@ -245,6 +246,352 @@ export const tokens = {
245
246
  96: '24rem',
246
247
  px: '1px',
247
248
  },
249
+ typography: {
250
+ button: {
251
+ '12': {
252
+ fontFamily:
253
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
254
+ fontSize: '12px',
255
+ fontWeight: 500,
256
+ letterSpacing: '0px',
257
+ lineHeight: '16px',
258
+ },
259
+ '14': {
260
+ fontFamily:
261
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
262
+ fontSize: '14px',
263
+ fontWeight: 500,
264
+ letterSpacing: '0px',
265
+ lineHeight: '20px',
266
+ },
267
+ '16': {
268
+ fontFamily:
269
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
270
+ fontSize: '16px',
271
+ fontWeight: 500,
272
+ letterSpacing: '0px',
273
+ lineHeight: '20px',
274
+ },
275
+ },
276
+ copy: {
277
+ '13': {
278
+ fontFamily:
279
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
280
+ fontSize: '13px',
281
+ fontWeight: 400,
282
+ letterSpacing: '0px',
283
+ lineHeight: '18px',
284
+ mono: {
285
+ fontFamily:
286
+ '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
287
+ fontSize: '13px',
288
+ fontWeight: 400,
289
+ letterSpacing: '0px',
290
+ lineHeight: '18px',
291
+ },
292
+ },
293
+ '14': {
294
+ fontFamily:
295
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
296
+ fontSize: '14px',
297
+ fontWeight: 400,
298
+ letterSpacing: '0px',
299
+ lineHeight: '20px',
300
+ strong: {
301
+ fontFamily:
302
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
303
+ fontSize: '14px',
304
+ fontWeight: 550,
305
+ letterSpacing: '0px',
306
+ lineHeight: '20px',
307
+ },
308
+ },
309
+ '16': {
310
+ fontFamily:
311
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
312
+ fontSize: '16px',
313
+ fontWeight: 400,
314
+ letterSpacing: '0px',
315
+ lineHeight: '24px',
316
+ strong: {
317
+ fontFamily:
318
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
319
+ fontSize: '16px',
320
+ fontWeight: 550,
321
+ letterSpacing: '0px',
322
+ lineHeight: '24px',
323
+ },
324
+ },
325
+ '18': {
326
+ fontFamily:
327
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
328
+ fontSize: '18px',
329
+ fontWeight: 400,
330
+ letterSpacing: '0px',
331
+ lineHeight: '28px',
332
+ strong: {
333
+ fontFamily:
334
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
335
+ fontSize: '18px',
336
+ fontWeight: 550,
337
+ letterSpacing: '0px',
338
+ lineHeight: '28px',
339
+ },
340
+ },
341
+ '20': {
342
+ fontFamily:
343
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
344
+ fontSize: '20px',
345
+ fontWeight: 400,
346
+ letterSpacing: '0px',
347
+ lineHeight: '36px',
348
+ strong: {
349
+ fontFamily:
350
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
351
+ fontSize: '20px',
352
+ fontWeight: 550,
353
+ letterSpacing: '0px',
354
+ lineHeight: '36px',
355
+ },
356
+ },
357
+ '24': {
358
+ fontFamily:
359
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
360
+ fontSize: '24px',
361
+ fontWeight: 400,
362
+ letterSpacing: '0px',
363
+ lineHeight: '36px',
364
+ strong: {
365
+ fontFamily:
366
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
367
+ fontSize: '24px',
368
+ fontWeight: 550,
369
+ letterSpacing: '0px',
370
+ lineHeight: '36px',
371
+ },
372
+ },
373
+ },
374
+ heading: {
375
+ '14': {
376
+ fontFamily:
377
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
378
+ fontSize: '14px',
379
+ fontWeight: 600,
380
+ letterSpacing: '-.28px',
381
+ lineHeight: '20px',
382
+ },
383
+ '16': {
384
+ fontFamily:
385
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
386
+ fontSize: '16px',
387
+ fontWeight: 600,
388
+ letterSpacing: '-.32px',
389
+ lineHeight: '24px',
390
+ subtle: {
391
+ fontFamily:
392
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
393
+ fontSize: '16px',
394
+ fontWeight: 500,
395
+ letterSpacing: '-.32px',
396
+ lineHeight: '24px',
397
+ },
398
+ },
399
+ '20': {
400
+ fontFamily:
401
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
402
+ fontSize: '20px',
403
+ fontWeight: 600,
404
+ letterSpacing: '-.4px',
405
+ lineHeight: '26px',
406
+ subtle: {
407
+ fontFamily:
408
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
409
+ fontSize: '20px',
410
+ fontWeight: 500,
411
+ letterSpacing: '-.4px',
412
+ lineHeight: '26px',
413
+ },
414
+ },
415
+ '24': {
416
+ fontFamily:
417
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
418
+ fontSize: '24px',
419
+ fontWeight: 600,
420
+ letterSpacing: '-.96px',
421
+ lineHeight: '32px',
422
+ subtle: {
423
+ fontFamily:
424
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
425
+ fontSize: '24px',
426
+ fontWeight: 500,
427
+ letterSpacing: '-.96px',
428
+ lineHeight: '32px',
429
+ },
430
+ },
431
+ '32': {
432
+ fontFamily:
433
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
434
+ fontSize: '32px',
435
+ fontWeight: 600,
436
+ letterSpacing: '-1.28px',
437
+ lineHeight: '40px',
438
+ subtle: {
439
+ fontFamily:
440
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
441
+ fontSize: '32px',
442
+ fontWeight: 500,
443
+ letterSpacing: '-1.28px',
444
+ lineHeight: '40px',
445
+ },
446
+ },
447
+ '40': {
448
+ fontFamily:
449
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
450
+ fontSize: '40px',
451
+ fontWeight: 600,
452
+ letterSpacing: '-2.4px',
453
+ lineHeight: '48px',
454
+ },
455
+ '48': {
456
+ fontFamily:
457
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
458
+ fontSize: '48px',
459
+ fontWeight: 600,
460
+ letterSpacing: '-2.88px',
461
+ lineHeight: '56px',
462
+ },
463
+ '56': {
464
+ fontFamily:
465
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
466
+ fontSize: '56px',
467
+ fontWeight: 600,
468
+ letterSpacing: '-3.36px',
469
+ lineHeight: '56px',
470
+ },
471
+ '64': {
472
+ fontFamily:
473
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
474
+ fontSize: '64px',
475
+ fontWeight: 600,
476
+ letterSpacing: '-3.84px',
477
+ lineHeight: '64px',
478
+ },
479
+ '72': {
480
+ fontFamily:
481
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
482
+ fontSize: '72px',
483
+ fontWeight: 600,
484
+ letterSpacing: '-4.32px',
485
+ lineHeight: '72px',
486
+ },
487
+ },
488
+ label: {
489
+ '12': {
490
+ fontFamily:
491
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
492
+ fontSize: '12px',
493
+ fontWeight: 400,
494
+ letterSpacing: '0px',
495
+ lineHeight: '16px',
496
+ mono: {
497
+ fontFamily:
498
+ '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
499
+ fontSize: '12px',
500
+ fontWeight: 400,
501
+ letterSpacing: '0px',
502
+ lineHeight: '16px',
503
+ },
504
+ strong: {
505
+ fontFamily:
506
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
507
+ fontSize: '12px',
508
+ fontWeight: 500,
509
+ letterSpacing: '0px',
510
+ lineHeight: '16px',
511
+ },
512
+ },
513
+ '13': {
514
+ fontFamily:
515
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
516
+ fontSize: '13px',
517
+ fontWeight: 400,
518
+ letterSpacing: '0px',
519
+ lineHeight: '16px',
520
+ mono: {
521
+ fontFamily:
522
+ '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
523
+ fontSize: '13px',
524
+ fontWeight: 400,
525
+ letterSpacing: '0px',
526
+ lineHeight: '20px',
527
+ },
528
+ strong: {
529
+ fontFamily:
530
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
531
+ fontSize: '13px',
532
+ fontWeight: 500,
533
+ letterSpacing: '0px',
534
+ lineHeight: '16px',
535
+ },
536
+ },
537
+ '14': {
538
+ fontFamily:
539
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
540
+ fontSize: '14px',
541
+ fontWeight: 400,
542
+ letterSpacing: '0px',
543
+ lineHeight: '20px',
544
+ mono: {
545
+ fontFamily:
546
+ '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
547
+ fontSize: '14px',
548
+ fontWeight: 400,
549
+ letterSpacing: '0px',
550
+ lineHeight: '20px',
551
+ },
552
+ strong: {
553
+ fontFamily:
554
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
555
+ fontSize: '14px',
556
+ fontWeight: 500,
557
+ letterSpacing: '0px',
558
+ lineHeight: '20px',
559
+ },
560
+ },
561
+ '16': {
562
+ fontFamily:
563
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
564
+ fontSize: '16px',
565
+ fontWeight: 400,
566
+ letterSpacing: '0px',
567
+ lineHeight: '20px',
568
+ strong: {
569
+ fontFamily:
570
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
571
+ fontSize: '16px',
572
+ fontWeight: 500,
573
+ letterSpacing: '0px',
574
+ lineHeight: '20px',
575
+ },
576
+ },
577
+ '18': {
578
+ fontFamily:
579
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
580
+ fontSize: '18px',
581
+ fontWeight: 400,
582
+ letterSpacing: '0px',
583
+ lineHeight: '20px',
584
+ },
585
+ '20': {
586
+ fontFamily:
587
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
588
+ fontSize: '20px',
589
+ fontWeight: 400,
590
+ letterSpacing: '0px',
591
+ lineHeight: '32px',
592
+ },
593
+ },
594
+ },
248
595
  } as const
249
596
 
250
597
  /** Default appearance, restoration script, and authoring helpers with bundled light/dark tokens. */
@@ -480,5 +827,351 @@ export const { appearance, script, style, theme, variants } = Config.create({
480
827
  96: '24rem',
481
828
  px: '1px',
482
829
  },
830
+ typography: {
831
+ button: {
832
+ '12': {
833
+ fontFamily:
834
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
835
+ fontSize: '12px',
836
+ fontWeight: 500,
837
+ letterSpacing: '0px',
838
+ lineHeight: '16px',
839
+ },
840
+ '14': {
841
+ fontFamily:
842
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
843
+ fontSize: '14px',
844
+ fontWeight: 500,
845
+ letterSpacing: '0px',
846
+ lineHeight: '20px',
847
+ },
848
+ '16': {
849
+ fontFamily:
850
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
851
+ fontSize: '16px',
852
+ fontWeight: 500,
853
+ letterSpacing: '0px',
854
+ lineHeight: '20px',
855
+ },
856
+ },
857
+ copy: {
858
+ '13': {
859
+ fontFamily:
860
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
861
+ fontSize: '13px',
862
+ fontWeight: 400,
863
+ letterSpacing: '0px',
864
+ lineHeight: '18px',
865
+ mono: {
866
+ fontFamily:
867
+ '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
868
+ fontSize: '13px',
869
+ fontWeight: 400,
870
+ letterSpacing: '0px',
871
+ lineHeight: '18px',
872
+ },
873
+ },
874
+ '14': {
875
+ fontFamily:
876
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
877
+ fontSize: '14px',
878
+ fontWeight: 400,
879
+ letterSpacing: '0px',
880
+ lineHeight: '20px',
881
+ strong: {
882
+ fontFamily:
883
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
884
+ fontSize: '14px',
885
+ fontWeight: 550,
886
+ letterSpacing: '0px',
887
+ lineHeight: '20px',
888
+ },
889
+ },
890
+ '16': {
891
+ fontFamily:
892
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
893
+ fontSize: '16px',
894
+ fontWeight: 400,
895
+ letterSpacing: '0px',
896
+ lineHeight: '24px',
897
+ strong: {
898
+ fontFamily:
899
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
900
+ fontSize: '16px',
901
+ fontWeight: 550,
902
+ letterSpacing: '0px',
903
+ lineHeight: '24px',
904
+ },
905
+ },
906
+ '18': {
907
+ fontFamily:
908
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
909
+ fontSize: '18px',
910
+ fontWeight: 400,
911
+ letterSpacing: '0px',
912
+ lineHeight: '28px',
913
+ strong: {
914
+ fontFamily:
915
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
916
+ fontSize: '18px',
917
+ fontWeight: 550,
918
+ letterSpacing: '0px',
919
+ lineHeight: '28px',
920
+ },
921
+ },
922
+ '20': {
923
+ fontFamily:
924
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
925
+ fontSize: '20px',
926
+ fontWeight: 400,
927
+ letterSpacing: '0px',
928
+ lineHeight: '36px',
929
+ strong: {
930
+ fontFamily:
931
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
932
+ fontSize: '20px',
933
+ fontWeight: 550,
934
+ letterSpacing: '0px',
935
+ lineHeight: '36px',
936
+ },
937
+ },
938
+ '24': {
939
+ fontFamily:
940
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
941
+ fontSize: '24px',
942
+ fontWeight: 400,
943
+ letterSpacing: '0px',
944
+ lineHeight: '36px',
945
+ strong: {
946
+ fontFamily:
947
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
948
+ fontSize: '24px',
949
+ fontWeight: 550,
950
+ letterSpacing: '0px',
951
+ lineHeight: '36px',
952
+ },
953
+ },
954
+ },
955
+ heading: {
956
+ '14': {
957
+ fontFamily:
958
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
959
+ fontSize: '14px',
960
+ fontWeight: 600,
961
+ letterSpacing: '-.28px',
962
+ lineHeight: '20px',
963
+ },
964
+ '16': {
965
+ fontFamily:
966
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
967
+ fontSize: '16px',
968
+ fontWeight: 600,
969
+ letterSpacing: '-.32px',
970
+ lineHeight: '24px',
971
+ subtle: {
972
+ fontFamily:
973
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
974
+ fontSize: '16px',
975
+ fontWeight: 500,
976
+ letterSpacing: '-.32px',
977
+ lineHeight: '24px',
978
+ },
979
+ },
980
+ '20': {
981
+ fontFamily:
982
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
983
+ fontSize: '20px',
984
+ fontWeight: 600,
985
+ letterSpacing: '-.4px',
986
+ lineHeight: '26px',
987
+ subtle: {
988
+ fontFamily:
989
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
990
+ fontSize: '20px',
991
+ fontWeight: 500,
992
+ letterSpacing: '-.4px',
993
+ lineHeight: '26px',
994
+ },
995
+ },
996
+ '24': {
997
+ fontFamily:
998
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
999
+ fontSize: '24px',
1000
+ fontWeight: 600,
1001
+ letterSpacing: '-.96px',
1002
+ lineHeight: '32px',
1003
+ subtle: {
1004
+ fontFamily:
1005
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1006
+ fontSize: '24px',
1007
+ fontWeight: 500,
1008
+ letterSpacing: '-.96px',
1009
+ lineHeight: '32px',
1010
+ },
1011
+ },
1012
+ '32': {
1013
+ fontFamily:
1014
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1015
+ fontSize: '32px',
1016
+ fontWeight: 600,
1017
+ letterSpacing: '-1.28px',
1018
+ lineHeight: '40px',
1019
+ subtle: {
1020
+ fontFamily:
1021
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1022
+ fontSize: '32px',
1023
+ fontWeight: 500,
1024
+ letterSpacing: '-1.28px',
1025
+ lineHeight: '40px',
1026
+ },
1027
+ },
1028
+ '40': {
1029
+ fontFamily:
1030
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1031
+ fontSize: '40px',
1032
+ fontWeight: 600,
1033
+ letterSpacing: '-2.4px',
1034
+ lineHeight: '48px',
1035
+ },
1036
+ '48': {
1037
+ fontFamily:
1038
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1039
+ fontSize: '48px',
1040
+ fontWeight: 600,
1041
+ letterSpacing: '-2.88px',
1042
+ lineHeight: '56px',
1043
+ },
1044
+ '56': {
1045
+ fontFamily:
1046
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1047
+ fontSize: '56px',
1048
+ fontWeight: 600,
1049
+ letterSpacing: '-3.36px',
1050
+ lineHeight: '56px',
1051
+ },
1052
+ '64': {
1053
+ fontFamily:
1054
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1055
+ fontSize: '64px',
1056
+ fontWeight: 600,
1057
+ letterSpacing: '-3.84px',
1058
+ lineHeight: '64px',
1059
+ },
1060
+ '72': {
1061
+ fontFamily:
1062
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1063
+ fontSize: '72px',
1064
+ fontWeight: 600,
1065
+ letterSpacing: '-4.32px',
1066
+ lineHeight: '72px',
1067
+ },
1068
+ },
1069
+ label: {
1070
+ '12': {
1071
+ fontFamily:
1072
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1073
+ fontSize: '12px',
1074
+ fontWeight: 400,
1075
+ letterSpacing: '0px',
1076
+ lineHeight: '16px',
1077
+ mono: {
1078
+ fontFamily:
1079
+ '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
1080
+ fontSize: '12px',
1081
+ fontWeight: 400,
1082
+ letterSpacing: '0px',
1083
+ lineHeight: '16px',
1084
+ },
1085
+ strong: {
1086
+ fontFamily:
1087
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1088
+ fontSize: '12px',
1089
+ fontWeight: 500,
1090
+ letterSpacing: '0px',
1091
+ lineHeight: '16px',
1092
+ },
1093
+ },
1094
+ '13': {
1095
+ fontFamily:
1096
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1097
+ fontSize: '13px',
1098
+ fontWeight: 400,
1099
+ letterSpacing: '0px',
1100
+ lineHeight: '16px',
1101
+ mono: {
1102
+ fontFamily:
1103
+ '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
1104
+ fontSize: '13px',
1105
+ fontWeight: 400,
1106
+ letterSpacing: '0px',
1107
+ lineHeight: '20px',
1108
+ },
1109
+ strong: {
1110
+ fontFamily:
1111
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1112
+ fontSize: '13px',
1113
+ fontWeight: 500,
1114
+ letterSpacing: '0px',
1115
+ lineHeight: '16px',
1116
+ },
1117
+ },
1118
+ '14': {
1119
+ fontFamily:
1120
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1121
+ fontSize: '14px',
1122
+ fontWeight: 400,
1123
+ letterSpacing: '0px',
1124
+ lineHeight: '20px',
1125
+ mono: {
1126
+ fontFamily:
1127
+ '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
1128
+ fontSize: '14px',
1129
+ fontWeight: 400,
1130
+ letterSpacing: '0px',
1131
+ lineHeight: '20px',
1132
+ },
1133
+ strong: {
1134
+ fontFamily:
1135
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1136
+ fontSize: '14px',
1137
+ fontWeight: 500,
1138
+ letterSpacing: '0px',
1139
+ lineHeight: '20px',
1140
+ },
1141
+ },
1142
+ '16': {
1143
+ fontFamily:
1144
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1145
+ fontSize: '16px',
1146
+ fontWeight: 400,
1147
+ letterSpacing: '0px',
1148
+ lineHeight: '20px',
1149
+ strong: {
1150
+ fontFamily:
1151
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1152
+ fontSize: '16px',
1153
+ fontWeight: 500,
1154
+ letterSpacing: '0px',
1155
+ lineHeight: '20px',
1156
+ },
1157
+ },
1158
+ '18': {
1159
+ fontFamily:
1160
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1161
+ fontSize: '18px',
1162
+ fontWeight: 400,
1163
+ letterSpacing: '0px',
1164
+ lineHeight: '20px',
1165
+ },
1166
+ '20': {
1167
+ fontFamily:
1168
+ 'Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
1169
+ fontSize: '20px',
1170
+ fontWeight: 400,
1171
+ letterSpacing: '0px',
1172
+ lineHeight: '32px',
1173
+ },
1174
+ },
1175
+ },
483
1176
  },
484
1177
  })