@ikatec/nebula-tokens 1.0.7 → 1.0.8
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.
- package/dist/index.d.mts +70 -24
- package/dist/index.d.ts +72 -1
- package/dist/index.js +89 -4
- package/dist/index.mjs +82 -37
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -396,6 +396,26 @@ interface Toast {
|
|
|
396
396
|
interface ActionBar {
|
|
397
397
|
divider: string;
|
|
398
398
|
}
|
|
399
|
+
interface Typography {
|
|
400
|
+
heading: {
|
|
401
|
+
'1': string;
|
|
402
|
+
'2': string;
|
|
403
|
+
'3': string;
|
|
404
|
+
'4': string;
|
|
405
|
+
'5': string;
|
|
406
|
+
'6': string;
|
|
407
|
+
};
|
|
408
|
+
paragraph: {
|
|
409
|
+
md: string;
|
|
410
|
+
sm: string;
|
|
411
|
+
};
|
|
412
|
+
caption: string;
|
|
413
|
+
link: {
|
|
414
|
+
md: string;
|
|
415
|
+
sm: string;
|
|
416
|
+
hover: string;
|
|
417
|
+
};
|
|
418
|
+
}
|
|
399
419
|
interface Skeleton {
|
|
400
420
|
background: string;
|
|
401
421
|
}
|
|
@@ -489,6 +509,7 @@ declare const colors: {
|
|
|
489
509
|
box: Box;
|
|
490
510
|
toast: Toast;
|
|
491
511
|
actionBar: ActionBar;
|
|
512
|
+
typography: Typography;
|
|
492
513
|
skeleton: Skeleton;
|
|
493
514
|
};
|
|
494
515
|
|
|
@@ -530,38 +551,63 @@ declare const fonts: {
|
|
|
530
551
|
type Fonts = keyof typeof fonts;
|
|
531
552
|
|
|
532
553
|
declare const fontSizes: {
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
'
|
|
540
|
-
'
|
|
541
|
-
'
|
|
542
|
-
'
|
|
543
|
-
'
|
|
544
|
-
'7xl': string;
|
|
545
|
-
'8xl': string;
|
|
546
|
-
'9xl': string;
|
|
554
|
+
caption: string;
|
|
555
|
+
'heading-1': string;
|
|
556
|
+
'heading-2': string;
|
|
557
|
+
'heading-3': string;
|
|
558
|
+
'heading-4': string;
|
|
559
|
+
'heading-5': string;
|
|
560
|
+
'heading-6': string;
|
|
561
|
+
'paragraph-default': string;
|
|
562
|
+
'paragraph-support': string;
|
|
563
|
+
'link-default': string;
|
|
564
|
+
'link-support': string;
|
|
547
565
|
};
|
|
548
566
|
type FontSizes = keyof typeof fontSizes;
|
|
549
567
|
|
|
550
568
|
declare const fontWeights: {
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
'
|
|
555
|
-
|
|
569
|
+
caption: string;
|
|
570
|
+
'heading-1': string;
|
|
571
|
+
'heading-2': string;
|
|
572
|
+
'heading-3': string;
|
|
573
|
+
'heading-4': string;
|
|
574
|
+
'heading-5': string;
|
|
575
|
+
'heading-6': string;
|
|
576
|
+
'paragraph-default': string;
|
|
577
|
+
'paragraph-support': string;
|
|
578
|
+
'link-default': string;
|
|
579
|
+
'link-support': string;
|
|
556
580
|
};
|
|
557
581
|
type FontWeights = keyof typeof fontWeights;
|
|
558
582
|
|
|
559
583
|
declare const lineHeights: {
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
584
|
+
caption: string;
|
|
585
|
+
'heading-1': string;
|
|
586
|
+
'heading-2': string;
|
|
587
|
+
'heading-3': string;
|
|
588
|
+
'heading-4': string;
|
|
589
|
+
'heading-5': string;
|
|
590
|
+
'heading-6': string;
|
|
591
|
+
'paragraph-default': string;
|
|
592
|
+
'paragraph-support': string;
|
|
593
|
+
'link-default': string;
|
|
594
|
+
'link-support': string;
|
|
564
595
|
};
|
|
565
596
|
type LineHeights = keyof typeof lineHeights;
|
|
566
597
|
|
|
567
|
-
|
|
598
|
+
declare const letterSpacings: {
|
|
599
|
+
caption: string;
|
|
600
|
+
'heading-1': string;
|
|
601
|
+
'heading-2': string;
|
|
602
|
+
'heading-3': string;
|
|
603
|
+
'heading-4': string;
|
|
604
|
+
'heading-5': string;
|
|
605
|
+
'heading-6': string;
|
|
606
|
+
'paragraph-default': string;
|
|
607
|
+
'paragraph-support': string;
|
|
608
|
+
'link-default': string;
|
|
609
|
+
'link-support': string;
|
|
610
|
+
};
|
|
611
|
+
type letterSpacings = keyof typeof letterSpacings;
|
|
612
|
+
|
|
613
|
+
export { type FontSizes, type FontWeights, type Fonts, type LineHeights, type Radiis, type Spaces, colors, fontSizes, fontWeights, fonts, letterSpacings, lineHeights, radii, space };
|
package/dist/index.d.ts
CHANGED
|
@@ -396,6 +396,28 @@ interface Toast {
|
|
|
396
396
|
interface ActionBar {
|
|
397
397
|
divider: string;
|
|
398
398
|
}
|
|
399
|
+
interface Typography {
|
|
400
|
+
heading: {
|
|
401
|
+
'1': string;
|
|
402
|
+
'2': string;
|
|
403
|
+
'3': string;
|
|
404
|
+
'4': string;
|
|
405
|
+
'5': string;
|
|
406
|
+
'6': string;
|
|
407
|
+
};
|
|
408
|
+
paragraph: {
|
|
409
|
+
default: string;
|
|
410
|
+
support: string;
|
|
411
|
+
};
|
|
412
|
+
caption: string;
|
|
413
|
+
link: {
|
|
414
|
+
default: string;
|
|
415
|
+
support: string;
|
|
416
|
+
};
|
|
417
|
+
hover: {
|
|
418
|
+
link: string;
|
|
419
|
+
};
|
|
420
|
+
}
|
|
399
421
|
interface Skeleton {
|
|
400
422
|
background: string;
|
|
401
423
|
}
|
|
@@ -489,6 +511,7 @@ declare const colors: {
|
|
|
489
511
|
box: Box;
|
|
490
512
|
toast: Toast;
|
|
491
513
|
actionBar: ActionBar;
|
|
514
|
+
typography: Typography;
|
|
492
515
|
skeleton: Skeleton;
|
|
493
516
|
};
|
|
494
517
|
|
|
@@ -530,6 +553,17 @@ declare const fonts: {
|
|
|
530
553
|
type Fonts = keyof typeof fonts;
|
|
531
554
|
|
|
532
555
|
declare const fontSizes: {
|
|
556
|
+
caption: string;
|
|
557
|
+
'heading-1': string;
|
|
558
|
+
'heading-2': string;
|
|
559
|
+
'heading-3': string;
|
|
560
|
+
'heading-4': string;
|
|
561
|
+
'heading-5': string;
|
|
562
|
+
'heading-6': string;
|
|
563
|
+
'paragraph-default': string;
|
|
564
|
+
'paragraph-support': string;
|
|
565
|
+
'link-default': string;
|
|
566
|
+
'link-support': string;
|
|
533
567
|
xxs: string;
|
|
534
568
|
xs: string;
|
|
535
569
|
sm: string;
|
|
@@ -548,6 +582,17 @@ declare const fontSizes: {
|
|
|
548
582
|
type FontSizes = keyof typeof fontSizes;
|
|
549
583
|
|
|
550
584
|
declare const fontWeights: {
|
|
585
|
+
caption: string;
|
|
586
|
+
'heading-1': string;
|
|
587
|
+
'heading-2': string;
|
|
588
|
+
'heading-3': string;
|
|
589
|
+
'heading-4': string;
|
|
590
|
+
'heading-5': string;
|
|
591
|
+
'heading-6': string;
|
|
592
|
+
'paragraph-default': string;
|
|
593
|
+
'paragraph-support': string;
|
|
594
|
+
'link-default': string;
|
|
595
|
+
'link-support': string;
|
|
551
596
|
light: string;
|
|
552
597
|
regular: string;
|
|
553
598
|
medium: string;
|
|
@@ -557,6 +602,17 @@ declare const fontWeights: {
|
|
|
557
602
|
type FontWeights = keyof typeof fontWeights;
|
|
558
603
|
|
|
559
604
|
declare const lineHeights: {
|
|
605
|
+
caption: string;
|
|
606
|
+
'heading-1': string;
|
|
607
|
+
'heading-2': string;
|
|
608
|
+
'heading-3': string;
|
|
609
|
+
'heading-4': string;
|
|
610
|
+
'heading-5': string;
|
|
611
|
+
'heading-6': string;
|
|
612
|
+
'paragraph-default': string;
|
|
613
|
+
'paragraph-support': string;
|
|
614
|
+
'link-default': string;
|
|
615
|
+
'link-support': string;
|
|
560
616
|
shorter: string;
|
|
561
617
|
short: string;
|
|
562
618
|
base: string;
|
|
@@ -564,4 +620,19 @@ declare const lineHeights: {
|
|
|
564
620
|
};
|
|
565
621
|
type LineHeights = keyof typeof lineHeights;
|
|
566
622
|
|
|
567
|
-
|
|
623
|
+
declare const letterSpacings: {
|
|
624
|
+
caption: string;
|
|
625
|
+
'heading-1': string;
|
|
626
|
+
'heading-2': string;
|
|
627
|
+
'heading-3': string;
|
|
628
|
+
'heading-4': string;
|
|
629
|
+
'heading-5': string;
|
|
630
|
+
'heading-6': string;
|
|
631
|
+
'paragraph-default': string;
|
|
632
|
+
'paragraph-support': string;
|
|
633
|
+
'link-default': string;
|
|
634
|
+
'link-support': string;
|
|
635
|
+
};
|
|
636
|
+
type letterSpacings = keyof typeof letterSpacings;
|
|
637
|
+
|
|
638
|
+
export { type FontSizes, type FontWeights, type Fonts, type LineHeights, type Radiis, type Spaces, colors, fontSizes, fontWeights, fonts, letterSpacings, lineHeights, radii, space };
|
package/dist/index.js
CHANGED
|
@@ -24,6 +24,7 @@ __export(index_exports, {
|
|
|
24
24
|
fontSizes: () => fontSizes,
|
|
25
25
|
fontWeights: () => fontWeights,
|
|
26
26
|
fonts: () => fonts,
|
|
27
|
+
letterSpacings: () => letterSpacings,
|
|
27
28
|
lineHeights: () => lineHeights,
|
|
28
29
|
radii: () => radii,
|
|
29
30
|
space: () => space
|
|
@@ -434,6 +435,28 @@ var toast = {
|
|
|
434
435
|
var actionBar = {
|
|
435
436
|
divider: "var(--actionBar-background-divider)"
|
|
436
437
|
};
|
|
438
|
+
var typography = {
|
|
439
|
+
caption: "var(--typography-caption-color)",
|
|
440
|
+
link: {
|
|
441
|
+
default: "var(--typography-link-default-color)",
|
|
442
|
+
support: "var(--typography-link-support-color)"
|
|
443
|
+
},
|
|
444
|
+
heading: {
|
|
445
|
+
"1": "var(--typography-heading-1-color)",
|
|
446
|
+
"2": "var(--typography-heading-2-color)",
|
|
447
|
+
"3": "var(--typography-heading-3-color)",
|
|
448
|
+
"4": "var(--typography-heading-4-color)",
|
|
449
|
+
"5": "var(--typography-heading-5-color)",
|
|
450
|
+
"6": "var(--typography-heading-6-color)"
|
|
451
|
+
},
|
|
452
|
+
paragraph: {
|
|
453
|
+
default: "var(--typography-paragraph-default-color)",
|
|
454
|
+
support: "var(--typography-paragraph-support-color)"
|
|
455
|
+
},
|
|
456
|
+
hover: {
|
|
457
|
+
link: "var(--typography-link-hover-color)"
|
|
458
|
+
}
|
|
459
|
+
};
|
|
437
460
|
var skeleton = {
|
|
438
461
|
background: "var(--skeleton-background)"
|
|
439
462
|
};
|
|
@@ -527,6 +550,7 @@ var colors = {
|
|
|
527
550
|
box,
|
|
528
551
|
toast,
|
|
529
552
|
actionBar,
|
|
553
|
+
typography,
|
|
530
554
|
skeleton
|
|
531
555
|
};
|
|
532
556
|
|
|
@@ -588,6 +612,19 @@ var fonts = {
|
|
|
588
612
|
};
|
|
589
613
|
|
|
590
614
|
// src/font-sizes.ts
|
|
615
|
+
var typography2 = {
|
|
616
|
+
caption: "var(--typography-caption-size)",
|
|
617
|
+
"heading-1": "var(--typography-heading-1-size)",
|
|
618
|
+
"heading-2": "var(--typography-heading-2-size)",
|
|
619
|
+
"heading-3": "var(--typography-heading-3-size)",
|
|
620
|
+
"heading-4": "var(--typography-heading-4-size)",
|
|
621
|
+
"heading-5": "var(--typography-heading-5-size)",
|
|
622
|
+
"heading-6": "var(--typography-heading-6-size)",
|
|
623
|
+
"paragraph-default": "var(--typography-paragraph-default-size)",
|
|
624
|
+
"paragraph-support": "var(--typography-paragraph-support-size)",
|
|
625
|
+
"link-default": "var(--typography-link-default-size)",
|
|
626
|
+
"link-support": "var(--typography-link-support-size)"
|
|
627
|
+
};
|
|
591
628
|
var fontSizes = {
|
|
592
629
|
xxs: "0.625rem",
|
|
593
630
|
// 10px
|
|
@@ -615,25 +652,72 @@ var fontSizes = {
|
|
|
615
652
|
// 64px
|
|
616
653
|
"8xl": "4.5rem",
|
|
617
654
|
// 72px
|
|
618
|
-
"9xl": "6rem"
|
|
619
|
-
// 96px
|
|
655
|
+
"9xl": "6rem",
|
|
656
|
+
// 96px,
|
|
657
|
+
...typography2
|
|
620
658
|
};
|
|
621
659
|
|
|
622
660
|
// src/font-weights.ts
|
|
661
|
+
var typography3 = {
|
|
662
|
+
caption: "var(--typography-caption-weight)",
|
|
663
|
+
"heading-1": "var(--typography-heading-1-weight)",
|
|
664
|
+
"heading-2": "var(--typography-heading-2-weight)",
|
|
665
|
+
"heading-3": "var(--typography-heading-3-weight)",
|
|
666
|
+
"heading-4": "var(--typography-heading-4-weight)",
|
|
667
|
+
"heading-5": "var(--typography-heading-5-weight)",
|
|
668
|
+
"heading-6": "var(--typography-heading-6-weight)",
|
|
669
|
+
"paragraph-default": "var(--typography-paragraph-default-weight)",
|
|
670
|
+
"paragraph-support": "var(--typography-paragraph-support-weight)",
|
|
671
|
+
"link-default": "var(--typography-link-default-weight)",
|
|
672
|
+
"link-support": "var(--typography-link-support-weight)"
|
|
673
|
+
};
|
|
623
674
|
var fontWeights = {
|
|
624
675
|
light: "300",
|
|
625
676
|
regular: "400",
|
|
626
677
|
medium: "500",
|
|
627
678
|
"semi-bold": "600",
|
|
628
|
-
bold: "700"
|
|
679
|
+
bold: "700",
|
|
680
|
+
...typography3
|
|
629
681
|
};
|
|
630
682
|
|
|
631
683
|
// src/line-heights.ts
|
|
684
|
+
var typography4 = {
|
|
685
|
+
caption: "var(--typography-caption-line-height)",
|
|
686
|
+
"heading-1": "var(--typography-heading-1-line-height)",
|
|
687
|
+
"heading-2": "var(--typography-heading-2-line-height)",
|
|
688
|
+
"heading-3": "var(--typography-heading-3-line-height)",
|
|
689
|
+
"heading-4": "var(--typography-heading-4-line-height)",
|
|
690
|
+
"heading-5": "var(--typography-heading-5-line-height)",
|
|
691
|
+
"heading-6": "var(--typography-heading-6-line-height)",
|
|
692
|
+
"paragraph-default": "var(--typography-paragraph-default-line-height)",
|
|
693
|
+
"paragraph-support": "var(--typography-paragraph-support-line-height)",
|
|
694
|
+
"link-default": "var(--typography-link-default-line-height)",
|
|
695
|
+
"link-support": "var(--typography-link-support-line-height)"
|
|
696
|
+
};
|
|
632
697
|
var lineHeights = {
|
|
633
698
|
shorter: "125%",
|
|
634
699
|
short: "140%",
|
|
635
700
|
base: "160%",
|
|
636
|
-
tall: "180%"
|
|
701
|
+
tall: "180%",
|
|
702
|
+
...typography4
|
|
703
|
+
};
|
|
704
|
+
|
|
705
|
+
// src/letter-spacings.ts
|
|
706
|
+
var typography5 = {
|
|
707
|
+
caption: "var(--typography-caption-letter-spacing)",
|
|
708
|
+
"heading-1": "var(--typography-heading-1-letter-spacing)",
|
|
709
|
+
"heading-2": "var(--typography-heading-2-letter-spacing)",
|
|
710
|
+
"heading-3": "var(--typography-heading-3-letter-spacing)",
|
|
711
|
+
"heading-4": "var(--typography-heading-4-letter-spacing)",
|
|
712
|
+
"heading-5": "var(--typography-heading-5-letter-spacing)",
|
|
713
|
+
"heading-6": "var(--typography-heading-6-letter-spacing)",
|
|
714
|
+
"paragraph-default": "var(--typography-paragraph-default-letter-spacing)",
|
|
715
|
+
"paragraph-support": "var(--typography-paragraph-support-letter-spacing)",
|
|
716
|
+
"link-default": "var(--typography-link-default-letter-spacing)",
|
|
717
|
+
"link-support": "var(--typography-link-support-letter-spacing)"
|
|
718
|
+
};
|
|
719
|
+
var letterSpacings = {
|
|
720
|
+
...typography5
|
|
637
721
|
};
|
|
638
722
|
// Annotate the CommonJS export names for ESM import in node:
|
|
639
723
|
0 && (module.exports = {
|
|
@@ -641,6 +725,7 @@ var lineHeights = {
|
|
|
641
725
|
fontSizes,
|
|
642
726
|
fontWeights,
|
|
643
727
|
fonts,
|
|
728
|
+
letterSpacings,
|
|
644
729
|
lineHeights,
|
|
645
730
|
radii,
|
|
646
731
|
space
|
package/dist/index.mjs
CHANGED
|
@@ -402,6 +402,26 @@ var toast = {
|
|
|
402
402
|
var actionBar = {
|
|
403
403
|
divider: "var(--actionBar-background-divider)"
|
|
404
404
|
};
|
|
405
|
+
var typography = {
|
|
406
|
+
caption: "var(--typography-caption-color)",
|
|
407
|
+
link: {
|
|
408
|
+
md: "var(--typography-link-md-color)",
|
|
409
|
+
sm: "var(--typography-link-sm-color)",
|
|
410
|
+
hover: "var(--typography-link-hover-color)"
|
|
411
|
+
},
|
|
412
|
+
heading: {
|
|
413
|
+
"1": "var(--typography-heading-1-color)",
|
|
414
|
+
"2": "var(--typography-heading-2-color)",
|
|
415
|
+
"3": "var(--typography-heading-3-color)",
|
|
416
|
+
"4": "var(--typography-heading-4-color)",
|
|
417
|
+
"5": "var(--typography-heading-5-color)",
|
|
418
|
+
"6": "var(--typography-heading-6-color)"
|
|
419
|
+
},
|
|
420
|
+
paragraph: {
|
|
421
|
+
md: "var(--typography-paragraph-md-color)",
|
|
422
|
+
sm: "var(--typography-paragraph-sm-color)"
|
|
423
|
+
}
|
|
424
|
+
};
|
|
405
425
|
var skeleton = {
|
|
406
426
|
background: "var(--skeleton-background)"
|
|
407
427
|
};
|
|
@@ -495,6 +515,7 @@ var colors = {
|
|
|
495
515
|
box,
|
|
496
516
|
toast,
|
|
497
517
|
actionBar,
|
|
518
|
+
typography,
|
|
498
519
|
skeleton
|
|
499
520
|
};
|
|
500
521
|
|
|
@@ -556,58 +577,82 @@ var fonts = {
|
|
|
556
577
|
};
|
|
557
578
|
|
|
558
579
|
// src/font-sizes.ts
|
|
580
|
+
var typography2 = {
|
|
581
|
+
caption: "var(--typography-caption-size)",
|
|
582
|
+
"heading-1": "var(--typography-heading-1-size)",
|
|
583
|
+
"heading-2": "var(--typography-heading-2-size)",
|
|
584
|
+
"heading-3": "var(--typography-heading-3-size)",
|
|
585
|
+
"heading-4": "var(--typography-heading-4-size)",
|
|
586
|
+
"heading-5": "var(--typography-heading-5-size)",
|
|
587
|
+
"heading-6": "var(--typography-heading-6-size)",
|
|
588
|
+
"paragraph-default": "var(--typography-paragraph-default-size)",
|
|
589
|
+
"paragraph-support": "var(--typography-paragraph-support-size)",
|
|
590
|
+
"link-default": "var(--typography-link-default-size)",
|
|
591
|
+
"link-support": "var(--typography-link-support-size)"
|
|
592
|
+
};
|
|
559
593
|
var fontSizes = {
|
|
560
|
-
|
|
561
|
-
// 10px
|
|
562
|
-
xs: "0.75rem",
|
|
563
|
-
// 12px
|
|
564
|
-
sm: "0.875rem",
|
|
565
|
-
// 14px
|
|
566
|
-
md: "1rem",
|
|
567
|
-
// 16px
|
|
568
|
-
lg: "1.125rem",
|
|
569
|
-
// 18px
|
|
570
|
-
xl: "1.25rem",
|
|
571
|
-
// 20px
|
|
572
|
-
"2xl": "1.5rem",
|
|
573
|
-
// 24px
|
|
574
|
-
"3xl": "1.75rem",
|
|
575
|
-
// 28px
|
|
576
|
-
"4xl": "2rem",
|
|
577
|
-
// 32px
|
|
578
|
-
"5xl": "2.25rem",
|
|
579
|
-
// 36px
|
|
580
|
-
"6xl": "3rem",
|
|
581
|
-
// 48px
|
|
582
|
-
"7xl": "4rem",
|
|
583
|
-
// 64px
|
|
584
|
-
"8xl": "4.5rem",
|
|
585
|
-
// 72px
|
|
586
|
-
"9xl": "6rem"
|
|
587
|
-
// 96px
|
|
594
|
+
...typography2
|
|
588
595
|
};
|
|
589
596
|
|
|
590
597
|
// src/font-weights.ts
|
|
598
|
+
var typography3 = {
|
|
599
|
+
caption: "var(--typography-caption-weight)",
|
|
600
|
+
"heading-1": "var(--typography-heading-1-weight)",
|
|
601
|
+
"heading-2": "var(--typography-heading-2-weight)",
|
|
602
|
+
"heading-3": "var(--typography-heading-3-weight)",
|
|
603
|
+
"heading-4": "var(--typography-heading-4-weight)",
|
|
604
|
+
"heading-5": "var(--typography-heading-5-weight)",
|
|
605
|
+
"heading-6": "var(--typography-heading-6-weight)",
|
|
606
|
+
"paragraph-default": "var(--typography-paragraph-default-weight)",
|
|
607
|
+
"paragraph-support": "var(--typography-paragraph-support-weight)",
|
|
608
|
+
"link-default": "var(--typography-link-default-weight)",
|
|
609
|
+
"link-support": "var(--typography-link-support-weight)"
|
|
610
|
+
};
|
|
591
611
|
var fontWeights = {
|
|
592
|
-
|
|
593
|
-
regular: "400",
|
|
594
|
-
medium: "500",
|
|
595
|
-
"semi-bold": "600",
|
|
596
|
-
bold: "700"
|
|
612
|
+
...typography3
|
|
597
613
|
};
|
|
598
614
|
|
|
599
615
|
// src/line-heights.ts
|
|
616
|
+
var typography4 = {
|
|
617
|
+
caption: "var(--typography-caption-line-height)",
|
|
618
|
+
"heading-1": "var(--typography-heading-1-line-height)",
|
|
619
|
+
"heading-2": "var(--typography-heading-2-line-height)",
|
|
620
|
+
"heading-3": "var(--typography-heading-3-line-height)",
|
|
621
|
+
"heading-4": "var(--typography-heading-4-line-height)",
|
|
622
|
+
"heading-5": "var(--typography-heading-5-line-height)",
|
|
623
|
+
"heading-6": "var(--typography-heading-6-line-height)",
|
|
624
|
+
"paragraph-default": "var(--typography-paragraph-default-line-height)",
|
|
625
|
+
"paragraph-support": "var(--typography-paragraph-support-line-height)",
|
|
626
|
+
"link-default": "var(--typography-link-default-line-height)",
|
|
627
|
+
"link-support": "var(--typography-link-support-line-height)"
|
|
628
|
+
};
|
|
600
629
|
var lineHeights = {
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
630
|
+
...typography4
|
|
631
|
+
};
|
|
632
|
+
|
|
633
|
+
// src/letter-spacings.ts
|
|
634
|
+
var typography5 = {
|
|
635
|
+
caption: "var(--typography-caption-letter-spacing)",
|
|
636
|
+
"heading-1": "var(--typography-heading-1-letter-spacing)",
|
|
637
|
+
"heading-2": "var(--typography-heading-2-letter-spacing)",
|
|
638
|
+
"heading-3": "var(--typography-heading-3-letter-spacing)",
|
|
639
|
+
"heading-4": "var(--typography-heading-4-letter-spacing)",
|
|
640
|
+
"heading-5": "var(--typography-heading-5-letter-spacing)",
|
|
641
|
+
"heading-6": "var(--typography-heading-6-letter-spacing)",
|
|
642
|
+
"paragraph-default": "var(--typography-paragraph-default-letter-spacing)",
|
|
643
|
+
"paragraph-support": "var(--typography-paragraph-support-letter-spacing)",
|
|
644
|
+
"link-default": "var(--typography-link-default-letter-spacing)",
|
|
645
|
+
"link-support": "var(--typography-link-support-letter-spacing)"
|
|
646
|
+
};
|
|
647
|
+
var letterSpacings = {
|
|
648
|
+
...typography5
|
|
605
649
|
};
|
|
606
650
|
export {
|
|
607
651
|
colors,
|
|
608
652
|
fontSizes,
|
|
609
653
|
fontWeights,
|
|
610
654
|
fonts,
|
|
655
|
+
letterSpacings,
|
|
611
656
|
lineHeights,
|
|
612
657
|
radii,
|
|
613
658
|
space
|