@digdir/designsystemet 1.10.0 → 1.11.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/dist/bin/designsystemet.js +7 -7
- package/dist/src/index.js +7 -7
- package/dist/src/scripts/update-preview-tokens.d.ts.map +1 -1
- package/dist/src/scripts/update-preview-tokens.js +7 -5
- package/dist/src/scripts/update-template.d.ts.map +1 -1
- package/dist/src/scripts/update-template.js +151 -280
- package/dist/src/tokens/build.js +7 -7
- package/dist/src/tokens/create/generators/$designsystemet.js +7 -7
- package/dist/src/tokens/create/write.js +7 -7
- package/dist/src/tokens/format.js +7 -7
- package/dist/src/tokens/index.js +7 -7
- package/dist/src/tokens/process/output/declarations.js +7 -7
- package/dist/src/tokens/process/output/theme.js +7 -7
- package/package.json +8 -8
|
@@ -3,7 +3,7 @@ import path from "path";
|
|
|
3
3
|
import pc2 from "picocolors";
|
|
4
4
|
import * as R from "ramda";
|
|
5
5
|
|
|
6
|
-
// ../../
|
|
6
|
+
// ../../design-tokens/semantic/color.json
|
|
7
7
|
var color_default = {
|
|
8
8
|
color: {
|
|
9
9
|
accent: {
|
|
@@ -270,72 +270,6 @@ var color_default = {
|
|
|
270
270
|
$value: "{color.brand2.16}"
|
|
271
271
|
}
|
|
272
272
|
},
|
|
273
|
-
brand3: {
|
|
274
|
-
"background-default": {
|
|
275
|
-
$type: "color",
|
|
276
|
-
$value: "{color.brand3.1}"
|
|
277
|
-
},
|
|
278
|
-
"background-tinted": {
|
|
279
|
-
$type: "color",
|
|
280
|
-
$value: "{color.brand3.2}"
|
|
281
|
-
},
|
|
282
|
-
"surface-default": {
|
|
283
|
-
$type: "color",
|
|
284
|
-
$value: "{color.brand3.3}"
|
|
285
|
-
},
|
|
286
|
-
"surface-tinted": {
|
|
287
|
-
$type: "color",
|
|
288
|
-
$value: "{color.brand3.4}"
|
|
289
|
-
},
|
|
290
|
-
"surface-hover": {
|
|
291
|
-
$type: "color",
|
|
292
|
-
$value: "{color.brand3.5}"
|
|
293
|
-
},
|
|
294
|
-
"surface-active": {
|
|
295
|
-
$type: "color",
|
|
296
|
-
$value: "{color.brand3.6}"
|
|
297
|
-
},
|
|
298
|
-
"border-subtle": {
|
|
299
|
-
$type: "color",
|
|
300
|
-
$value: "{color.brand3.7}"
|
|
301
|
-
},
|
|
302
|
-
"border-default": {
|
|
303
|
-
$type: "color",
|
|
304
|
-
$value: "{color.brand3.8}"
|
|
305
|
-
},
|
|
306
|
-
"border-strong": {
|
|
307
|
-
$type: "color",
|
|
308
|
-
$value: "{color.brand3.9}"
|
|
309
|
-
},
|
|
310
|
-
"text-subtle": {
|
|
311
|
-
$type: "color",
|
|
312
|
-
$value: "{color.brand3.10}"
|
|
313
|
-
},
|
|
314
|
-
"text-default": {
|
|
315
|
-
$type: "color",
|
|
316
|
-
$value: "{color.brand3.11}"
|
|
317
|
-
},
|
|
318
|
-
"base-default": {
|
|
319
|
-
$type: "color",
|
|
320
|
-
$value: "{color.brand3.12}"
|
|
321
|
-
},
|
|
322
|
-
"base-hover": {
|
|
323
|
-
$type: "color",
|
|
324
|
-
$value: "{color.brand3.13}"
|
|
325
|
-
},
|
|
326
|
-
"base-active": {
|
|
327
|
-
$type: "color",
|
|
328
|
-
$value: "{color.brand3.14}"
|
|
329
|
-
},
|
|
330
|
-
"base-contrast-subtle": {
|
|
331
|
-
$type: "color",
|
|
332
|
-
$value: "{color.brand3.15}"
|
|
333
|
-
},
|
|
334
|
-
"base-contrast-default": {
|
|
335
|
-
$type: "color",
|
|
336
|
-
$value: "{color.brand3.16}"
|
|
337
|
-
}
|
|
338
|
-
},
|
|
339
273
|
info: {
|
|
340
274
|
"background-default": {
|
|
341
275
|
$type: "color",
|
|
@@ -621,7 +555,7 @@ var color_default = {
|
|
|
621
555
|
}
|
|
622
556
|
};
|
|
623
557
|
|
|
624
|
-
// ../../
|
|
558
|
+
// ../../design-tokens/semantic/modes/main-color/accent.json
|
|
625
559
|
var accent_default = {
|
|
626
560
|
color: {
|
|
627
561
|
main: {
|
|
@@ -693,636 +627,570 @@ var accent_default = {
|
|
|
693
627
|
}
|
|
694
628
|
};
|
|
695
629
|
|
|
696
|
-
// ../../
|
|
697
|
-
var
|
|
630
|
+
// ../../design-tokens/themes/designsystemet.json
|
|
631
|
+
var designsystemet_default = {
|
|
698
632
|
color: {
|
|
699
633
|
accent: {
|
|
700
634
|
"1": {
|
|
701
635
|
$type: "color",
|
|
702
|
-
$value: "{
|
|
636
|
+
$value: "{designsystemet.accent.1}"
|
|
703
637
|
},
|
|
704
638
|
"2": {
|
|
705
639
|
$type: "color",
|
|
706
|
-
$value: "{
|
|
640
|
+
$value: "{designsystemet.accent.2}"
|
|
707
641
|
},
|
|
708
642
|
"3": {
|
|
709
643
|
$type: "color",
|
|
710
|
-
$value: "{
|
|
644
|
+
$value: "{designsystemet.accent.3}"
|
|
711
645
|
},
|
|
712
646
|
"4": {
|
|
713
647
|
$type: "color",
|
|
714
|
-
$value: "{
|
|
648
|
+
$value: "{designsystemet.accent.4}"
|
|
715
649
|
},
|
|
716
650
|
"5": {
|
|
717
651
|
$type: "color",
|
|
718
|
-
$value: "{
|
|
652
|
+
$value: "{designsystemet.accent.5}"
|
|
719
653
|
},
|
|
720
654
|
"6": {
|
|
721
655
|
$type: "color",
|
|
722
|
-
$value: "{
|
|
656
|
+
$value: "{designsystemet.accent.6}"
|
|
723
657
|
},
|
|
724
658
|
"7": {
|
|
725
659
|
$type: "color",
|
|
726
|
-
$value: "{
|
|
660
|
+
$value: "{designsystemet.accent.7}"
|
|
727
661
|
},
|
|
728
662
|
"8": {
|
|
729
663
|
$type: "color",
|
|
730
|
-
$value: "{
|
|
664
|
+
$value: "{designsystemet.accent.8}"
|
|
731
665
|
},
|
|
732
666
|
"9": {
|
|
733
667
|
$type: "color",
|
|
734
|
-
$value: "{
|
|
668
|
+
$value: "{designsystemet.accent.9}"
|
|
735
669
|
},
|
|
736
670
|
"10": {
|
|
737
671
|
$type: "color",
|
|
738
|
-
$value: "{
|
|
672
|
+
$value: "{designsystemet.accent.10}"
|
|
739
673
|
},
|
|
740
674
|
"11": {
|
|
741
675
|
$type: "color",
|
|
742
|
-
$value: "{
|
|
676
|
+
$value: "{designsystemet.accent.11}"
|
|
743
677
|
},
|
|
744
678
|
"12": {
|
|
745
679
|
$type: "color",
|
|
746
|
-
$value: "{
|
|
680
|
+
$value: "{designsystemet.accent.12}"
|
|
747
681
|
},
|
|
748
682
|
"13": {
|
|
749
683
|
$type: "color",
|
|
750
|
-
$value: "{
|
|
684
|
+
$value: "{designsystemet.accent.13}"
|
|
751
685
|
},
|
|
752
686
|
"14": {
|
|
753
687
|
$type: "color",
|
|
754
|
-
$value: "{
|
|
688
|
+
$value: "{designsystemet.accent.14}"
|
|
755
689
|
},
|
|
756
690
|
"15": {
|
|
757
691
|
$type: "color",
|
|
758
|
-
$value: "{
|
|
692
|
+
$value: "{designsystemet.accent.15}"
|
|
759
693
|
},
|
|
760
694
|
"16": {
|
|
761
695
|
$type: "color",
|
|
762
|
-
$value: "{
|
|
696
|
+
$value: "{designsystemet.accent.16}"
|
|
763
697
|
}
|
|
764
698
|
},
|
|
765
699
|
neutral: {
|
|
766
700
|
"1": {
|
|
767
701
|
$type: "color",
|
|
768
|
-
$value: "{
|
|
702
|
+
$value: "{designsystemet.neutral.1}"
|
|
769
703
|
},
|
|
770
704
|
"2": {
|
|
771
705
|
$type: "color",
|
|
772
|
-
$value: "{
|
|
706
|
+
$value: "{designsystemet.neutral.2}"
|
|
773
707
|
},
|
|
774
708
|
"3": {
|
|
775
709
|
$type: "color",
|
|
776
|
-
$value: "{
|
|
710
|
+
$value: "{designsystemet.neutral.3}"
|
|
777
711
|
},
|
|
778
712
|
"4": {
|
|
779
713
|
$type: "color",
|
|
780
|
-
$value: "{
|
|
714
|
+
$value: "{designsystemet.neutral.4}"
|
|
781
715
|
},
|
|
782
716
|
"5": {
|
|
783
717
|
$type: "color",
|
|
784
|
-
$value: "{
|
|
718
|
+
$value: "{designsystemet.neutral.5}"
|
|
785
719
|
},
|
|
786
720
|
"6": {
|
|
787
721
|
$type: "color",
|
|
788
|
-
$value: "{
|
|
722
|
+
$value: "{designsystemet.neutral.6}"
|
|
789
723
|
},
|
|
790
724
|
"7": {
|
|
791
725
|
$type: "color",
|
|
792
|
-
$value: "{
|
|
726
|
+
$value: "{designsystemet.neutral.7}"
|
|
793
727
|
},
|
|
794
728
|
"8": {
|
|
795
729
|
$type: "color",
|
|
796
|
-
$value: "{
|
|
730
|
+
$value: "{designsystemet.neutral.8}"
|
|
797
731
|
},
|
|
798
732
|
"9": {
|
|
799
733
|
$type: "color",
|
|
800
|
-
$value: "{
|
|
734
|
+
$value: "{designsystemet.neutral.9}"
|
|
801
735
|
},
|
|
802
736
|
"10": {
|
|
803
737
|
$type: "color",
|
|
804
|
-
$value: "{
|
|
738
|
+
$value: "{designsystemet.neutral.10}"
|
|
805
739
|
},
|
|
806
740
|
"11": {
|
|
807
741
|
$type: "color",
|
|
808
|
-
$value: "{
|
|
742
|
+
$value: "{designsystemet.neutral.11}"
|
|
809
743
|
},
|
|
810
744
|
"12": {
|
|
811
745
|
$type: "color",
|
|
812
|
-
$value: "{
|
|
746
|
+
$value: "{designsystemet.neutral.12}"
|
|
813
747
|
},
|
|
814
748
|
"13": {
|
|
815
749
|
$type: "color",
|
|
816
|
-
$value: "{
|
|
750
|
+
$value: "{designsystemet.neutral.13}"
|
|
817
751
|
},
|
|
818
752
|
"14": {
|
|
819
753
|
$type: "color",
|
|
820
|
-
$value: "{
|
|
754
|
+
$value: "{designsystemet.neutral.14}"
|
|
821
755
|
},
|
|
822
756
|
"15": {
|
|
823
757
|
$type: "color",
|
|
824
|
-
$value: "{
|
|
758
|
+
$value: "{designsystemet.neutral.15}"
|
|
825
759
|
},
|
|
826
760
|
"16": {
|
|
827
761
|
$type: "color",
|
|
828
|
-
$value: "{
|
|
762
|
+
$value: "{designsystemet.neutral.16}"
|
|
829
763
|
}
|
|
830
764
|
},
|
|
831
765
|
brand1: {
|
|
832
766
|
"1": {
|
|
833
767
|
$type: "color",
|
|
834
|
-
$value: "{
|
|
768
|
+
$value: "{designsystemet.brand1.1}"
|
|
835
769
|
},
|
|
836
770
|
"2": {
|
|
837
771
|
$type: "color",
|
|
838
|
-
$value: "{
|
|
772
|
+
$value: "{designsystemet.brand1.2}"
|
|
839
773
|
},
|
|
840
774
|
"3": {
|
|
841
775
|
$type: "color",
|
|
842
|
-
$value: "{
|
|
776
|
+
$value: "{designsystemet.brand1.3}"
|
|
843
777
|
},
|
|
844
778
|
"4": {
|
|
845
779
|
$type: "color",
|
|
846
|
-
$value: "{
|
|
780
|
+
$value: "{designsystemet.brand1.4}"
|
|
847
781
|
},
|
|
848
782
|
"5": {
|
|
849
783
|
$type: "color",
|
|
850
|
-
$value: "{
|
|
784
|
+
$value: "{designsystemet.brand1.5}"
|
|
851
785
|
},
|
|
852
786
|
"6": {
|
|
853
787
|
$type: "color",
|
|
854
|
-
$value: "{
|
|
788
|
+
$value: "{designsystemet.brand1.6}"
|
|
855
789
|
},
|
|
856
790
|
"7": {
|
|
857
791
|
$type: "color",
|
|
858
|
-
$value: "{
|
|
792
|
+
$value: "{designsystemet.brand1.7}"
|
|
859
793
|
},
|
|
860
794
|
"8": {
|
|
861
795
|
$type: "color",
|
|
862
|
-
$value: "{
|
|
796
|
+
$value: "{designsystemet.brand1.8}"
|
|
863
797
|
},
|
|
864
798
|
"9": {
|
|
865
799
|
$type: "color",
|
|
866
|
-
$value: "{
|
|
800
|
+
$value: "{designsystemet.brand1.9}"
|
|
867
801
|
},
|
|
868
802
|
"10": {
|
|
869
803
|
$type: "color",
|
|
870
|
-
$value: "{
|
|
804
|
+
$value: "{designsystemet.brand1.10}"
|
|
871
805
|
},
|
|
872
806
|
"11": {
|
|
873
807
|
$type: "color",
|
|
874
|
-
$value: "{
|
|
808
|
+
$value: "{designsystemet.brand1.11}"
|
|
875
809
|
},
|
|
876
810
|
"12": {
|
|
877
811
|
$type: "color",
|
|
878
|
-
$value: "{
|
|
812
|
+
$value: "{designsystemet.brand1.12}"
|
|
879
813
|
},
|
|
880
814
|
"13": {
|
|
881
815
|
$type: "color",
|
|
882
|
-
$value: "{
|
|
816
|
+
$value: "{designsystemet.brand1.13}"
|
|
883
817
|
},
|
|
884
818
|
"14": {
|
|
885
819
|
$type: "color",
|
|
886
|
-
$value: "{
|
|
820
|
+
$value: "{designsystemet.brand1.14}"
|
|
887
821
|
},
|
|
888
822
|
"15": {
|
|
889
823
|
$type: "color",
|
|
890
|
-
$value: "{
|
|
824
|
+
$value: "{designsystemet.brand1.15}"
|
|
891
825
|
},
|
|
892
826
|
"16": {
|
|
893
827
|
$type: "color",
|
|
894
|
-
$value: "{
|
|
828
|
+
$value: "{designsystemet.brand1.16}"
|
|
895
829
|
}
|
|
896
830
|
},
|
|
897
831
|
brand2: {
|
|
898
832
|
"1": {
|
|
899
833
|
$type: "color",
|
|
900
|
-
$value: "{
|
|
834
|
+
$value: "{designsystemet.brand2.1}"
|
|
901
835
|
},
|
|
902
836
|
"2": {
|
|
903
837
|
$type: "color",
|
|
904
|
-
$value: "{
|
|
838
|
+
$value: "{designsystemet.brand2.2}"
|
|
905
839
|
},
|
|
906
840
|
"3": {
|
|
907
841
|
$type: "color",
|
|
908
|
-
$value: "{
|
|
842
|
+
$value: "{designsystemet.brand2.3}"
|
|
909
843
|
},
|
|
910
844
|
"4": {
|
|
911
845
|
$type: "color",
|
|
912
|
-
$value: "{
|
|
846
|
+
$value: "{designsystemet.brand2.4}"
|
|
913
847
|
},
|
|
914
848
|
"5": {
|
|
915
849
|
$type: "color",
|
|
916
|
-
$value: "{
|
|
850
|
+
$value: "{designsystemet.brand2.5}"
|
|
917
851
|
},
|
|
918
852
|
"6": {
|
|
919
853
|
$type: "color",
|
|
920
|
-
$value: "{
|
|
854
|
+
$value: "{designsystemet.brand2.6}"
|
|
921
855
|
},
|
|
922
856
|
"7": {
|
|
923
857
|
$type: "color",
|
|
924
|
-
$value: "{
|
|
858
|
+
$value: "{designsystemet.brand2.7}"
|
|
925
859
|
},
|
|
926
860
|
"8": {
|
|
927
861
|
$type: "color",
|
|
928
|
-
$value: "{
|
|
862
|
+
$value: "{designsystemet.brand2.8}"
|
|
929
863
|
},
|
|
930
864
|
"9": {
|
|
931
865
|
$type: "color",
|
|
932
|
-
$value: "{
|
|
866
|
+
$value: "{designsystemet.brand2.9}"
|
|
933
867
|
},
|
|
934
868
|
"10": {
|
|
935
869
|
$type: "color",
|
|
936
|
-
$value: "{
|
|
870
|
+
$value: "{designsystemet.brand2.10}"
|
|
937
871
|
},
|
|
938
872
|
"11": {
|
|
939
873
|
$type: "color",
|
|
940
|
-
$value: "{
|
|
874
|
+
$value: "{designsystemet.brand2.11}"
|
|
941
875
|
},
|
|
942
876
|
"12": {
|
|
943
877
|
$type: "color",
|
|
944
|
-
$value: "{
|
|
878
|
+
$value: "{designsystemet.brand2.12}"
|
|
945
879
|
},
|
|
946
880
|
"13": {
|
|
947
881
|
$type: "color",
|
|
948
|
-
$value: "{
|
|
882
|
+
$value: "{designsystemet.brand2.13}"
|
|
949
883
|
},
|
|
950
884
|
"14": {
|
|
951
885
|
$type: "color",
|
|
952
|
-
$value: "{
|
|
886
|
+
$value: "{designsystemet.brand2.14}"
|
|
953
887
|
},
|
|
954
888
|
"15": {
|
|
955
889
|
$type: "color",
|
|
956
|
-
$value: "{
|
|
890
|
+
$value: "{designsystemet.brand2.15}"
|
|
957
891
|
},
|
|
958
892
|
"16": {
|
|
959
893
|
$type: "color",
|
|
960
|
-
$value: "{
|
|
961
|
-
}
|
|
962
|
-
},
|
|
963
|
-
brand3: {
|
|
964
|
-
"1": {
|
|
965
|
-
$type: "color",
|
|
966
|
-
$value: "{digdir.brand3.1}"
|
|
967
|
-
},
|
|
968
|
-
"2": {
|
|
969
|
-
$type: "color",
|
|
970
|
-
$value: "{digdir.brand3.2}"
|
|
971
|
-
},
|
|
972
|
-
"3": {
|
|
973
|
-
$type: "color",
|
|
974
|
-
$value: "{digdir.brand3.3}"
|
|
975
|
-
},
|
|
976
|
-
"4": {
|
|
977
|
-
$type: "color",
|
|
978
|
-
$value: "{digdir.brand3.4}"
|
|
979
|
-
},
|
|
980
|
-
"5": {
|
|
981
|
-
$type: "color",
|
|
982
|
-
$value: "{digdir.brand3.5}"
|
|
983
|
-
},
|
|
984
|
-
"6": {
|
|
985
|
-
$type: "color",
|
|
986
|
-
$value: "{digdir.brand3.6}"
|
|
987
|
-
},
|
|
988
|
-
"7": {
|
|
989
|
-
$type: "color",
|
|
990
|
-
$value: "{digdir.brand3.7}"
|
|
991
|
-
},
|
|
992
|
-
"8": {
|
|
993
|
-
$type: "color",
|
|
994
|
-
$value: "{digdir.brand3.8}"
|
|
995
|
-
},
|
|
996
|
-
"9": {
|
|
997
|
-
$type: "color",
|
|
998
|
-
$value: "{digdir.brand3.9}"
|
|
999
|
-
},
|
|
1000
|
-
"10": {
|
|
1001
|
-
$type: "color",
|
|
1002
|
-
$value: "{digdir.brand3.10}"
|
|
1003
|
-
},
|
|
1004
|
-
"11": {
|
|
1005
|
-
$type: "color",
|
|
1006
|
-
$value: "{digdir.brand3.11}"
|
|
1007
|
-
},
|
|
1008
|
-
"12": {
|
|
1009
|
-
$type: "color",
|
|
1010
|
-
$value: "{digdir.brand3.12}"
|
|
1011
|
-
},
|
|
1012
|
-
"13": {
|
|
1013
|
-
$type: "color",
|
|
1014
|
-
$value: "{digdir.brand3.13}"
|
|
1015
|
-
},
|
|
1016
|
-
"14": {
|
|
1017
|
-
$type: "color",
|
|
1018
|
-
$value: "{digdir.brand3.14}"
|
|
1019
|
-
},
|
|
1020
|
-
"15": {
|
|
1021
|
-
$type: "color",
|
|
1022
|
-
$value: "{digdir.brand3.15}"
|
|
1023
|
-
},
|
|
1024
|
-
"16": {
|
|
1025
|
-
$type: "color",
|
|
1026
|
-
$value: "{digdir.brand3.16}"
|
|
894
|
+
$value: "{designsystemet.brand2.16}"
|
|
1027
895
|
}
|
|
1028
896
|
},
|
|
1029
897
|
info: {
|
|
1030
898
|
"1": {
|
|
1031
899
|
$type: "color",
|
|
1032
|
-
$value: "{
|
|
900
|
+
$value: "{designsystemet.info.1}"
|
|
1033
901
|
},
|
|
1034
902
|
"2": {
|
|
1035
903
|
$type: "color",
|
|
1036
|
-
$value: "{
|
|
904
|
+
$value: "{designsystemet.info.2}"
|
|
1037
905
|
},
|
|
1038
906
|
"3": {
|
|
1039
907
|
$type: "color",
|
|
1040
|
-
$value: "{
|
|
908
|
+
$value: "{designsystemet.info.3}"
|
|
1041
909
|
},
|
|
1042
910
|
"4": {
|
|
1043
911
|
$type: "color",
|
|
1044
|
-
$value: "{
|
|
912
|
+
$value: "{designsystemet.info.4}"
|
|
1045
913
|
},
|
|
1046
914
|
"5": {
|
|
1047
915
|
$type: "color",
|
|
1048
|
-
$value: "{
|
|
916
|
+
$value: "{designsystemet.info.5}"
|
|
1049
917
|
},
|
|
1050
918
|
"6": {
|
|
1051
919
|
$type: "color",
|
|
1052
|
-
$value: "{
|
|
920
|
+
$value: "{designsystemet.info.6}"
|
|
1053
921
|
},
|
|
1054
922
|
"7": {
|
|
1055
923
|
$type: "color",
|
|
1056
|
-
$value: "{
|
|
924
|
+
$value: "{designsystemet.info.7}"
|
|
1057
925
|
},
|
|
1058
926
|
"8": {
|
|
1059
927
|
$type: "color",
|
|
1060
|
-
$value: "{
|
|
928
|
+
$value: "{designsystemet.info.8}"
|
|
1061
929
|
},
|
|
1062
930
|
"9": {
|
|
1063
931
|
$type: "color",
|
|
1064
|
-
$value: "{
|
|
932
|
+
$value: "{designsystemet.info.9}"
|
|
1065
933
|
},
|
|
1066
934
|
"10": {
|
|
1067
935
|
$type: "color",
|
|
1068
|
-
$value: "{
|
|
936
|
+
$value: "{designsystemet.info.10}"
|
|
1069
937
|
},
|
|
1070
938
|
"11": {
|
|
1071
939
|
$type: "color",
|
|
1072
|
-
$value: "{
|
|
940
|
+
$value: "{designsystemet.info.11}"
|
|
1073
941
|
},
|
|
1074
942
|
"12": {
|
|
1075
943
|
$type: "color",
|
|
1076
|
-
$value: "{
|
|
944
|
+
$value: "{designsystemet.info.12}"
|
|
1077
945
|
},
|
|
1078
946
|
"13": {
|
|
1079
947
|
$type: "color",
|
|
1080
|
-
$value: "{
|
|
948
|
+
$value: "{designsystemet.info.13}"
|
|
1081
949
|
},
|
|
1082
950
|
"14": {
|
|
1083
951
|
$type: "color",
|
|
1084
|
-
$value: "{
|
|
952
|
+
$value: "{designsystemet.info.14}"
|
|
1085
953
|
},
|
|
1086
954
|
"15": {
|
|
1087
955
|
$type: "color",
|
|
1088
|
-
$value: "{
|
|
956
|
+
$value: "{designsystemet.info.15}"
|
|
1089
957
|
},
|
|
1090
958
|
"16": {
|
|
1091
959
|
$type: "color",
|
|
1092
|
-
$value: "{
|
|
960
|
+
$value: "{designsystemet.info.16}"
|
|
1093
961
|
}
|
|
1094
962
|
},
|
|
1095
963
|
success: {
|
|
1096
964
|
"1": {
|
|
1097
965
|
$type: "color",
|
|
1098
|
-
$value: "{
|
|
966
|
+
$value: "{designsystemet.success.1}"
|
|
1099
967
|
},
|
|
1100
968
|
"2": {
|
|
1101
969
|
$type: "color",
|
|
1102
|
-
$value: "{
|
|
970
|
+
$value: "{designsystemet.success.2}"
|
|
1103
971
|
},
|
|
1104
972
|
"3": {
|
|
1105
973
|
$type: "color",
|
|
1106
|
-
$value: "{
|
|
974
|
+
$value: "{designsystemet.success.3}"
|
|
1107
975
|
},
|
|
1108
976
|
"4": {
|
|
1109
977
|
$type: "color",
|
|
1110
|
-
$value: "{
|
|
978
|
+
$value: "{designsystemet.success.4}"
|
|
1111
979
|
},
|
|
1112
980
|
"5": {
|
|
1113
981
|
$type: "color",
|
|
1114
|
-
$value: "{
|
|
982
|
+
$value: "{designsystemet.success.5}"
|
|
1115
983
|
},
|
|
1116
984
|
"6": {
|
|
1117
985
|
$type: "color",
|
|
1118
|
-
$value: "{
|
|
986
|
+
$value: "{designsystemet.success.6}"
|
|
1119
987
|
},
|
|
1120
988
|
"7": {
|
|
1121
989
|
$type: "color",
|
|
1122
|
-
$value: "{
|
|
990
|
+
$value: "{designsystemet.success.7}"
|
|
1123
991
|
},
|
|
1124
992
|
"8": {
|
|
1125
993
|
$type: "color",
|
|
1126
|
-
$value: "{
|
|
994
|
+
$value: "{designsystemet.success.8}"
|
|
1127
995
|
},
|
|
1128
996
|
"9": {
|
|
1129
997
|
$type: "color",
|
|
1130
|
-
$value: "{
|
|
998
|
+
$value: "{designsystemet.success.9}"
|
|
1131
999
|
},
|
|
1132
1000
|
"10": {
|
|
1133
1001
|
$type: "color",
|
|
1134
|
-
$value: "{
|
|
1002
|
+
$value: "{designsystemet.success.10}"
|
|
1135
1003
|
},
|
|
1136
1004
|
"11": {
|
|
1137
1005
|
$type: "color",
|
|
1138
|
-
$value: "{
|
|
1006
|
+
$value: "{designsystemet.success.11}"
|
|
1139
1007
|
},
|
|
1140
1008
|
"12": {
|
|
1141
1009
|
$type: "color",
|
|
1142
|
-
$value: "{
|
|
1010
|
+
$value: "{designsystemet.success.12}"
|
|
1143
1011
|
},
|
|
1144
1012
|
"13": {
|
|
1145
1013
|
$type: "color",
|
|
1146
|
-
$value: "{
|
|
1014
|
+
$value: "{designsystemet.success.13}"
|
|
1147
1015
|
},
|
|
1148
1016
|
"14": {
|
|
1149
1017
|
$type: "color",
|
|
1150
|
-
$value: "{
|
|
1018
|
+
$value: "{designsystemet.success.14}"
|
|
1151
1019
|
},
|
|
1152
1020
|
"15": {
|
|
1153
1021
|
$type: "color",
|
|
1154
|
-
$value: "{
|
|
1022
|
+
$value: "{designsystemet.success.15}"
|
|
1155
1023
|
},
|
|
1156
1024
|
"16": {
|
|
1157
1025
|
$type: "color",
|
|
1158
|
-
$value: "{
|
|
1026
|
+
$value: "{designsystemet.success.16}"
|
|
1159
1027
|
}
|
|
1160
1028
|
},
|
|
1161
1029
|
warning: {
|
|
1162
1030
|
"1": {
|
|
1163
1031
|
$type: "color",
|
|
1164
|
-
$value: "{
|
|
1032
|
+
$value: "{designsystemet.warning.1}"
|
|
1165
1033
|
},
|
|
1166
1034
|
"2": {
|
|
1167
1035
|
$type: "color",
|
|
1168
|
-
$value: "{
|
|
1036
|
+
$value: "{designsystemet.warning.2}"
|
|
1169
1037
|
},
|
|
1170
1038
|
"3": {
|
|
1171
1039
|
$type: "color",
|
|
1172
|
-
$value: "{
|
|
1040
|
+
$value: "{designsystemet.warning.3}"
|
|
1173
1041
|
},
|
|
1174
1042
|
"4": {
|
|
1175
1043
|
$type: "color",
|
|
1176
|
-
$value: "{
|
|
1044
|
+
$value: "{designsystemet.warning.4}"
|
|
1177
1045
|
},
|
|
1178
1046
|
"5": {
|
|
1179
1047
|
$type: "color",
|
|
1180
|
-
$value: "{
|
|
1048
|
+
$value: "{designsystemet.warning.5}"
|
|
1181
1049
|
},
|
|
1182
1050
|
"6": {
|
|
1183
1051
|
$type: "color",
|
|
1184
|
-
$value: "{
|
|
1052
|
+
$value: "{designsystemet.warning.6}"
|
|
1185
1053
|
},
|
|
1186
1054
|
"7": {
|
|
1187
1055
|
$type: "color",
|
|
1188
|
-
$value: "{
|
|
1056
|
+
$value: "{designsystemet.warning.7}"
|
|
1189
1057
|
},
|
|
1190
1058
|
"8": {
|
|
1191
1059
|
$type: "color",
|
|
1192
|
-
$value: "{
|
|
1060
|
+
$value: "{designsystemet.warning.8}"
|
|
1193
1061
|
},
|
|
1194
1062
|
"9": {
|
|
1195
1063
|
$type: "color",
|
|
1196
|
-
$value: "{
|
|
1064
|
+
$value: "{designsystemet.warning.9}"
|
|
1197
1065
|
},
|
|
1198
1066
|
"10": {
|
|
1199
1067
|
$type: "color",
|
|
1200
|
-
$value: "{
|
|
1068
|
+
$value: "{designsystemet.warning.10}"
|
|
1201
1069
|
},
|
|
1202
1070
|
"11": {
|
|
1203
1071
|
$type: "color",
|
|
1204
|
-
$value: "{
|
|
1072
|
+
$value: "{designsystemet.warning.11}"
|
|
1205
1073
|
},
|
|
1206
1074
|
"12": {
|
|
1207
1075
|
$type: "color",
|
|
1208
|
-
$value: "{
|
|
1076
|
+
$value: "{designsystemet.warning.12}"
|
|
1209
1077
|
},
|
|
1210
1078
|
"13": {
|
|
1211
1079
|
$type: "color",
|
|
1212
|
-
$value: "{
|
|
1080
|
+
$value: "{designsystemet.warning.13}"
|
|
1213
1081
|
},
|
|
1214
1082
|
"14": {
|
|
1215
1083
|
$type: "color",
|
|
1216
|
-
$value: "{
|
|
1084
|
+
$value: "{designsystemet.warning.14}"
|
|
1217
1085
|
},
|
|
1218
1086
|
"15": {
|
|
1219
1087
|
$type: "color",
|
|
1220
|
-
$value: "{
|
|
1088
|
+
$value: "{designsystemet.warning.15}"
|
|
1221
1089
|
},
|
|
1222
1090
|
"16": {
|
|
1223
1091
|
$type: "color",
|
|
1224
|
-
$value: "{
|
|
1092
|
+
$value: "{designsystemet.warning.16}"
|
|
1225
1093
|
}
|
|
1226
1094
|
},
|
|
1227
1095
|
danger: {
|
|
1228
1096
|
"1": {
|
|
1229
1097
|
$type: "color",
|
|
1230
|
-
$value: "{
|
|
1098
|
+
$value: "{designsystemet.danger.1}"
|
|
1231
1099
|
},
|
|
1232
1100
|
"2": {
|
|
1233
1101
|
$type: "color",
|
|
1234
|
-
$value: "{
|
|
1102
|
+
$value: "{designsystemet.danger.2}"
|
|
1235
1103
|
},
|
|
1236
1104
|
"3": {
|
|
1237
1105
|
$type: "color",
|
|
1238
|
-
$value: "{
|
|
1106
|
+
$value: "{designsystemet.danger.3}"
|
|
1239
1107
|
},
|
|
1240
1108
|
"4": {
|
|
1241
1109
|
$type: "color",
|
|
1242
|
-
$value: "{
|
|
1110
|
+
$value: "{designsystemet.danger.4}"
|
|
1243
1111
|
},
|
|
1244
1112
|
"5": {
|
|
1245
1113
|
$type: "color",
|
|
1246
|
-
$value: "{
|
|
1114
|
+
$value: "{designsystemet.danger.5}"
|
|
1247
1115
|
},
|
|
1248
1116
|
"6": {
|
|
1249
1117
|
$type: "color",
|
|
1250
|
-
$value: "{
|
|
1118
|
+
$value: "{designsystemet.danger.6}"
|
|
1251
1119
|
},
|
|
1252
1120
|
"7": {
|
|
1253
1121
|
$type: "color",
|
|
1254
|
-
$value: "{
|
|
1122
|
+
$value: "{designsystemet.danger.7}"
|
|
1255
1123
|
},
|
|
1256
1124
|
"8": {
|
|
1257
1125
|
$type: "color",
|
|
1258
|
-
$value: "{
|
|
1126
|
+
$value: "{designsystemet.danger.8}"
|
|
1259
1127
|
},
|
|
1260
1128
|
"9": {
|
|
1261
1129
|
$type: "color",
|
|
1262
|
-
$value: "{
|
|
1130
|
+
$value: "{designsystemet.danger.9}"
|
|
1263
1131
|
},
|
|
1264
1132
|
"10": {
|
|
1265
1133
|
$type: "color",
|
|
1266
|
-
$value: "{
|
|
1134
|
+
$value: "{designsystemet.danger.10}"
|
|
1267
1135
|
},
|
|
1268
1136
|
"11": {
|
|
1269
1137
|
$type: "color",
|
|
1270
|
-
$value: "{
|
|
1138
|
+
$value: "{designsystemet.danger.11}"
|
|
1271
1139
|
},
|
|
1272
1140
|
"12": {
|
|
1273
1141
|
$type: "color",
|
|
1274
|
-
$value: "{
|
|
1142
|
+
$value: "{designsystemet.danger.12}"
|
|
1275
1143
|
},
|
|
1276
1144
|
"13": {
|
|
1277
1145
|
$type: "color",
|
|
1278
|
-
$value: "{
|
|
1146
|
+
$value: "{designsystemet.danger.13}"
|
|
1279
1147
|
},
|
|
1280
1148
|
"14": {
|
|
1281
1149
|
$type: "color",
|
|
1282
|
-
$value: "{
|
|
1150
|
+
$value: "{designsystemet.danger.14}"
|
|
1283
1151
|
},
|
|
1284
1152
|
"15": {
|
|
1285
1153
|
$type: "color",
|
|
1286
|
-
$value: "{
|
|
1154
|
+
$value: "{designsystemet.danger.15}"
|
|
1287
1155
|
},
|
|
1288
1156
|
"16": {
|
|
1289
1157
|
$type: "color",
|
|
1290
|
-
$value: "{
|
|
1158
|
+
$value: "{designsystemet.danger.16}"
|
|
1291
1159
|
}
|
|
1292
1160
|
},
|
|
1293
1161
|
link: {
|
|
1294
1162
|
visited: {
|
|
1295
1163
|
$type: "color",
|
|
1296
|
-
$value: "{
|
|
1164
|
+
$value: "{designsystemet.link.visited}"
|
|
1297
1165
|
}
|
|
1298
1166
|
},
|
|
1299
1167
|
focus: {
|
|
1300
1168
|
"inner-color": {
|
|
1301
1169
|
$type: "color",
|
|
1302
|
-
$value: "{
|
|
1170
|
+
$value: "{designsystemet.focus.inner}"
|
|
1303
1171
|
},
|
|
1304
1172
|
"outer-color": {
|
|
1305
1173
|
$type: "color",
|
|
1306
|
-
$value: "{
|
|
1174
|
+
$value: "{designsystemet.focus.outer}"
|
|
1307
1175
|
}
|
|
1308
1176
|
}
|
|
1309
1177
|
},
|
|
1310
1178
|
"font-family": {
|
|
1311
1179
|
$type: "fontFamilies",
|
|
1312
|
-
$value: "{
|
|
1180
|
+
$value: "{designsystemet.font-family}"
|
|
1313
1181
|
},
|
|
1314
1182
|
"font-weight": {
|
|
1315
1183
|
medium: {
|
|
1316
1184
|
$type: "fontWeights",
|
|
1317
|
-
$value: "{
|
|
1185
|
+
$value: "{designsystemet.font-weight.medium}"
|
|
1318
1186
|
},
|
|
1319
1187
|
semibold: {
|
|
1320
1188
|
$type: "fontWeights",
|
|
1321
|
-
$value: "{
|
|
1189
|
+
$value: "{designsystemet.font-weight.semibold}"
|
|
1322
1190
|
},
|
|
1323
1191
|
regular: {
|
|
1324
1192
|
$type: "fontWeights",
|
|
1325
|
-
$value: "{
|
|
1193
|
+
$value: "{designsystemet.font-weight.regular}"
|
|
1326
1194
|
}
|
|
1327
1195
|
},
|
|
1328
1196
|
"border-radius": {
|
|
@@ -1419,7 +1287,8 @@ var readFile = async (path2, dry, allowFileNotFound) => {
|
|
|
1419
1287
|
|
|
1420
1288
|
// src/scripts/update-template.ts
|
|
1421
1289
|
var DIRNAME = import.meta.dirname || __dirname;
|
|
1422
|
-
var
|
|
1290
|
+
var themeName = "designsystemet";
|
|
1291
|
+
var SOURCE_FILES_PATH = path.join(DIRNAME, "../../../../design-tokens");
|
|
1423
1292
|
var TEMPLATE_FILES_PATH = path.join(DIRNAME, "../tokens/template/design-tokens");
|
|
1424
1293
|
var designTokensPath = (_path) => path.join(SOURCE_FILES_PATH, _path);
|
|
1425
1294
|
var argsFromToPaths = (path_) => [
|
|
@@ -1432,17 +1301,19 @@ var updateTemplates = async () => {
|
|
|
1432
1301
|
await cp(...argsFromToPaths("primitives/modes/size"));
|
|
1433
1302
|
await cp(...argsFromToPaths("primitives/modes/typography/size"));
|
|
1434
1303
|
await cp(...argsFromToPaths("semantic/style.json"));
|
|
1435
|
-
const
|
|
1304
|
+
const designsystemetTypographyJson = await readFile(
|
|
1305
|
+
designTokensPath(`primitives/modes/typography/primary/${themeName}.json`)
|
|
1306
|
+
);
|
|
1436
1307
|
const typographyTemplate = R.set(
|
|
1437
|
-
R.lensPath([
|
|
1308
|
+
R.lensPath([themeName, "font-family", "$value"]),
|
|
1438
1309
|
"<font-family>",
|
|
1439
|
-
JSON.parse(
|
|
1310
|
+
JSON.parse(designsystemetTypographyJson)
|
|
1440
1311
|
);
|
|
1441
1312
|
const typographyDir = path.join(TEMPLATE_FILES_PATH, "primitives/modes/typography/");
|
|
1442
1313
|
await mkdir(typographyDir);
|
|
1443
1314
|
await writeFile(
|
|
1444
1315
|
path.join(typographyDir, "typography.template.json"),
|
|
1445
|
-
JSON.stringify(typographyTemplate, null, 2).replaceAll(
|
|
1316
|
+
JSON.stringify(typographyTemplate, null, 2).replaceAll(themeName, "<theme>")
|
|
1446
1317
|
);
|
|
1447
1318
|
const categoryColorTemplate = accent_default.color.main;
|
|
1448
1319
|
const categoryDir = path.join(TEMPLATE_FILES_PATH, "semantic/modes");
|
|
@@ -1475,17 +1346,17 @@ var updateTemplates = async () => {
|
|
|
1475
1346
|
);
|
|
1476
1347
|
const themeBaseFile = {
|
|
1477
1348
|
color: {},
|
|
1478
|
-
...R.omit(["color"],
|
|
1349
|
+
...R.omit(["color"], designsystemet_default)
|
|
1479
1350
|
};
|
|
1480
1351
|
await mkdir(path.join(TEMPLATE_FILES_PATH, "themes"));
|
|
1481
1352
|
await writeFile(
|
|
1482
1353
|
path.join(TEMPLATE_FILES_PATH, `themes/theme.base.template.json`),
|
|
1483
|
-
JSON.stringify(themeBaseFile, null, 2).replaceAll(
|
|
1354
|
+
JSON.stringify(themeBaseFile, null, 2).replaceAll(themeName, "<theme>")
|
|
1484
1355
|
);
|
|
1485
|
-
const themeColorTemplate =
|
|
1356
|
+
const themeColorTemplate = designsystemet_default.color.accent;
|
|
1486
1357
|
await writeFile(
|
|
1487
1358
|
path.join(TEMPLATE_FILES_PATH, `themes/theme.template.json`),
|
|
1488
|
-
JSON.stringify(themeColorTemplate, null, 2).replaceAll(
|
|
1359
|
+
JSON.stringify(themeColorTemplate, null, 2).replaceAll(`${themeName}.accent`, "<theme>.<color>")
|
|
1489
1360
|
);
|
|
1490
1361
|
console.log(pc2.green("Templates updated"));
|
|
1491
1362
|
};
|