@ikatec/nebula-tokens 1.0.7 → 1.0.9

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 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
- xxs: string;
534
- xs: string;
535
- sm: string;
536
- md: string;
537
- lg: string;
538
- xl: string;
539
- '2xl': string;
540
- '3xl': string;
541
- '4xl': string;
542
- '5xl': string;
543
- '6xl': string;
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-md': string;
562
+ 'paragraph-sm': string;
563
+ 'link-md': string;
564
+ 'link-sm': string;
547
565
  };
548
566
  type FontSizes = keyof typeof fontSizes;
549
567
 
550
568
  declare const fontWeights: {
551
- light: string;
552
- regular: string;
553
- medium: string;
554
- 'semi-bold': string;
555
- bold: string;
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-md': string;
577
+ 'paragraph-sm': string;
578
+ 'link-md': string;
579
+ 'link-sm': string;
556
580
  };
557
581
  type FontWeights = keyof typeof fontWeights;
558
582
 
559
583
  declare const lineHeights: {
560
- shorter: string;
561
- short: string;
562
- base: string;
563
- tall: string;
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-md': string;
592
+ 'paragraph-sm': string;
593
+ 'link-md': string;
594
+ 'link-sm': string;
564
595
  };
565
596
  type LineHeights = keyof typeof lineHeights;
566
597
 
567
- export { type FontSizes, type FontWeights, type Fonts, type LineHeights, type Radiis, type Spaces, colors, fontSizes, fontWeights, fonts, lineHeights, radii, space };
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-md': string;
607
+ 'paragraph-sm': string;
608
+ 'link-md': string;
609
+ 'link-sm': 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,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
- xxs: string;
534
- xs: string;
535
- sm: string;
536
- md: string;
537
- lg: string;
538
- xl: string;
539
- '2xl': string;
540
- '3xl': string;
541
- '4xl': string;
542
- '5xl': string;
543
- '6xl': string;
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-md': string;
562
+ 'paragraph-sm': string;
563
+ 'link-md': string;
564
+ 'link-sm': string;
547
565
  };
548
566
  type FontSizes = keyof typeof fontSizes;
549
567
 
550
568
  declare const fontWeights: {
551
- light: string;
552
- regular: string;
553
- medium: string;
554
- 'semi-bold': string;
555
- bold: string;
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-md': string;
577
+ 'paragraph-sm': string;
578
+ 'link-md': string;
579
+ 'link-sm': string;
556
580
  };
557
581
  type FontWeights = keyof typeof fontWeights;
558
582
 
559
583
  declare const lineHeights: {
560
- shorter: string;
561
- short: string;
562
- base: string;
563
- tall: string;
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-md': string;
592
+ 'paragraph-sm': string;
593
+ 'link-md': string;
594
+ 'link-sm': string;
564
595
  };
565
596
  type LineHeights = keyof typeof lineHeights;
566
597
 
567
- export { type FontSizes, type FontWeights, type Fonts, type LineHeights, type Radiis, type Spaces, colors, fontSizes, fontWeights, fonts, lineHeights, radii, space };
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-md': string;
607
+ 'paragraph-sm': string;
608
+ 'link-md': string;
609
+ 'link-sm': 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.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,26 @@ 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
+ md: "var(--typography-link-md-color)",
442
+ sm: "var(--typography-link-sm-color)",
443
+ hover: "var(--typography-link-hover-color)"
444
+ },
445
+ heading: {
446
+ "1": "var(--typography-heading-1-color)",
447
+ "2": "var(--typography-heading-2-color)",
448
+ "3": "var(--typography-heading-3-color)",
449
+ "4": "var(--typography-heading-4-color)",
450
+ "5": "var(--typography-heading-5-color)",
451
+ "6": "var(--typography-heading-6-color)"
452
+ },
453
+ paragraph: {
454
+ md: "var(--typography-paragraph-md-color)",
455
+ sm: "var(--typography-paragraph-sm-color)"
456
+ }
457
+ };
437
458
  var skeleton = {
438
459
  background: "var(--skeleton-background)"
439
460
  };
@@ -527,6 +548,7 @@ var colors = {
527
548
  box,
528
549
  toast,
529
550
  actionBar,
551
+ typography,
530
552
  skeleton
531
553
  };
532
554
 
@@ -588,52 +610,75 @@ var fonts = {
588
610
  };
589
611
 
590
612
  // src/font-sizes.ts
613
+ var typography2 = {
614
+ caption: "var(--typography-caption-size)",
615
+ "heading-1": "var(--typography-heading-1-size)",
616
+ "heading-2": "var(--typography-heading-2-size)",
617
+ "heading-3": "var(--typography-heading-3-size)",
618
+ "heading-4": "var(--typography-heading-4-size)",
619
+ "heading-5": "var(--typography-heading-5-size)",
620
+ "heading-6": "var(--typography-heading-6-size)",
621
+ "paragraph-md": "var(--typography-paragraph-md-size)",
622
+ "paragraph-sm": "var(--typography-paragraph-sm-size)",
623
+ "link-md": "var(--typography-link-md-size)",
624
+ "link-sm": "var(--typography-link-sm-size)"
625
+ };
591
626
  var fontSizes = {
592
- xxs: "0.625rem",
593
- // 10px
594
- xs: "0.75rem",
595
- // 12px
596
- sm: "0.875rem",
597
- // 14px
598
- md: "1rem",
599
- // 16px
600
- lg: "1.125rem",
601
- // 18px
602
- xl: "1.25rem",
603
- // 20px
604
- "2xl": "1.5rem",
605
- // 24px
606
- "3xl": "1.75rem",
607
- // 28px
608
- "4xl": "2rem",
609
- // 32px
610
- "5xl": "2.25rem",
611
- // 36px
612
- "6xl": "3rem",
613
- // 48px
614
- "7xl": "4rem",
615
- // 64px
616
- "8xl": "4.5rem",
617
- // 72px
618
- "9xl": "6rem"
619
- // 96px
627
+ ...typography2
620
628
  };
