@daikin-oss/dds-tokens 0.3.2 → 0.4.1
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/CHANGELOG.md +13 -0
- package/build/css/aaf/Dark/variables.css +14 -4
- package/build/css/aaf/Light/variables.css +14 -4
- package/build/css/daikin/Dark/variables.css +14 -4
- package/build/css/daikin/Light/variables.css +14 -4
- package/build/js/aaf/Dark/variables.cjs +14 -4
- package/build/js/aaf/Dark/variables.d.cts +14 -4
- package/build/js/aaf/Dark/variables.d.ts +14 -4
- package/build/js/aaf/Dark/variables.js +14 -4
- package/build/js/aaf/Light/variables.cjs +14 -4
- package/build/js/aaf/Light/variables.d.cts +14 -4
- package/build/js/aaf/Light/variables.d.ts +14 -4
- package/build/js/aaf/Light/variables.js +14 -4
- package/build/js/daikin/Dark/variables.cjs +14 -4
- package/build/js/daikin/Dark/variables.d.cts +14 -4
- package/build/js/daikin/Dark/variables.d.ts +14 -4
- package/build/js/daikin/Dark/variables.js +14 -4
- package/build/js/daikin/Light/variables.cjs +14 -4
- package/build/js/daikin/Light/variables.d.cts +14 -4
- package/build/js/daikin/Light/variables.d.ts +14 -4
- package/build/js/daikin/Light/variables.js +14 -4
- package/build/json/aaf/Dark/tokens.json +70 -20
- package/build/json/aaf/Light/tokens.json +70 -20
- package/build/json/daikin/Dark/tokens.json +70 -20
- package/build/json/daikin/Light/tokens.json +70 -20
- package/build/scss/aaf/Dark/_mixins.scss +14 -4
- package/build/scss/aaf/Light/_mixins.scss +14 -4
- package/build/scss/daikin/Dark/_mixins.scss +14 -4
- package/build/scss/daikin/Light/_mixins.scss +14 -4
- package/package.json +9 -8
- package/themes/$metadata.json +1 -7
- package/themes/$themes.json +2 -14
- package/themes/reference.json +122 -16
|
@@ -509,31 +509,11 @@
|
|
|
509
509
|
"dimension",
|
|
510
510
|
"borderRadius"
|
|
511
511
|
],
|
|
512
|
-
"border-radius-150": [
|
|
513
|
-
"6px",
|
|
514
|
-
"dimension",
|
|
515
|
-
"borderRadius"
|
|
516
|
-
],
|
|
517
512
|
"border-radius-200": [
|
|
518
513
|
"8px",
|
|
519
514
|
"dimension",
|
|
520
515
|
"borderRadius"
|
|
521
516
|
],
|
|
522
|
-
"border-radius-250": [
|
|
523
|
-
"10px",
|
|
524
|
-
"dimension",
|
|
525
|
-
"borderRadius"
|
|
526
|
-
],
|
|
527
|
-
"border-radius-300": [
|
|
528
|
-
"12px",
|
|
529
|
-
"dimension",
|
|
530
|
-
"borderRadius"
|
|
531
|
-
],
|
|
532
|
-
"border-radius-400": [
|
|
533
|
-
"16px",
|
|
534
|
-
"dimension",
|
|
535
|
-
"borderRadius"
|
|
536
|
-
],
|
|
537
517
|
"border-radius-050": [
|
|
538
518
|
"2px",
|
|
539
519
|
"dimension",
|
|
@@ -574,6 +554,11 @@
|
|
|
574
554
|
"dimension",
|
|
575
555
|
"spacing"
|
|
576
556
|
],
|
|
557
|
+
"space-600": [
|
|
558
|
+
"24px",
|
|
559
|
+
"dimension",
|
|
560
|
+
"spacing"
|
|
561
|
+
],
|
|
577
562
|
"space-800": [
|
|
578
563
|
"32px",
|
|
579
564
|
"dimension",
|
|
@@ -599,6 +584,11 @@
|
|
|
599
584
|
"typography",
|
|
600
585
|
null
|
|
601
586
|
],
|
|
587
|
+
"font-regular-normal-500": [
|
|
588
|
+
"400 20px/1.5 Roboto",
|
|
589
|
+
"typography",
|
|
590
|
+
null
|
|
591
|
+
],
|
|
602
592
|
"font-regular-tight-300": [
|
|
603
593
|
"400 12px/1.3 Roboto",
|
|
604
594
|
"typography",
|
|
@@ -614,6 +604,11 @@
|
|
|
614
604
|
"typography",
|
|
615
605
|
null
|
|
616
606
|
],
|
|
607
|
+
"font-regular-tight-500": [
|
|
608
|
+
"400 20px/1.3 Roboto",
|
|
609
|
+
"typography",
|
|
610
|
+
null
|
|
611
|
+
],
|
|
617
612
|
"font-regular-bold-normal-300": [
|
|
618
613
|
"700 12px/1.5 Roboto",
|
|
619
614
|
"typography",
|
|
@@ -629,6 +624,11 @@
|
|
|
629
624
|
"typography",
|
|
630
625
|
null
|
|
631
626
|
],
|
|
627
|
+
"font-regular-bold-normal-500": [
|
|
628
|
+
"700 20px/1.5 Roboto",
|
|
629
|
+
"typography",
|
|
630
|
+
null
|
|
631
|
+
],
|
|
632
632
|
"font-regular-bold-tight-300": [
|
|
633
633
|
"700 12px/1.3 Roboto",
|
|
634
634
|
"typography",
|
|
@@ -644,6 +644,11 @@
|
|
|
644
644
|
"typography",
|
|
645
645
|
null
|
|
646
646
|
],
|
|
647
|
+
"font-regular-bold-tight-500": [
|
|
648
|
+
"700 20px/1.3 Roboto",
|
|
649
|
+
"typography",
|
|
650
|
+
null
|
|
651
|
+
],
|
|
647
652
|
"font-size-300": [
|
|
648
653
|
"12px",
|
|
649
654
|
"fontSize",
|
|
@@ -659,6 +664,11 @@
|
|
|
659
664
|
"fontSize",
|
|
660
665
|
"fontSizes"
|
|
661
666
|
],
|
|
667
|
+
"font-size-500": [
|
|
668
|
+
"20px",
|
|
669
|
+
"fontSize",
|
|
670
|
+
"fontSizes"
|
|
671
|
+
],
|
|
662
672
|
"font-line-height-tight": [
|
|
663
673
|
"1.3",
|
|
664
674
|
"lineHeight",
|
|
@@ -683,5 +693,45 @@
|
|
|
683
693
|
"Roboto",
|
|
684
694
|
"fontFamily",
|
|
685
695
|
"fontFamilies"
|
|
696
|
+
],
|
|
697
|
+
"font-bold-normal-300": [
|
|
698
|
+
"700 12px/1.5 Roboto",
|
|
699
|
+
"typography",
|
|
700
|
+
null
|
|
701
|
+
],
|
|
702
|
+
"font-bold-normal-350": [
|
|
703
|
+
"700 14px/1.5 Roboto",
|
|
704
|
+
"typography",
|
|
705
|
+
null
|
|
706
|
+
],
|
|
707
|
+
"font-bold-normal-400": [
|
|
708
|
+
"700 16px/1.5 Roboto",
|
|
709
|
+
"typography",
|
|
710
|
+
null
|
|
711
|
+
],
|
|
712
|
+
"font-bold-normal-500": [
|
|
713
|
+
"700 20px/1.5 Roboto",
|
|
714
|
+
"typography",
|
|
715
|
+
null
|
|
716
|
+
],
|
|
717
|
+
"font-bold-tight-300": [
|
|
718
|
+
"700 12px/1.3 Roboto",
|
|
719
|
+
"typography",
|
|
720
|
+
null
|
|
721
|
+
],
|
|
722
|
+
"font-bold-tight-350": [
|
|
723
|
+
"700 14px/1.3 Roboto",
|
|
724
|
+
"typography",
|
|
725
|
+
null
|
|
726
|
+
],
|
|
727
|
+
"font-bold-tight-400": [
|
|
728
|
+
"700 16px/1.3 Roboto",
|
|
729
|
+
"typography",
|
|
730
|
+
null
|
|
731
|
+
],
|
|
732
|
+
"font-bold-tight-500": [
|
|
733
|
+
"700 20px/1.3 Roboto",
|
|
734
|
+
"typography",
|
|
735
|
+
null
|
|
686
736
|
]
|
|
687
737
|
}
|
|
@@ -724,31 +724,11 @@
|
|
|
724
724
|
"dimension",
|
|
725
725
|
"borderRadius"
|
|
726
726
|
],
|
|
727
|
-
"border-radius-150": [
|
|
728
|
-
"6px",
|
|
729
|
-
"dimension",
|
|
730
|
-
"borderRadius"
|
|
731
|
-
],
|
|
732
727
|
"border-radius-200": [
|
|
733
728
|
"8px",
|
|
734
729
|
"dimension",
|
|
735
730
|
"borderRadius"
|
|
736
731
|
],
|
|
737
|
-
"border-radius-250": [
|
|
738
|
-
"10px",
|
|
739
|
-
"dimension",
|
|
740
|
-
"borderRadius"
|
|
741
|
-
],
|
|
742
|
-
"border-radius-300": [
|
|
743
|
-
"12px",
|
|
744
|
-
"dimension",
|
|
745
|
-
"borderRadius"
|
|
746
|
-
],
|
|
747
|
-
"border-radius-400": [
|
|
748
|
-
"16px",
|
|
749
|
-
"dimension",
|
|
750
|
-
"borderRadius"
|
|
751
|
-
],
|
|
752
732
|
"border-radius-050": [
|
|
753
733
|
"2px",
|
|
754
734
|
"dimension",
|
|
@@ -789,6 +769,11 @@
|
|
|
789
769
|
"dimension",
|
|
790
770
|
"spacing"
|
|
791
771
|
],
|
|
772
|
+
"space-600": [
|
|
773
|
+
"24px",
|
|
774
|
+
"dimension",
|
|
775
|
+
"spacing"
|
|
776
|
+
],
|
|
792
777
|
"space-800": [
|
|
793
778
|
"32px",
|
|
794
779
|
"dimension",
|
|
@@ -814,6 +799,11 @@
|
|
|
814
799
|
"typography",
|
|
815
800
|
null
|
|
816
801
|
],
|
|
802
|
+
"font-regular-normal-500": [
|
|
803
|
+
"400 20px/1.5 Roboto",
|
|
804
|
+
"typography",
|
|
805
|
+
null
|
|
806
|
+
],
|
|
817
807
|
"font-regular-tight-300": [
|
|
818
808
|
"400 12px/1.3 Roboto",
|
|
819
809
|
"typography",
|
|
@@ -829,6 +819,11 @@
|
|
|
829
819
|
"typography",
|
|
830
820
|
null
|
|
831
821
|
],
|
|
822
|
+
"font-regular-tight-500": [
|
|
823
|
+
"400 20px/1.3 Roboto",
|
|
824
|
+
"typography",
|
|
825
|
+
null
|
|
826
|
+
],
|
|
832
827
|
"font-regular-bold-normal-300": [
|
|
833
828
|
"700 12px/1.5 Roboto",
|
|
834
829
|
"typography",
|
|
@@ -844,6 +839,11 @@
|
|
|
844
839
|
"typography",
|
|
845
840
|
null
|
|
846
841
|
],
|
|
842
|
+
"font-regular-bold-normal-500": [
|
|
843
|
+
"700 20px/1.5 Roboto",
|
|
844
|
+
"typography",
|
|
845
|
+
null
|
|
846
|
+
],
|
|
847
847
|
"font-regular-bold-tight-300": [
|
|
848
848
|
"700 12px/1.3 Roboto",
|
|
849
849
|
"typography",
|
|
@@ -859,6 +859,11 @@
|
|
|
859
859
|
"typography",
|
|
860
860
|
null
|
|
861
861
|
],
|
|
862
|
+
"font-regular-bold-tight-500": [
|
|
863
|
+
"700 20px/1.3 Roboto",
|
|
864
|
+
"typography",
|
|
865
|
+
null
|
|
866
|
+
],
|
|
862
867
|
"font-size-300": [
|
|
863
868
|
"12px",
|
|
864
869
|
"fontSize",
|
|
@@ -874,6 +879,11 @@
|
|
|
874
879
|
"fontSize",
|
|
875
880
|
"fontSizes"
|
|
876
881
|
],
|
|
882
|
+
"font-size-500": [
|
|
883
|
+
"20px",
|
|
884
|
+
"fontSize",
|
|
885
|
+
"fontSizes"
|
|
886
|
+
],
|
|
877
887
|
"font-line-height-tight": [
|
|
878
888
|
"1.3",
|
|
879
889
|
"lineHeight",
|
|
@@ -898,5 +908,45 @@
|
|
|
898
908
|
"Roboto",
|
|
899
909
|
"fontFamily",
|
|
900
910
|
"fontFamilies"
|
|
911
|
+
],
|
|
912
|
+
"font-bold-normal-300": [
|
|
913
|
+
"700 12px/1.5 Roboto",
|
|
914
|
+
"typography",
|
|
915
|
+
null
|
|
916
|
+
],
|
|
917
|
+
"font-bold-normal-350": [
|
|
918
|
+
"700 14px/1.5 Roboto",
|
|
919
|
+
"typography",
|
|
920
|
+
null
|
|
921
|
+
],
|
|
922
|
+
"font-bold-normal-400": [
|
|
923
|
+
"700 16px/1.5 Roboto",
|
|
924
|
+
"typography",
|
|
925
|
+
null
|
|
926
|
+
],
|
|
927
|
+
"font-bold-normal-500": [
|
|
928
|
+
"700 20px/1.5 Roboto",
|
|
929
|
+
"typography",
|
|
930
|
+
null
|
|
931
|
+
],
|
|
932
|
+
"font-bold-tight-300": [
|
|
933
|
+
"700 12px/1.3 Roboto",
|
|
934
|
+
"typography",
|
|
935
|
+
null
|
|
936
|
+
],
|
|
937
|
+
"font-bold-tight-350": [
|
|
938
|
+
"700 14px/1.3 Roboto",
|
|
939
|
+
"typography",
|
|
940
|
+
null
|
|
941
|
+
],
|
|
942
|
+
"font-bold-tight-400": [
|
|
943
|
+
"700 16px/1.3 Roboto",
|
|
944
|
+
"typography",
|
|
945
|
+
null
|
|
946
|
+
],
|
|
947
|
+
"font-bold-tight-500": [
|
|
948
|
+
"700 20px/1.3 Roboto",
|
|
949
|
+
"typography",
|
|
950
|
+
null
|
|
901
951
|
]
|
|
902
952
|
}
|
|
@@ -724,31 +724,11 @@
|
|
|
724
724
|
"dimension",
|
|
725
725
|
"borderRadius"
|
|
726
726
|
],
|
|
727
|
-
"border-radius-150": [
|
|
728
|
-
"6px",
|
|
729
|
-
"dimension",
|
|
730
|
-
"borderRadius"
|
|
731
|
-
],
|
|
732
727
|
"border-radius-200": [
|
|
733
728
|
"8px",
|
|
734
729
|
"dimension",
|
|
735
730
|
"borderRadius"
|
|
736
731
|
],
|
|
737
|
-
"border-radius-250": [
|
|
738
|
-
"10px",
|
|
739
|
-
"dimension",
|
|
740
|
-
"borderRadius"
|
|
741
|
-
],
|
|
742
|
-
"border-radius-300": [
|
|
743
|
-
"12px",
|
|
744
|
-
"dimension",
|
|
745
|
-
"borderRadius"
|
|
746
|
-
],
|
|
747
|
-
"border-radius-400": [
|
|
748
|
-
"16px",
|
|
749
|
-
"dimension",
|
|
750
|
-
"borderRadius"
|
|
751
|
-
],
|
|
752
732
|
"border-radius-050": [
|
|
753
733
|
"2px",
|
|
754
734
|
"dimension",
|
|
@@ -789,6 +769,11 @@
|
|
|
789
769
|
"dimension",
|
|
790
770
|
"spacing"
|
|
791
771
|
],
|
|
772
|
+
"space-600": [
|
|
773
|
+
"24px",
|
|
774
|
+
"dimension",
|
|
775
|
+
"spacing"
|
|
776
|
+
],
|
|
792
777
|
"space-800": [
|
|
793
778
|
"32px",
|
|
794
779
|
"dimension",
|
|
@@ -814,6 +799,11 @@
|
|
|
814
799
|
"typography",
|
|
815
800
|
null
|
|
816
801
|
],
|
|
802
|
+
"font-regular-normal-500": [
|
|
803
|
+
"400 20px/1.5 Roboto",
|
|
804
|
+
"typography",
|
|
805
|
+
null
|
|
806
|
+
],
|
|
817
807
|
"font-regular-tight-300": [
|
|
818
808
|
"400 12px/1.3 Roboto",
|
|
819
809
|
"typography",
|
|
@@ -829,6 +819,11 @@
|
|
|
829
819
|
"typography",
|
|
830
820
|
null
|
|
831
821
|
],
|
|
822
|
+
"font-regular-tight-500": [
|
|
823
|
+
"400 20px/1.3 Roboto",
|
|
824
|
+
"typography",
|
|
825
|
+
null
|
|
826
|
+
],
|
|
832
827
|
"font-regular-bold-normal-300": [
|
|
833
828
|
"700 12px/1.5 Roboto",
|
|
834
829
|
"typography",
|
|
@@ -844,6 +839,11 @@
|
|
|
844
839
|
"typography",
|
|
845
840
|
null
|
|
846
841
|
],
|
|
842
|
+
"font-regular-bold-normal-500": [
|
|
843
|
+
"700 20px/1.5 Roboto",
|
|
844
|
+
"typography",
|
|
845
|
+
null
|
|
846
|
+
],
|
|
847
847
|
"font-regular-bold-tight-300": [
|
|
848
848
|
"700 12px/1.3 Roboto",
|
|
849
849
|
"typography",
|
|
@@ -859,6 +859,11 @@
|
|
|
859
859
|
"typography",
|
|
860
860
|
null
|
|
861
861
|
],
|
|
862
|
+
"font-regular-bold-tight-500": [
|
|
863
|
+
"700 20px/1.3 Roboto",
|
|
864
|
+
"typography",
|
|
865
|
+
null
|
|
866
|
+
],
|
|
862
867
|
"font-size-300": [
|
|
863
868
|
"12px",
|
|
864
869
|
"fontSize",
|
|
@@ -874,6 +879,11 @@
|
|
|
874
879
|
"fontSize",
|
|
875
880
|
"fontSizes"
|
|
876
881
|
],
|
|
882
|
+
"font-size-500": [
|
|
883
|
+
"20px",
|
|
884
|
+
"fontSize",
|
|
885
|
+
"fontSizes"
|
|
886
|
+
],
|
|
877
887
|
"font-line-height-tight": [
|
|
878
888
|
"1.3",
|
|
879
889
|
"lineHeight",
|
|
@@ -898,5 +908,45 @@
|
|
|
898
908
|
"Roboto",
|
|
899
909
|
"fontFamily",
|
|
900
910
|
"fontFamilies"
|
|
911
|
+
],
|
|
912
|
+
"font-bold-normal-300": [
|
|
913
|
+
"700 12px/1.5 Roboto",
|
|
914
|
+
"typography",
|
|
915
|
+
null
|
|
916
|
+
],
|
|
917
|
+
"font-bold-normal-350": [
|
|
918
|
+
"700 14px/1.5 Roboto",
|
|
919
|
+
"typography",
|
|
920
|
+
null
|
|
921
|
+
],
|
|
922
|
+
"font-bold-normal-400": [
|
|
923
|
+
"700 16px/1.5 Roboto",
|
|
924
|
+
"typography",
|
|
925
|
+
null
|
|
926
|
+
],
|
|
927
|
+
"font-bold-normal-500": [
|
|
928
|
+
"700 20px/1.5 Roboto",
|
|
929
|
+
"typography",
|
|
930
|
+
null
|
|
931
|
+
],
|
|
932
|
+
"font-bold-tight-300": [
|
|
933
|
+
"700 12px/1.3 Roboto",
|
|
934
|
+
"typography",
|
|
935
|
+
null
|
|
936
|
+
],
|
|
937
|
+
"font-bold-tight-350": [
|
|
938
|
+
"700 14px/1.3 Roboto",
|
|
939
|
+
"typography",
|
|
940
|
+
null
|
|
941
|
+
],
|
|
942
|
+
"font-bold-tight-400": [
|
|
943
|
+
"700 16px/1.3 Roboto",
|
|
944
|
+
"typography",
|
|
945
|
+
null
|
|
946
|
+
],
|
|
947
|
+
"font-bold-tight-500": [
|
|
948
|
+
"700 20px/1.3 Roboto",
|
|
949
|
+
"typography",
|
|
950
|
+
null
|
|
901
951
|
]
|
|
902
952
|
}
|
|
@@ -105,11 +105,7 @@
|
|
|
105
105
|
--dds-color-purple-110: #37153d;
|
|
106
106
|
--dds-color-purple-120: #250e29;
|
|
107
107
|
--dds-border-radius-100: 4px;
|
|
108
|
-
--dds-border-radius-150: 6px;
|
|
109
108
|
--dds-border-radius-200: 8px;
|
|
110
|
-
--dds-border-radius-250: 10px;
|
|
111
|
-
--dds-border-radius-300: 12px;
|
|
112
|
-
--dds-border-radius-400: 16px;
|
|
113
109
|
--dds-border-radius-050: 2px;
|
|
114
110
|
--dds-border-width-100: 4px;
|
|
115
111
|
--dds-border-width-025: 1px;
|
|
@@ -118,26 +114,40 @@
|
|
|
118
114
|
--dds-space-200: 8px;
|
|
119
115
|
--dds-space-300: 12px;
|
|
120
116
|
--dds-space-400: 16px;
|
|
117
|
+
--dds-space-600: 24px;
|
|
121
118
|
--dds-space-800: 32px;
|
|
122
119
|
--dds-space-050: 2px;
|
|
123
120
|
--dds-font-regular-normal-300: 400 12px/1.5 Roboto;
|
|
124
121
|
--dds-font-regular-normal-350: 400 14px/1.5 Roboto;
|
|
125
122
|
--dds-font-regular-normal-400: 400 16px/1.5 Roboto;
|
|
123
|
+
--dds-font-regular-normal-500: 400 20px/1.5 Roboto;
|
|
126
124
|
--dds-font-regular-tight-300: 400 12px/1.3 Roboto;
|
|
127
125
|
--dds-font-regular-tight-350: 400 14px/1.3 Roboto;
|
|
128
126
|
--dds-font-regular-tight-400: 400 16px/1.3 Roboto;
|
|
127
|
+
--dds-font-regular-tight-500: 400 20px/1.3 Roboto;
|
|
129
128
|
--dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
|
|
130
129
|
--dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
|
|
131
130
|
--dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
|
|
131
|
+
--dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
|
|
132
132
|
--dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
|
|
133
133
|
--dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
|
|
134
134
|
--dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
|
|
135
|
+
--dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
|
|
135
136
|
--dds-font-size-300: 12px;
|
|
136
137
|
--dds-font-size-350: 14px;
|
|
137
138
|
--dds-font-size-400: 16px;
|
|
139
|
+
--dds-font-size-500: 20px;
|
|
138
140
|
--dds-font-line-height-tight: 1.3;
|
|
139
141
|
--dds-font-line-height-normal: 1.5;
|
|
140
142
|
--dds-font-weight-bold: 700;
|
|
141
143
|
--dds-font-weight-regular: 400;
|
|
142
144
|
--dds-font-family-base: Roboto;
|
|
145
|
+
--dds-font-bold-normal-300: 700 12px/1.5 Roboto;
|
|
146
|
+
--dds-font-bold-normal-350: 700 14px/1.5 Roboto;
|
|
147
|
+
--dds-font-bold-normal-400: 700 16px/1.5 Roboto;
|
|
148
|
+
--dds-font-bold-normal-500: 700 20px/1.5 Roboto;
|
|
149
|
+
--dds-font-bold-tight-300: 700 12px/1.3 Roboto;
|
|
150
|
+
--dds-font-bold-tight-350: 700 14px/1.3 Roboto;
|
|
151
|
+
--dds-font-bold-tight-400: 700 16px/1.3 Roboto;
|
|
152
|
+
--dds-font-bold-tight-500: 700 20px/1.3 Roboto;
|
|
143
153
|
}
|
|
@@ -105,11 +105,7 @@
|
|
|
105
105
|
--dds-color-purple-110: #37153d;
|
|
106
106
|
--dds-color-purple-120: #250e29;
|
|
107
107
|
--dds-border-radius-100: 4px;
|
|
108
|
-
--dds-border-radius-150: 6px;
|
|
109
108
|
--dds-border-radius-200: 8px;
|
|
110
|
-
--dds-border-radius-250: 10px;
|
|
111
|
-
--dds-border-radius-300: 12px;
|
|
112
|
-
--dds-border-radius-400: 16px;
|
|
113
109
|
--dds-border-radius-050: 2px;
|
|
114
110
|
--dds-border-width-100: 4px;
|
|
115
111
|
--dds-border-width-025: 1px;
|
|
@@ -118,26 +114,40 @@
|
|
|
118
114
|
--dds-space-200: 8px;
|
|
119
115
|
--dds-space-300: 12px;
|
|
120
116
|
--dds-space-400: 16px;
|
|
117
|
+
--dds-space-600: 24px;
|
|
121
118
|
--dds-space-800: 32px;
|
|
122
119
|
--dds-space-050: 2px;
|
|
123
120
|
--dds-font-regular-normal-300: 400 12px/1.5 Roboto;
|
|
124
121
|
--dds-font-regular-normal-350: 400 14px/1.5 Roboto;
|
|
125
122
|
--dds-font-regular-normal-400: 400 16px/1.5 Roboto;
|
|
123
|
+
--dds-font-regular-normal-500: 400 20px/1.5 Roboto;
|
|
126
124
|
--dds-font-regular-tight-300: 400 12px/1.3 Roboto;
|
|
127
125
|
--dds-font-regular-tight-350: 400 14px/1.3 Roboto;
|
|
128
126
|
--dds-font-regular-tight-400: 400 16px/1.3 Roboto;
|
|
127
|
+
--dds-font-regular-tight-500: 400 20px/1.3 Roboto;
|
|
129
128
|
--dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
|
|
130
129
|
--dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
|
|
131
130
|
--dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
|
|
131
|
+
--dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
|
|
132
132
|
--dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
|
|
133
133
|
--dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
|
|
134
134
|
--dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
|
|
135
|
+
--dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
|
|
135
136
|
--dds-font-size-300: 12px;
|
|
136
137
|
--dds-font-size-350: 14px;
|
|
137
138
|
--dds-font-size-400: 16px;
|
|
139
|
+
--dds-font-size-500: 20px;
|
|
138
140
|
--dds-font-line-height-tight: 1.3;
|
|
139
141
|
--dds-font-line-height-normal: 1.5;
|
|
140
142
|
--dds-font-weight-bold: 700;
|
|
141
143
|
--dds-font-weight-regular: 400;
|
|
142
144
|
--dds-font-family-base: Roboto;
|
|
145
|
+
--dds-font-bold-normal-300: 700 12px/1.5 Roboto;
|
|
146
|
+
--dds-font-bold-normal-350: 700 14px/1.5 Roboto;
|
|
147
|
+
--dds-font-bold-normal-400: 700 16px/1.5 Roboto;
|
|
148
|
+
--dds-font-bold-normal-500: 700 20px/1.5 Roboto;
|
|
149
|
+
--dds-font-bold-tight-300: 700 12px/1.3 Roboto;
|
|
150
|
+
--dds-font-bold-tight-350: 700 14px/1.3 Roboto;
|
|
151
|
+
--dds-font-bold-tight-400: 700 16px/1.3 Roboto;
|
|
152
|
+
--dds-font-bold-tight-500: 700 20px/1.3 Roboto;
|
|
143
153
|
}
|
|
@@ -148,11 +148,7 @@
|
|
|
148
148
|
--dds-color-link-surface-visited-hover: #250e29;
|
|
149
149
|
--dds-color-link-surface-visited-press: #37153d;
|
|
150
150
|
--dds-border-radius-100: 4px;
|
|
151
|
-
--dds-border-radius-150: 6px;
|
|
152
151
|
--dds-border-radius-200: 8px;
|
|
153
|
-
--dds-border-radius-250: 10px;
|
|
154
|
-
--dds-border-radius-300: 12px;
|
|
155
|
-
--dds-border-radius-400: 16px;
|
|
156
152
|
--dds-border-radius-050: 2px;
|
|
157
153
|
--dds-border-width-100: 4px;
|
|
158
154
|
--dds-border-width-025: 1px;
|
|
@@ -161,26 +157,40 @@
|
|
|
161
157
|
--dds-space-200: 8px;
|
|
162
158
|
--dds-space-300: 12px;
|
|
163
159
|
--dds-space-400: 16px;
|
|
160
|
+
--dds-space-600: 24px;
|
|
164
161
|
--dds-space-800: 32px;
|
|
165
162
|
--dds-space-050: 2px;
|
|
166
163
|
--dds-font-regular-normal-300: 400 12px/1.5 Roboto;
|
|
167
164
|
--dds-font-regular-normal-350: 400 14px/1.5 Roboto;
|
|
168
165
|
--dds-font-regular-normal-400: 400 16px/1.5 Roboto;
|
|
166
|
+
--dds-font-regular-normal-500: 400 20px/1.5 Roboto;
|
|
169
167
|
--dds-font-regular-tight-300: 400 12px/1.3 Roboto;
|
|
170
168
|
--dds-font-regular-tight-350: 400 14px/1.3 Roboto;
|
|
171
169
|
--dds-font-regular-tight-400: 400 16px/1.3 Roboto;
|
|
170
|
+
--dds-font-regular-tight-500: 400 20px/1.3 Roboto;
|
|
172
171
|
--dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
|
|
173
172
|
--dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
|
|
174
173
|
--dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
|
|
174
|
+
--dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
|
|
175
175
|
--dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
|
|
176
176
|
--dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
|
|
177
177
|
--dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
|
|
178
|
+
--dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
|
|
178
179
|
--dds-font-size-300: 12px;
|
|
179
180
|
--dds-font-size-350: 14px;
|
|
180
181
|
--dds-font-size-400: 16px;
|
|
182
|
+
--dds-font-size-500: 20px;
|
|
181
183
|
--dds-font-line-height-tight: 1.3;
|
|
182
184
|
--dds-font-line-height-normal: 1.5;
|
|
183
185
|
--dds-font-weight-bold: 700;
|
|
184
186
|
--dds-font-weight-regular: 400;
|
|
185
187
|
--dds-font-family-base: Roboto;
|
|
188
|
+
--dds-font-bold-normal-300: 700 12px/1.5 Roboto;
|
|
189
|
+
--dds-font-bold-normal-350: 700 14px/1.5 Roboto;
|
|
190
|
+
--dds-font-bold-normal-400: 700 16px/1.5 Roboto;
|
|
191
|
+
--dds-font-bold-normal-500: 700 20px/1.5 Roboto;
|
|
192
|
+
--dds-font-bold-tight-300: 700 12px/1.3 Roboto;
|
|
193
|
+
--dds-font-bold-tight-350: 700 14px/1.3 Roboto;
|
|
194
|
+
--dds-font-bold-tight-400: 700 16px/1.3 Roboto;
|
|
195
|
+
--dds-font-bold-tight-500: 700 20px/1.3 Roboto;
|
|
186
196
|
}
|
|
@@ -148,11 +148,7 @@
|
|
|
148
148
|
--dds-color-link-surface-visited-hover: #f0ddf3;
|
|
149
149
|
--dds-color-link-surface-visited-press: #e1bbe8;
|
|
150
150
|
--dds-border-radius-100: 4px;
|
|
151
|
-
--dds-border-radius-150: 6px;
|
|
152
151
|
--dds-border-radius-200: 8px;
|
|
153
|
-
--dds-border-radius-250: 10px;
|
|
154
|
-
--dds-border-radius-300: 12px;
|
|
155
|
-
--dds-border-radius-400: 16px;
|
|
156
152
|
--dds-border-radius-050: 2px;
|
|
157
153
|
--dds-border-width-100: 4px;
|
|
158
154
|
--dds-border-width-025: 1px;
|
|
@@ -161,26 +157,40 @@
|
|
|
161
157
|
--dds-space-200: 8px;
|
|
162
158
|
--dds-space-300: 12px;
|
|
163
159
|
--dds-space-400: 16px;
|
|
160
|
+
--dds-space-600: 24px;
|
|
164
161
|
--dds-space-800: 32px;
|
|
165
162
|
--dds-space-050: 2px;
|
|
166
163
|
--dds-font-regular-normal-300: 400 12px/1.5 Roboto;
|
|
167
164
|
--dds-font-regular-normal-350: 400 14px/1.5 Roboto;
|
|
168
165
|
--dds-font-regular-normal-400: 400 16px/1.5 Roboto;
|
|
166
|
+
--dds-font-regular-normal-500: 400 20px/1.5 Roboto;
|
|
169
167
|
--dds-font-regular-tight-300: 400 12px/1.3 Roboto;
|
|
170
168
|
--dds-font-regular-tight-350: 400 14px/1.3 Roboto;
|
|
171
169
|
--dds-font-regular-tight-400: 400 16px/1.3 Roboto;
|
|
170
|
+
--dds-font-regular-tight-500: 400 20px/1.3 Roboto;
|
|
172
171
|
--dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
|
|
173
172
|
--dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
|
|
174
173
|
--dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
|
|
174
|
+
--dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
|
|
175
175
|
--dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
|
|
176
176
|
--dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
|
|
177
177
|
--dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
|
|
178
|
+
--dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
|
|
178
179
|
--dds-font-size-300: 12px;
|
|
179
180
|
--dds-font-size-350: 14px;
|
|
180
181
|
--dds-font-size-400: 16px;
|
|
182
|
+
--dds-font-size-500: 20px;
|
|
181
183
|
--dds-font-line-height-tight: 1.3;
|
|
182
184
|
--dds-font-line-height-normal: 1.5;
|
|
183
185
|
--dds-font-weight-bold: 700;
|
|
184
186
|
--dds-font-weight-regular: 400;
|
|
185
187
|
--dds-font-family-base: Roboto;
|
|
188
|
+
--dds-font-bold-normal-300: 700 12px/1.5 Roboto;
|
|
189
|
+
--dds-font-bold-normal-350: 700 14px/1.5 Roboto;
|
|
190
|
+
--dds-font-bold-normal-400: 700 16px/1.5 Roboto;
|
|
191
|
+
--dds-font-bold-normal-500: 700 20px/1.5 Roboto;
|
|
192
|
+
--dds-font-bold-tight-300: 700 12px/1.3 Roboto;
|
|
193
|
+
--dds-font-bold-tight-350: 700 14px/1.3 Roboto;
|
|
194
|
+
--dds-font-bold-tight-400: 700 16px/1.3 Roboto;
|
|
195
|
+
--dds-font-bold-tight-500: 700 20px/1.3 Roboto;
|
|
186
196
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@daikin-oss/dds-tokens",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.1",
|
|
4
4
|
"description": "Design token definitions for DDS",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
"CHANGELOG.md"
|
|
11
11
|
],
|
|
12
12
|
"exports": {
|
|
13
|
+
"./package.json": "./package.json",
|
|
13
14
|
"./js/*.js": {
|
|
14
15
|
"import": "./build/js/*.js",
|
|
15
16
|
"require": "./build/js/*.cjs",
|
|
@@ -55,14 +56,14 @@
|
|
|
55
56
|
"homepage": "https://github.com/dsv-rp/dds-tokens#readme",
|
|
56
57
|
"devDependencies": {
|
|
57
58
|
"@changesets/changelog-github": "^0.5.0",
|
|
58
|
-
"@changesets/cli": "^2.27.
|
|
59
|
-
"@tokens-studio/sd-transforms": "^1.2.
|
|
60
|
-
"@types/node": "^20.17.
|
|
61
|
-
"prettier": "^3.4.
|
|
59
|
+
"@changesets/cli": "^2.27.12",
|
|
60
|
+
"@tokens-studio/sd-transforms": "^1.2.9",
|
|
61
|
+
"@types/node": "^20.17.17",
|
|
62
|
+
"prettier": "^3.4.2",
|
|
62
63
|
"prettier-plugin-organize-imports": "^4.1.0",
|
|
63
|
-
"sass-embedded": "^1.
|
|
64
|
-
"style-dictionary": "^4.2
|
|
64
|
+
"sass-embedded": "^1.83.4",
|
|
65
|
+
"style-dictionary": "^4.3.2",
|
|
65
66
|
"tsx": "^4.19.2",
|
|
66
|
-
"vitest": "^
|
|
67
|
+
"vitest": "^3.0.5"
|
|
67
68
|
}
|
|
68
69
|
}
|