@hug/hospitality 0.0.4-alpha.4 → 0.0.4-alpha.6

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/tokens/tokens.css +90 -30
  3. package/src/tokens/tokens.json +1133 -593
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hug/hospitality",
3
- "version": "0.0.4-alpha.4",
3
+ "version": "0.0.4-alpha.6",
4
4
  "description": "Hospitality Design System",
5
5
  "homepage": "https://github.com/dsi-hug/hospitality",
6
6
  "license": "GPL-3.0-only",
package/src/tokens/tokens.css CHANGED
@@ -579,91 +579,91 @@
579
579
  --hy-typo-ref-display-medium-font: Roboto;
580
580
  --hy-typo-ref-display-medium-weight: 400;
581
581
  --hy-typo-ref-display-medium-weight-emphasized: 500;
582
- --hy-typo-ref-display-medium-size: 45;
583
- --hy-typo-ref-display-medium-line-height: 52;
582
+ --hy-typo-ref-display-medium-size: 45px;
583
+ --hy-typo-ref-display-medium-line-height: 52px;
584
584
  --hy-typo-ref-display-medium-tracking: 0;
585
585
  --hy-typo-ref-display-small-font: Roboto;
586
586
  --hy-typo-ref-headline-large-font: Roboto;
587
587
  --hy-typo-ref-headline-large-weight: 400;
588
588
  --hy-typo-ref-headline-large-weight-emphasized: 500;
589
- --hy-typo-ref-headline-large-size: 32;
590
- --hy-typo-ref-headline-large-line-height: 40;
589
+ --hy-typo-ref-headline-large-size: 32px;
590
+ --hy-typo-ref-headline-large-line-height: 40px;
591
591
  --hy-typo-ref-headline-large-tracking: 0;
592
592
  --hy-typo-ref-headline-medium-font: Roboto;
593
593
  --hy-typo-ref-headline-medium-weight: 400;
594
594
  --hy-typo-ref-headline-medium-weight-emphasized: 500;
595
- --hy-typo-ref-headline-medium-size: 28;
596
- --hy-typo-ref-headline-medium-line-height: 36;
595
+ --hy-typo-ref-headline-medium-size: 28px;
596
+ --hy-typo-ref-headline-medium-line-height: 36px;
597
597
  --hy-typo-ref-headline-medium-tracking: 0;
598
598
  --hy-typo-ref-headline-small-font: Roboto;
599
599
  --hy-typo-ref-title-large-font: Roboto;
600
600
  --hy-typo-ref-title-large-weight: 400;
601
601
  --hy-typo-ref-title-large-weight-emphasized: 500;
602
- --hy-typo-ref-title-large-size: 22;
603
- --hy-typo-ref-title-large-line-height: 28;
602
+ --hy-typo-ref-title-large-size: 22px;
603
+ --hy-typo-ref-title-large-line-height: 28px;
604
604
  --hy-typo-ref-title-large-tracking: 0;
605
605
  --hy-typo-ref-title-medium-font: Roboto;
606
606
  --hy-typo-ref-title-medium-weight: 500;
607
607
  --hy-typo-ref-title-medium-weight-emphasized: 600;
608
- --hy-typo-ref-title-medium-size: 16;
609
- --hy-typo-ref-title-medium-line-height: 24;
608
+ --hy-typo-ref-title-medium-size: 16px;
609
+ --hy-typo-ref-title-medium-line-height: 24px;
610
610
  --hy-typo-ref-title-medium-tracking: 0.15000000596046448;
611
611
  --hy-typo-ref-headline-small-weight: 400;
612
612
  --hy-typo-ref-headline-small-weight-emphasized: 500;
613
- --hy-typo-ref-headline-small-size: 24;
614
- --hy-typo-ref-headline-small-line-height: 32;
613
+ --hy-typo-ref-headline-small-size: 24px;
614
+ --hy-typo-ref-headline-small-line-height: 32px;
615
615
  --hy-typo-ref-headline-small-tracking: 0;
616
616
  --hy-typo-ref-display-small-weight: 400;
617
617
  --hy-typo-ref-display-small-weight-emphasized: 500;
618
- --hy-typo-ref-display-small-size: 36;
619
- --hy-typo-ref-display-small-line-height: 44;
618
+ --hy-typo-ref-display-small-size: 36px;
619
+ --hy-typo-ref-display-small-line-height: 44px;
620
620
  --hy-typo-ref-display-small-tracking: 0;
