@aarhus-university/au-designsystem-delphinus 0.34.6 → 0.34.7

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 (12) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/build/changelog.html +9 -1
  3. package/build/figma-tokens/breakpoint-styles.json +100 -24
  4. package/build/figma-tokens/color-themes.json +1524 -12
  5. package/build/figma-tokens/design-file.json +104 -24
  6. package/build/figma-tokens/design-system.json +1828 -49
  7. package/package.json +1 -1
  8. package/source/figma-tokens/colors-all.json +187 -0
  9. package/source/figma-tokens/spacing.json +4 -0
  10. package/source/figma-tokens/styles/theme.json +126 -0
  11. package/source/figma-tokens/typography-fonts.json +8 -4
  12. package/source/figma-tokens/typography-styles.json +92 -20
package/CHANGELOG.md CHANGED
@@ -1,3 +1,12 @@
1
+ ## 0.34.7 (January 26, 2022)
2
+
3
+ ### Core Delphinus Updates
4
+ * Update Figma Tokens to use Font Awesome 6.
5
+ * Add Figma Tokens for fading.
6
+
7
+ ### Delphinus Projects Updates
8
+ None
9
+
1
10
  ## 0.34.6 (January 20, 2022)
2
11
 
3
12
  ### Core Delphinus Updates
package/build/changelog.html CHANGED
@@ -17,7 +17,15 @@ a(href="/components" class= active_nav_item=="components" ? "nav__item--active"
17
17
  a(href="/atom-fonts.html" class= active_nav_item=="atoms" ? "nav__item--active" : "").nav__item Atoms
18
18
  a(href="/code.html" class= active_nav_item=="code" ? "nav__item--active" : "").nav__item Code
19
19
  a(href="/projects" class= active_nav_item=="projects" ? "nav__item--active" : "").nav__item Projects
20
- a(href="/changelog.html" class= active_nav_item=="changelog" ? "nav__item--active" : "").nav__item Changelog--><!--button(title="Show full menu" aria-label="Show full menu" aria-haspopup="true" aria-expanded="false" aria-controls="nav-items-global").nav__toggle Menu--></div></nav></header><main class="page__content theme--normal" id="content"><div class="page__content__block"><h1> <strong>Changelog</strong></h1><div class="changelog"><h2>0.34.6 (January 20, 2022)</h2>
20
+ a(href="/changelog.html" class= active_nav_item=="changelog" ? "nav__item--active" : "").nav__item Changelog--><!--button(title="Show full menu" aria-label="Show full menu" aria-haspopup="true" aria-expanded="false" aria-controls="nav-items-global").nav__toggle Menu--></div></nav></header><main class="page__content theme--normal" id="content"><div class="page__content__block"><h1> <strong>Changelog</strong></h1><div class="changelog"><h2>0.34.7 (January 26, 2022)</h2>
21
+ <h3>Core Delphinus Updates</h3>
22
+ <ul>
23
+ <li>Update Figma Tokens to use Font Awesome 6.</li>
24
+ <li>Add Figma Tokens for fading.</li>
25
+ </ul>
26
+ <h3>Delphinus Projects Updates</h3>
27
+ <p>None</p>
28
+ <h2>0.34.6 (January 20, 2022)</h2>
21
29
  <h3>Core Delphinus Updates</h3>
22
30
  <ul>
23
31
  <li>Removes top/bottom margin of first/last child in Cards.</li>
package/build/figma-tokens/breakpoint-styles.json CHANGED
@@ -13,12 +13,12 @@
13
13
  "value": "AU Peto",
14
14
  "type": "fontFamilies"
15
15
  },
16
- "font-awesome-5-pro": {
17
- "value": "Font Awesome 5 Pro",
16
+ "font-awesome-pro": {
17
+ "value": "Font Awesome 6 Pro",
18
18
  "type": "fontFamilies"
19
19
  },
20
- "font-awesome-5-brands": {
21
- "value": "Font Awesome 5 Brands",
20
+ "font-awesome-brands": {
21
+ "value": "Font Awesome 6 Brands",
22
22
  "type": "fontFamilies"
23
23
  }
24
24
  },
@@ -40,6 +40,10 @@
40
40
  "value": "Light",
41
41
  "type": "fontWeights"
42
42
  },