621
629
 
622
630
  // src/font-weights.ts
631
+ var typography3 = {
632
+ caption: "var(--typography-caption-weight)",
633
+ "heading-1": "var(--typography-heading-1-weight)",
634
+ "heading-2": "var(--typography-heading-2-weight)",
635
+ "heading-3": "var(--typography-heading-3-weight)",
636
+ "heading-4": "var(--typography-heading-4-weight)",
637
+ "heading-5": "var(--typography-heading-5-weight)",
638
+ "heading-6": "var(--typography-heading-6-weight)",
639
+ "paragraph-md": "var(--typography-paragraph-md-weight)",
640
+ "paragraph-sm": "var(--typography-paragraph-sm-weight)",
641
+ "link-md": "var(--typography-link-md-weight)",
642
+ "link-sm": "var(--typography-link-sm-weight)"
643
+ };
623
644
  var fontWeights = {
624
- light: "300",
625
- regular: "400",
626
- medium: "500",
627
- "semi-bold": "600",
628
- bold: "700"
645
+ ...typography3
629
646
  };
630
647
 
631
648
  // src/line-heights.ts
649
+ var typography4 = {
650
+ caption: "var(--typography-caption-line-height)",
651
+ "heading-1": "var(--typography-heading-1-line-height)",
652
+ "heading-2": "var(--typography-heading-2-line-height)",
653
+ "heading-3": "var(--typography-heading-3-line-height)",
654
+ "heading-4": "var(--typography-heading-4-line-height)",
655
+ "heading-5": "var(--typography-heading-5-line-height)",
656
+ "heading-6": "var(--typography-heading-6-line-height)",
657
+ "paragraph-md": "var(--typography-paragraph-md-line-height)",
658
+ "paragraph-sm": "var(--typography-paragraph-sm-line-height)",
659
+ "link-md": "var(--typography-link-md-line-height)",
660
+ "link-sm": "var(--typography-link-sm-line-height)"
661
+ };
632
662
  var lineHeights = {
633
- shorter: "125%",
634
- short: "140%",
635
- base: "160%",
636
- tall: "180%"
663
+ ...typography4
664
+ };
665
+
666
+ // src/letter-spacings.ts
667
+ var typography5 = {
668
+ caption: "var(--typography-caption-letter-spacing)",
669
+ "heading-1": "var(--typography-heading-1-letter-spacing)",
670
+ "heading-2": "var(--typography-heading-2-letter-spacing)",
671
+ "heading-3": "var(--typography-heading-3-letter-spacing)",
672
+ "heading-4": "var(--typography-heading-4-letter-spacing)",
673
+ "heading-5": "var(--typography-heading-5-letter-spacing)",
674
+ "heading-6": "var(--typography-heading-6-letter-spacing)",
675
+ "paragraph-md": "var(--typography-paragraph-md-letter-spacing)",
676
+ "paragraph-sm": "var(--typography-paragraph-sm-letter-spacing)",
677
+ "link-md": "var(--typography-link-md-letter-spacing)",
678
+ "link-sm": "var(--typography-link-sm-letter-spacing)"
679
+ };
680
+ var letterSpacings = {
681
+ ...typography5
637
682
  };
638
683
  // Annotate the CommonJS export names for ESM import in node:
639
684
  0 && (module.exports = {
@@ -641,6 +686,7 @@ var lineHeights = {
641
686
  fontSizes,
642
687
  fontWeights,
643
688
  fonts,
689
+ letterSpacings,
644
690
  lineHeights,
645
691
  radii,
646
692
  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-md": "var(--typography-paragraph-md-size)",
589
+ "paragraph-sm": "var(--typography-paragraph-sm-size)",
590
+ "link-md": "var(--typography-link-md-size)",
591
+ "link-sm": "var(--typography-link-sm-size)"
592
+ };
559
593
  var fontSizes = {
560
- xxs: "0.625rem",
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-md": "var(--typography-paragraph-md-weight)",
607
+ "paragraph-sm": "var(--typography-paragraph-sm-weight)",
608
+ "link-md": "var(--typography-link-md-weight)",
609
+ "link-sm": "var(--typography-link-sm-weight)"
610
+ };
591
611
  var fontWeights = {
592
- light: "300",
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-md": "var(--typography-paragraph-md-line-height)",
625
+ "paragraph-sm": "var(--typography-paragraph-sm-line-height)",
626
+ "link-md": "var(--typography-link-md-line-height)",
627
+ "link-sm": "var(--typography-link-sm-line-height)"
628
+ };
600
629
  var lineHeights = {
601
- shorter: "125%",
602
- short: "140%",
603
- base: "160%",
604
- tall: "180%"
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-md": "var(--typography-paragraph-md-letter-spacing)",
643
+ "paragraph-sm": "var(--typography-paragraph-sm-letter-spacing)",
644
+ "link-md": "var(--typography-link-md-letter-spacing)",
645
+ "link-sm": "var(--typography-link-sm-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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ikatec/nebula-tokens",
3
- "version": "1.0.7",
3
+ "version": "1.0.9",
4
4
  "description": "Design tokens",
5
5
  "publishConfig": {
6
6
  "access": "public"