621
621
  --hy-typo-ref-title-small-font: Roboto;
622
622
  --hy-typo-ref-title-small-weight: 500;
623
623
  --hy-typo-ref-title-small-weight-emphasized: 600;
624
- --hy-typo-ref-title-small-size: 14;
625
- --hy-typo-ref-title-small-line-height: 20;
624
+ --hy-typo-ref-title-small-size: 14px;
625
+ --hy-typo-ref-title-small-line-height: 20px;
626
626
  --hy-typo-ref-title-small-tracking: 0.10000000149011612;
627
627
  --hy-typo-ref-label-large-font: Roboto;
628
628
  --hy-typo-ref-label-large-weight: 500;
629
629
  --hy-typo-ref-label-large-weight-emphasized: 600;
630
- --hy-typo-ref-label-large-size: 14;
631
- --hy-typo-ref-label-large-line-height: 20;
630
+ --hy-typo-ref-label-large-size: 14px;
631
+ --hy-typo-ref-label-large-line-height: 20px;
632
632
  --hy-typo-ref-label-large-tracking: 0.10000000149011612;
633
633
  --hy-typo-ref-label-medium-font: Roboto;
634
634
  --hy-typo-ref-label-medium-weight: 500;
635
635
  --hy-typo-ref-label-medium-weight-emphasized: 600;
636
- --hy-typo-ref-label-medium-size: 12;
637
- --hy-typo-ref-label-medium-line-height: 16;
636
+ --hy-typo-ref-label-medium-size: 12px;
637
+ --hy-typo-ref-label-medium-line-height: 16px;
638
638
  --hy-typo-ref-label-medium-tracking: 0.5;
639
639
  --hy-typo-ref-label-small-font: Roboto;
640
640
  --hy-typo-ref-label-small-weight: 500;
641
641
  --hy-typo-ref-label-small-weight-emphasized: 600;
642
- --hy-typo-ref-label-small-size: 11;
643
- --hy-typo-ref-label-small-line-height: 16;
642
+ --hy-typo-ref-label-small-size: 11px;
643
+ --hy-typo-ref-label-small-line-height: 16px;
644
644
  --hy-typo-ref-label-small-tracking: 0.5;
645
645
  --hy-typo-ref-body-large-font: Roboto;
646
646
  --hy-typo-ref-body-large-weight: 400;
647
647
  --hy-typo-ref-body-large-weight-emphasized: 500;
648
- --hy-typo-ref-body-large-size: 16;
649
- --hy-typo-ref-body-large-line-height: 24;
648
+ --hy-typo-ref-body-large-size: 16px;
649
+ --hy-typo-ref-body-large-line-height: 24px;
650
650
  --hy-typo-ref-body-large-tracking: 0.5;
651
651
  --hy-typo-ref-body-medium-font: Roboto;
652
652
  --hy-typo-ref-body-medium-weight: 400;
653
653
  --hy-typo-ref-body-medium-weight-emphasized: 500;
654
- --hy-typo-ref-body-medium-size: 14;
655
- --hy-typo-ref-body-medium-line-height: 20;
654
+ --hy-typo-ref-body-medium-size: 14px;
655
+ --hy-typo-ref-body-medium-line-height: 20px;
656
656
  --hy-typo-ref-body-medium-tracking: 0.25;
657
657
  --hy-typo-ref-body-small-font: Roboto;
658
658
  --hy-typo-ref-body-small-weight: 400;
659
659
  --hy-typo-ref-body-small-weight-emphasized: 500;
660
- --hy-typo-ref-body-small-size: 12;
661
- --hy-typo-ref-body-small-line-height: 16;
660
+ --hy-typo-ref-body-small-size: 12px;
661
+ --hy-typo-ref-body-small-line-height: 16px;
662
662
  --hy-typo-ref-body-small-tracking: 0.4000000059604645;
663
663
  --hy-typo-ref-display-large-weight: 400;
664
664
  --hy-typo-ref-display-large-weight-emphasized: 500;
665
- --hy-typo-ref-display-large-size: 57;
666
- --hy-typo-ref-display-large-line-height: 64;
665
+ --hy-typo-ref-display-large-size: 57px;
666
+ --hy-typo-ref-display-large-line-height: 64px;
667
667
  --hy-typo-ref-display-large-tracking: -0.25;
668
668
 