43
+ "Regular": {
44
+ "value": "Regular",
45
+ "type": "fontWeights"
46
+ },
43
47
  "Solid": {
44
48
  "value": "Solid",
45
49
  "type": "fontWeights"
@@ -630,7 +634,7 @@
630
634
  "FontAwesome": {
631
635
  "Default": {
632
636
  "value": {
633
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
637
+ "fontFamily": "$fontFamilies.font-awesome-pro",
634
638
  "fontWeight": "$fontWeights.FontAwesome.Light",
635
639
  "lineHeight": "$lineHieghts.Singleline.Default",
636
640
  "fontSize": "$fontSizes.Default",
@@ -644,7 +648,7 @@
644
648
  },
645
649
  "Small": {
646
650
  "value": {
647
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
651
+ "fontFamily": "$fontFamilies.font-awesome-pro",
648
652
  "fontWeight": "$fontWeights.FontAwesome.Light",
649
653
  "lineHeight": "$lineHieghts.Singleline.Small",
650
654
  "fontSize": "$fontSizes.Small",
@@ -658,7 +662,7 @@
658
662
  },
659
663
  "Large": {
660
664
  "value": {
661
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
665
+ "fontFamily": "$fontFamilies.font-awesome-pro",
662
666
  "fontWeight": "$fontWeights.FontAwesome.Light",
663
667
  "lineHeight": "$lineHieghts.Singleline.Large",
664
668
  "fontSize": "$fontSizes.Large",
@@ -672,7 +676,7 @@
672
676
  },
673
677
  "Larger": {
674
678
  "value": {
675
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
679
+ "fontFamily": "$fontFamilies.font-awesome-pro",
676
680
  "fontWeight": "$fontWeights.FontAwesome.Light",
677
681
  "lineHeight": "$lineHieghts.Singleline.Larger",
678
682
  "fontSize": "$fontSizes.Larger",
@@ -686,7 +690,7 @@
686
690
  },
687
691
  "Largest": {
688
692
  "value": {
689
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
693
+ "fontFamily": "$fontFamilies.font-awesome-pro",
690
694
  "fontWeight": "$fontWeights.FontAwesome.Light",
691
695
  "lineHeight": "$lineHieghts.Singleline.Largest",
692
696
  "fontSize": "$fontSizes.Largest",
@@ -701,7 +705,7 @@
701
705
  "Solid": {
702
706
  "Default": {
703
707
  "value": {
704
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
708
+ "fontFamily": "$fontFamilies.font-awesome-pro",
705
709
  "fontWeight": "$fontWeights.FontAwesome.Solid",
706
710
  "lineHeight": "$lineHieghts.Singleline.Default",
707
711
  "fontSize": "$fontSizes.Default",
@@ -715,7 +719,7 @@
715
719
  },
716
720
  "Small": {
717
721
  "value": {
718
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
722
+ "fontFamily": "$fontFamilies.font-awesome-pro",
719
723
  "fontWeight": "$fontWeights.FontAwesome.Solid",
720
724
  "lineHeight": "$lineHieghts.Singleline.Small",
721
725
  "fontSize": "$fontSizes.Small",
@@ -729,7 +733,7 @@
729
733
  },
730
734
  "Large": {
731
735
  "value": {
732
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
736
+ "fontFamily": "$fontFamilies.font-awesome-pro",
733
737
  "fontWeight": "$fontWeights.FontAwesome.Solid",
734
738
  "lineHeight": "$lineHieghts.Singleline.Large",
735
739
  "fontSize": "$fontSizes.Large",
@@ -743,7 +747,7 @@
743
747
  },
744
748
  "Larger": {
745
749
  "value": {
746
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
750
+ "fontFamily": "$fontFamilies.font-awesome-pro",
747
751
  "fontWeight": "$fontWeights.FontAwesome.Solid",
748
752
  "lineHeight": "$lineHieghts.Singleline.Larger",
749
753
  "fontSize": "$fontSizes.Larger",
@@ -757,7 +761,7 @@
757
761
  },
758
762
  "Largest": {
759
763
  "value": {
760
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
764
+ "fontFamily": "$fontFamilies.font-awesome-pro",
761
765
  "fontWeight": "$fontWeights.FontAwesome.Solid",
762
766
  "lineHeight": "$lineHieghts.Singleline.Largest",
763
767
  "fontSize": "$fontSizes.Largest",
@@ -770,10 +774,82 @@
770
774
  "description": "Use this icon weight ONLY when the icon is an interactive element, that is active."
771
775
  }
772
776
  },
777
+ "Brands": {
778
+ "Default": {
779
+ "value": {
780
+ "fontFamily": "$fontFamilies.font-awesome-brands",
781
+ "fontWeight": "$fontWeights.FontAwesome.Regular",
782
+ "lineHeight": "$lineHieghts.Singleline.Default",
783
+ "fontSize": "$fontSizes.Default",
784
+ "letterSpacing": "$letterSpacings.Default",
785
+ "paragraphSpacing": "$paragraphSpacings.None",
786
+ "textCase": "$textCases.None",
787
+ "textDecoration": "$textDecorations.None"
788
+ },
789
+ "type": "typography",
790
+ "description": "Use this text style when you need an icon from Font Awesome Brands. Like twitter and linkedin."
791
+ },
792
+ "Small": {
793
+ "value": {
794
+ "fontFamily": "$fontFamilies.font-awesome-brands",
795
+ "fontWeight": "$fontWeights.FontAwesome.Regular",
796
+ "lineHeight": "$lineHieghts.Singleline.Small",
797
+ "fontSize": "$fontSizes.Small",
798
+ "letterSpacing": "$letterSpacings.Default",
799
+ "paragraphSpacing": "$paragraphSpacings.None",
800
+ "textCase": "$textCases.None",
801
+ "textDecoration": "$textDecorations.None"
802
+ },
803
+ "type": "typography",
804
+ "description": "Use this text style when you need an icon from Font Awesome Brands. Like twitter and linkedin."
805
+ },
806
+ "Large": {
807
+ "value": {
808
+ "fontFamily": "$fontFamilies.font-awesome-brands",
809
+ "fontWeight": "$fontWeights.FontAwesome.Regular",
810
+ "lineHeight": "$lineHieghts.Singleline.Large",
811
+ "fontSize": "$fontSizes.Large",
812
+ "letterSpacing": "$letterSpacings.Default",
813
+ "paragraphSpacing": "$paragraphSpacings.None",
814
+ "textCase": "$textCases.None",
815
+ "textDecoration": "$textDecorations.None"
816
+ },
817
+ "type": "typography",
818
+ "description": "Use this text style when you need an icon from Font Awesome Brands. Like twitter and linkedin."
819
+ },
820
+ "Larger": {
821
+ "value": {
822
+ "fontFamily": "$fontFamilies.font-awesome-brands",
823
+ "fontWeight": "$fontWeights.FontAwesome.Regular",
824
+ "lineHeight": "$lineHieghts.Singleline.Larger",
825
+ "fontSize": "$fontSizes.Larger",
826
+ "letterSpacing": "$letterSpacings.Default",
827
+ "paragraphSpacing": "$paragraphSpacings.None",
828
+ "textCase": "$textCases.None",
829
+ "textDecoration": "$textDecorations.None"
830
+ },
831
+ "type": "typography",
832
+ "description": "Use this text style when you need an icon from Font Awesome Brands. Like twitter and linkedin."
833
+ },
834
+ "Largest": {
835
+ "value": {
836
+ "fontFamily": "$fontFamilies.font-awesome-brands",
837
+ "fontWeight": "$fontWeights.FontAwesome.Regular",
838
+ "lineHeight": "$lineHieghts.Singleline.Largest",
839
+ "fontSize": "$fontSizes.Largest",
840
+ "letterSpacing": "$letterSpacings.Default",
841
+ "paragraphSpacing": "$paragraphSpacings.None",
842
+ "textCase": "$textCases.None",
843
+ "textDecoration": "$textDecorations.None"
844
+ },
845
+ "type": "typography",
846
+ "description": "Use this text style when you need an icon from Font Awesome Brands. Like twitter and linkedin."
847
+ }
848
+ },
773
849
  "NoLineSpacing": {
774
850
  "Default": {
775
851
  "value": {
776
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
852
+ "fontFamily": "$fontFamilies.font-awesome-pro",
777
853
  "fontWeight": "$fontWeights.FontAwesome.Light",
778
854
  "lineHeight": "$fontSizes.Default",
779
855
  "fontSize": "$fontSizes.Default",
@@ -787,7 +863,7 @@
787
863
  },
788
864
  "Small": {
789
865
  "value": {
790
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
866
+ "fontFamily": "$fontFamilies.font-awesome-pro",
791
867
  "fontWeight": "$fontWeights.FontAwesome.Light",
792
868
  "lineHeight": "$fontSizes.Small",
793
869
  "fontSize": "$fontSizes.Small",
@@ -801,7 +877,7 @@
801
877
  },
802
878
  "Large": {
803
879
  "value": {
804
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
880
+ "fontFamily": "$fontFamilies.font-awesome-pro",
805
881
  "fontWeight": "$fontWeights.FontAwesome.Light",
806
882
  "lineHeight": "$fontSizes.Large",
807
883
  "fontSize": "$fontSizes.Large",
@@ -815,7 +891,7 @@
815
891
  },
816
892
  "Larger": {
817
893
  "value": {
818
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
894
+ "fontFamily": "$fontFamilies.font-awesome-pro",
819
895
  "fontWeight": "$fontWeights.FontAwesome.Light",
820
896
  "lineHeight": "$fontSizes.Larger",
821
897
  "fontSize": "$fontSizes.Larger",
@@ -829,7 +905,7 @@
829
905
  },
830
906
  "Largest": {
831
907
  "value": {
832
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
908
+ "fontFamily": "$fontFamilies.font-awesome-pro",
833
909
  "fontWeight": "$fontWeights.FontAwesome.Light",
834
910
  "lineHeight": "$fontSizes.Largest",
835
911
  "fontSize": "$fontSizes.Largest",
@@ -844,7 +920,7 @@
844
920
  "Solid": {
845
921
  "Default": {
846
922
  "value": {
847
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
923
+ "fontFamily": "$fontFamilies.font-awesome-pro",
848
924
  "fontWeight": "$fontWeights.FontAwesome.Solid",
849
925
  "lineHeight": "$fontSizes.Default",
850
926
  "fontSize": "$fontSizes.Default",
@@ -858,7 +934,7 @@
858
934
  },
859
935
  "Small": {
860
936
  "value": {
861
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
937
+ "fontFamily": "$fontFamilies.font-awesome-pro",
862
938
  "fontWeight": "$fontWeights.FontAwesome.Solid",
863
939
  "lineHeight": "$fontSizes.Small",
864
940
  "fontSize": "$fontSizes.Small",
@@ -872,7 +948,7 @@
872
948
  },
873
949
  "Large": {
874
950
  "value": {
875
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
951
+ "fontFamily": "$fontFamilies.font-awesome-pro",
876
952
  "fontWeight": "$fontWeights.FontAwesome.Solid",
877
953
  "lineHeight": "$fontSizes.Large",
878
954
  "fontSize": "$fontSizes.Large",
@@ -886,7 +962,7 @@
886
962
  },
887
963
  "Larger": {
888
964
  "value": {
889
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
965
+ "fontFamily": "$fontFamilies.font-awesome-pro",
890
966
  "fontWeight": "$fontWeights.FontAwesome.Solid",
891
967
  "lineHeight": "$fontSizes.Larger",
892
968
  "fontSize": "$fontSizes.Larger",
@@ -900,7 +976,7 @@
900
976
  },
901
977
  "Largest": {
902
978
  "value": {
903
- "fontFamily": "$fontFamilies.font-awesome-5-pro",
979
+ "fontFamily": "$fontFamilies.font-awesome-pro",
904
980
  "fontWeight": "$fontWeights.FontAwesome.Solid",
905
981
  "lineHeight": "$fontSizes.Largest",
906
982
  "fontSize": "$fontSizes.Largest",