669
669
  /**
@@ -675,60 +675,120 @@
675
675
  var(--hy-typo-ref-display-large-size)/
676
676
  var(--hy-typo-ref-display-large-line-height)
677
677
  var(--hy-typo-ref-display-large-font);
678
+ --hy-typo-display-large-emphasized: var(--hy-typo-ref-display-large-weight-emphasized)
679
+ var(--hy-typo-ref-display-large-size)/
680
+ var(--hy-typo-ref-display-large-line-height)
681
+ var(--hy-typo-ref-display-large-font);
678
682
  --hy-typo-display-medium: var(--hy-typo-ref-display-medium-weight)
679
683
  var(--hy-typo-ref-display-medium-size)/
680
684
  var(--hy-typo-ref-display-medium-line-height)
681
685
  var(--hy-typo-ref-display-medium-font);
686
+ --hy-typo-display-medium-emphasized: var(--hy-typo-ref-display-medium-weight-emphasized)
687
+ var(--hy-typo-ref-display-medium-size)/
688
+ var(--hy-typo-ref-display-medium-line-height)
689
+ var(--hy-typo-ref-display-medium-font);
682
690
  --hy-typo-display-small: var(--hy-typo-ref-display-small-weight)
683
691
  var(--hy-typo-ref-display-small-size)/
684
692
  var(--hy-typo-ref-display-small-line-height)
685
693
  var(--hy-typo-ref-display-small-font);
694
+ --hy-typo-display-small-emphasized: var(--hy-typo-ref-display-small-weight-emphasized)
695
+ var(--hy-typo-ref-display-small-size)/
696
+ var(--hy-typo-ref-display-small-line-height)
697
+ var(--hy-typo-ref-display-small-font);
686
698
  --hy-typo-headline-large: var(--hy-typo-ref-headline-large-weight)
687
699
  var(--hy-typo-ref-headline-large-size)/
688
700
  var(--hy-typo-ref-headline-large-line-height)
689
701
  var(--hy-typo-ref-headline-large-font);
702
+ --hy-typo-headline-large-emphasized: var(--hy-typo-ref-headline-large-weight-emphasized)
703
+ var(--hy-typo-ref-headline-large-size)/
704
+ var(--hy-typo-ref-headline-large-line-height)
705
+ var(--hy-typo-ref-headline-large-font);
690
706
  --hy-typo-headline-medium: var(--hy-typo-ref-headline-medium-weight)
691
707
  var(--hy-typo-ref-headline-medium-size)/
692
708
  var(--hy-typo-ref-headline-medium-line-height)
693
709
  var(--hy-typo-ref-headline-medium-font);
710
+ --hy-typo-headline-medium-emphasized: var(--hy-typo-ref-headline-medium-weight-emphasized)
711
+ var(--hy-typo-ref-headline-medium-size)/
712
+ var(--hy-typo-ref-headline-medium-line-height)
713
+ var(--hy-typo-ref-headline-medium-font);
694
714
  --hy-typo-headline-small: var(--hy-typo-ref-headline-small-weight)
695
715
  var(--hy-typo-ref-headline-small-size)/
696
716
  var(--hy-typo-ref-headline-small-line-height)
697
717
  var(--hy-typo-ref-headline-small-font);
718
+ --hy-typo-headline-small-emphasized: var(--hy-typo-ref-headline-small-weight-emphasized)
719
+ var(--hy-typo-ref-headline-small-size)/
720
+ var(--hy-typo-ref-headline-small-line-height)
721
+ var(--hy-typo-ref-headline-small-font);
698
722
  --hy-typo-title-large: var(--hy-typo-ref-title-large-weight)
699
723
  var(--hy-typo-ref-title-large-size)/
700
724
  var(--hy-typo-ref-title-large-line-height)
701
725
  var(--hy-typo-ref-title-large-font);
726
+ --hy-typo-title-large-emphasized: var(--hy-typo-ref-title-large-weight-emphasized)
727
+ var(--hy-typo-ref-title-large-size)/
728
+ var(--hy-typo-ref-title-large-line-height)
729
+ var(--hy-typo-ref-title-large-font);
702
730
  --hy-typo-title-medium: var(--hy-typo-ref-title-medium-weight)
703
731
  var(--hy-typo-ref-title-medium-size)/
704
732
  var(--hy-typo-ref-title-medium-line-height)
705
733
  var(--hy-typo-ref-title-medium-font);
734
+ --hy-typo-title-medium-emphasized: var(--hy-typo-ref-title-medium-weight-emphasized)
735
+ var(--hy-typo-ref-title-medium-size)/
736
+ var(--hy-typo-ref-title-medium-line-height)
737
+ var(--hy-typo-ref-title-medium-font);
706
738
  --hy-typo-title-small: var(--hy-typo-ref-title-small-weight)
707
739
  var(--hy-typo-ref-title-small-size)/
708
740
  var(--hy-typo-ref-title-small-line-height)
709
741
  var(--hy-typo-ref-title-small-font);
742
+ --hy-typo-title-small-emphasized: var(--hy-typo-ref-title-small-weight-emphasized)
743
+ var(--hy-typo-ref-title-small-size)/
744
+ var(--hy-typo-ref-title-small-line-height)
745
+ var(--hy-typo-ref-title-small-font);
710
746
  --hy-typo-label-large: var(--hy-typo-ref-label-large-weight)
711
747
  var(--hy-typo-ref-label-large-size)/
712
748
  var(--hy-typo-ref-label-large-line-height)
713
749
  var(--hy-typo-ref-label-large-font);
750
+ --hy-typo-label-large-emphasized: var(--hy-typo-ref-label-large-weight-emphasized)
751
+ var(--hy-typo-ref-label-large-size)/
752
+ var(--hy-typo-ref-label-large-line-height)
753
+ var(--hy-typo-ref-label-large-font);
714
754
  --hy-typo-label-medium: var(--hy-typo-ref-label-medium-weight)
715
755
  var(--hy-typo-ref-label-medium-size)/
716
756
  var(--hy-typo-ref-label-medium-line-height)
717
757
  var(--hy-typo-ref-label-medium-font);
758
+ --hy-typo-label-medium-emphasized: var(--hy-typo-ref-label-medium-weight-emphasized)
759
+ var(--hy-typo-ref-label-medium-size)/
760
+ var(--hy-typo-ref-label-medium-line-height)
761
+ var(--hy-typo-ref-label-medium-font);
718
762
  --hy-typo-label-small: var(--hy-typo-ref-label-small-weight)
719
763
  var(--hy-typo-ref-label-small-size)/
720
764
  var(--hy-typo-ref-label-small-line-height)
721
765
  var(--hy-typo-ref-label-small-font);
766
+ --hy-typo-label-small-emphasized: var(--hy-typo-ref-label-small-weight-emphasized)
767
+ var(--hy-typo-ref-label-small-size)/
768
+ var(--hy-typo-ref-label-small-line-height)
769
+ var(--hy-typo-ref-label-small-font);
722
770
  --hy-typo-body-large: var(--hy-typo-ref-body-large-weight)
723
771
  var(--hy-typo-ref-body-large-size)/
724
772
  var(--hy-typo-ref-body-large-line-height)
725
773
  var(--hy-typo-ref-body-large-font);
774
+ --hy-typo-body-large-emphasized: var(--hy-typo-ref-body-large-weight-emphasized)
775
+ var(--hy-typo-ref-body-large-size)/
776
+ var(--hy-typo-ref-body-large-line-height)
777
+ var(--hy-typo-ref-body-large-font);
726
778
  --hy-typo-body-medium: var(--hy-typo-ref-body-medium-weight)
727
779
  var(--hy-typo-ref-body-medium-size)/
728
780
  var(--hy-typo-ref-body-medium-line-height)
729
781
  var(--hy-typo-ref-body-medium-font);
782
+ --hy-typo-body-medium-emphasized: var(--hy-typo-ref-body-medium-weight-emphasized)
783
+ var(--hy-typo-ref-body-medium-size)/
784
+ var(--hy-typo-ref-body-medium-line-height)
785
+ var(--hy-typo-ref-body-medium-font);
730
786
  --hy-typo-body-small: var(--hy-typo-ref-body-small-weight)
731
787
  var(--hy-typo-ref-body-small-size)/
732
788
  var(--hy-typo-ref-body-small-line-height)
733
789
  var(--hy-typo-ref-body-small-font);
790
+ --hy-typo-body-small-emphasized: var(--hy-typo-ref-body-small-weight-emphasized)
791
+ var(--hy-typo-ref-body-small-size)/
792
+ var(--hy-typo-ref-body-small-line-height)
793
+ var(--hy-typo-ref-body-small-font);
734
794
  }