@sage/design-tokens 2.13.0 → 2.14.0
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/android/base.xml +15 -1
- package/css/base.css +15 -1
- package/data/tokens.json +168 -0
- package/docs/tokens/base/index.html +294 -0
- package/docs/tokens/base/typography/index.html +294 -0
- package/docs/tokens/index.html +294 -0
- package/ios/base.h +15 -1
- package/js/base/common.d.ts +14 -0
- package/js/base/common.js +15 -1
- package/js/base/es6.d.ts +14 -0
- package/js/base/es6.js +14 -0
- package/package.json +1 -1
- package/sage-design-tokens-2.14.0.tgz +0 -0
- package/scss/base.scss +15 -1
- package/sage-design-tokens-2.13.0.tgz +0 -0
|
@@ -600,6 +600,69 @@
|
|
|
600
600
|
|
|
601
601
|
</td>
|
|
602
602
|
</tr>
|
|
603
|
+
<tr>
|
|
604
|
+
<td class="with-icons is-vcentered"
|
|
605
|
+
id="base-typographyDialogTitleXs"
|
|
606
|
+
title="theme: base; category: typography; group: dialog; name: title; variant: xs; ">
|
|
607
|
+
typographyDialogTitleXs
|
|
608
|
+
<a href="#base-typographyDialogTitleXs"
|
|
609
|
+
title="permalink"
|
|
610
|
+
class="permalink">
|
|
611
|
+
🔗
|
|
612
|
+
</a>
|
|
613
|
+
</td>
|
|
614
|
+
<td class="is-vcentered">
|
|
615
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
616
|
+
</td>
|
|
617
|
+
<td class="is-vcentered">
|
|
618
|
+
<div class="table__typography-preview">
|
|
619
|
+
n/a
|
|
620
|
+
</div>
|
|
621
|
+
|
|
622
|
+
</td>
|
|
623
|
+
</tr>
|
|
624
|
+
<tr>
|
|
625
|
+
<td class="with-icons is-vcentered"
|
|
626
|
+
id="base-typographyDialogTitleS"
|
|
627
|
+
title="theme: base; category: typography; group: dialog; name: title; variant: s; ">
|
|
628
|
+
typographyDialogTitleS
|
|
629
|
+
<a href="#base-typographyDialogTitleS"
|
|
630
|
+
title="permalink"
|
|
631
|
+
class="permalink">
|
|
632
|
+
🔗
|
|
633
|
+
</a>
|
|
634
|
+
</td>
|
|
635
|
+
<td class="is-vcentered">
|
|
636
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
637
|
+
</td>
|
|
638
|
+
<td class="is-vcentered">
|
|
639
|
+
<div class="table__typography-preview">
|
|
640
|
+
n/a
|
|
641
|
+
</div>
|
|
642
|
+
|
|
643
|
+
</td>
|
|
644
|
+
</tr>
|
|
645
|
+
<tr>
|
|
646
|
+
<td class="with-icons is-vcentered"
|
|
647
|
+
id="base-typographyDialogTitleMs"
|
|
648
|
+
title="theme: base; category: typography; group: dialog; name: title; variant: ms; ">
|
|
649
|
+
typographyDialogTitleMs
|
|
650
|
+
<a href="#base-typographyDialogTitleMs"
|
|
651
|
+
title="permalink"
|
|
652
|
+
class="permalink">
|
|
653
|
+
🔗
|
|
654
|
+
</a>
|
|
655
|
+
</td>
|
|
656
|
+
<td class="is-vcentered">
|
|
657
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
658
|
+
</td>
|
|
659
|
+
<td class="is-vcentered">
|
|
660
|
+
<div class="table__typography-preview">
|
|
661
|
+
n/a
|
|
662
|
+
</div>
|
|
663
|
+
|
|
664
|
+
</td>
|
|
665
|
+
</tr>
|
|
603
666
|
<tr>
|
|
604
667
|
<td class="with-icons is-vcentered"
|
|
605
668
|
id="base-typographyDialogTitleM"
|
|
@@ -621,6 +684,153 @@
|
|
|
621
684
|
|
|
622
685
|
</td>
|
|
623
686
|
</tr>
|
|
687
|
+
<tr>
|
|
688
|
+
<td class="with-icons is-vcentered"
|
|
689
|
+
id="base-typographyDialogTitleMl"
|
|
690
|
+
title="theme: base; category: typography; group: dialog; name: title; variant: ml; ">
|
|
691
|
+
typographyDialogTitleMl
|
|
692
|
+
<a href="#base-typographyDialogTitleMl"
|
|
693
|
+
title="permalink"
|
|
694
|
+
class="permalink">
|
|
695
|
+
🔗
|
|
696
|
+
</a>
|
|
697
|
+
</td>
|
|
698
|
+
<td class="is-vcentered">
|
|
699
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
700
|
+
</td>
|
|
701
|
+
<td class="is-vcentered">
|
|
702
|
+
<div class="table__typography-preview">
|
|
703
|
+
n/a
|
|
704
|
+
</div>
|
|
705
|
+
|
|
706
|
+
</td>
|
|
707
|
+
</tr>
|
|
708
|
+
<tr>
|
|
709
|
+
<td class="with-icons is-vcentered"
|
|
710
|
+
id="base-typographyDialogTitleL"
|
|
711
|
+
title="theme: base; category: typography; group: dialog; name: title; variant: l; ">
|
|
712
|
+
typographyDialogTitleL
|
|
713
|
+
<a href="#base-typographyDialogTitleL"
|
|
714
|
+
title="permalink"
|
|
715
|
+
class="permalink">
|
|
716
|
+
🔗
|
|
717
|
+
</a>
|
|
718
|
+
</td>
|
|
719
|
+
<td class="is-vcentered">
|
|
720
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
721
|
+
</td>
|
|
722
|
+
<td class="is-vcentered">
|
|
723
|
+
<div class="table__typography-preview">
|
|
724
|
+
n/a
|
|
725
|
+
</div>
|
|
726
|
+
|
|
727
|
+
</td>
|
|
728
|
+
</tr>
|
|
729
|
+
<tr>
|
|
730
|
+
<td class="with-icons is-vcentered"
|
|
731
|
+
id="base-typographyDialogTitleXl"
|
|
732
|
+
title="theme: base; category: typography; group: dialog; name: title; variant: xl; ">
|
|
733
|
+
typographyDialogTitleXl
|
|
734
|
+
<a href="#base-typographyDialogTitleXl"
|
|
735
|
+
title="permalink"
|
|
736
|
+
class="permalink">
|
|
737
|
+
🔗
|
|
738
|
+
</a>
|
|
739
|
+
</td>
|
|
740
|
+
<td class="is-vcentered">
|
|
741
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
742
|
+
</td>
|
|
743
|
+
<td class="is-vcentered">
|
|
744
|
+
<div class="table__typography-preview">
|
|
745
|
+
n/a
|
|
746
|
+
</div>
|
|
747
|
+
|
|
748
|
+
</td>
|
|
749
|
+
</tr>
|
|
750
|
+
<tr>
|
|
751
|
+
<td class="with-icons is-vcentered"
|
|
752
|
+
id="base-typographyDialogTitleXxl"
|
|
753
|
+
title="theme: base; category: typography; group: dialog; name: title; variant: xxl; ">
|
|
754
|
+
typographyDialogTitleXxl
|
|
755
|
+
<a href="#base-typographyDialogTitleXxl"
|
|
756
|
+
title="permalink"
|
|
757
|
+
class="permalink">
|
|
758
|
+
🔗
|
|
759
|
+
</a>
|
|
760
|
+
</td>
|
|
761
|
+
<td class="is-vcentered">
|
|
762
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
763
|
+
</td>
|
|
764
|
+
<td class="is-vcentered">
|
|
765
|
+
<div class="table__typography-preview">
|
|
766
|
+
n/a
|
|
767
|
+
</div>
|
|
768
|
+
|
|
769
|
+
</td>
|
|
770
|
+
</tr>
|
|
771
|
+
<tr>
|
|
772
|
+
<td class="with-icons is-vcentered"
|
|
773
|
+
id="base-typographyDialogParagraphXs"
|
|
774
|
+
title="theme: base; category: typography; group: dialog; name: paragraph; variant: xs; ">
|
|
775
|
+
typographyDialogParagraphXs
|
|
776
|
+
<a href="#base-typographyDialogParagraphXs"
|
|
777
|
+
title="permalink"
|
|
778
|
+
class="permalink">
|
|
779
|
+
🔗
|
|
780
|
+
</a>
|
|
781
|
+
</td>
|
|
782
|
+
<td class="is-vcentered">
|
|
783
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
784
|
+
</td>
|
|
785
|
+
<td class="is-vcentered">
|
|
786
|
+
<div class="table__typography-preview">
|
|
787
|
+
n/a
|
|
788
|
+
</div>
|
|
789
|
+
|
|
790
|
+
</td>
|
|
791
|
+
</tr>
|
|
792
|
+
<tr>
|
|
793
|
+
<td class="with-icons is-vcentered"
|
|
794
|
+
id="base-typographyDialogParagraphS"
|
|
795
|
+
title="theme: base; category: typography; group: dialog; name: paragraph; variant: s; ">
|
|
796
|
+
typographyDialogParagraphS
|
|
797
|
+
<a href="#base-typographyDialogParagraphS"
|
|
798
|
+
title="permalink"
|
|
799
|
+
class="permalink">
|
|
800
|
+
🔗
|
|
801
|
+
</a>
|
|
802
|
+
</td>
|
|
803
|
+
<td class="is-vcentered">
|
|
804
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
805
|
+
</td>
|
|
806
|
+
<td class="is-vcentered">
|
|
807
|
+
<div class="table__typography-preview">
|
|
808
|
+
n/a
|
|
809
|
+
</div>
|
|
810
|
+
|
|
811
|
+
</td>
|
|
812
|
+
</tr>
|
|
813
|
+
<tr>
|
|
814
|
+
<td class="with-icons is-vcentered"
|
|
815
|
+
id="base-typographyDialogParagraphMs"
|
|
816
|
+
title="theme: base; category: typography; group: dialog; name: paragraph; variant: ms; ">
|
|
817
|
+
typographyDialogParagraphMs
|
|
818
|
+
<a href="#base-typographyDialogParagraphMs"
|
|
819
|
+
title="permalink"
|
|
820
|
+
class="permalink">
|
|
821
|
+
🔗
|
|
822
|
+
</a>
|
|
823
|
+
</td>
|
|
824
|
+
<td class="is-vcentered">
|
|
825
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
826
|
+
</td>
|
|
827
|
+
<td class="is-vcentered">
|
|
828
|
+
<div class="table__typography-preview">
|
|
829
|
+
n/a
|
|
830
|
+
</div>
|
|
831
|
+
|
|
832
|
+
</td>
|
|
833
|
+
</tr>
|
|
624
834
|
<tr>
|
|
625
835
|
<td class="with-icons is-vcentered"
|
|
626
836
|
id="base-typographyDialogParagraphM"
|
|
@@ -642,6 +852,90 @@
|
|
|
642
852
|
|
|
643
853
|
</td>
|
|
644
854
|
</tr>
|
|
855
|
+
<tr>
|
|
856
|
+
<td class="with-icons is-vcentered"
|
|
857
|
+
id="base-typographyDialogParagraphMl"
|
|
858
|
+
title="theme: base; category: typography; group: dialog; name: paragraph; variant: ml; ">
|
|
859
|
+
typographyDialogParagraphMl
|
|
860
|
+
<a href="#base-typographyDialogParagraphMl"
|
|
861
|
+
title="permalink"
|
|
862
|
+
class="permalink">
|
|
863
|
+
🔗
|
|
864
|
+
</a>
|
|
865
|
+
</td>
|
|
866
|
+
<td class="is-vcentered">
|
|
867
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
868
|
+
</td>
|
|
869
|
+
<td class="is-vcentered">
|
|
870
|
+
<div class="table__typography-preview">
|
|
871
|
+
n/a
|
|
872
|
+
</div>
|
|
873
|
+
|
|
874
|
+
</td>
|
|
875
|
+
</tr>
|
|
876
|
+
<tr>
|
|
877
|
+
<td class="with-icons is-vcentered"
|
|
878
|
+
id="base-typographyDialogParagraphL"
|
|
879
|
+
title="theme: base; category: typography; group: dialog; name: paragraph; variant: l; ">
|
|
880
|
+
typographyDialogParagraphL
|
|
881
|
+
<a href="#base-typographyDialogParagraphL"
|
|
882
|
+
title="permalink"
|
|
883
|
+
class="permalink">
|
|
884
|
+
🔗
|
|
885
|
+
</a>
|
|
886
|
+
</td>
|
|
887
|
+
<td class="is-vcentered">
|
|
888
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
889
|
+
</td>
|
|
890
|
+
<td class="is-vcentered">
|
|
891
|
+
<div class="table__typography-preview">
|
|
892
|
+
n/a
|
|
893
|
+
</div>
|
|
894
|
+
|
|
895
|
+
</td>
|
|
896
|
+
</tr>
|
|
897
|
+
<tr>
|
|
898
|
+
<td class="with-icons is-vcentered"
|
|
899
|
+
id="base-typographyDialogParagraphXl"
|
|
900
|
+
title="theme: base; category: typography; group: dialog; name: paragraph; variant: xl; ">
|
|
901
|
+
typographyDialogParagraphXl
|
|
902
|
+
<a href="#base-typographyDialogParagraphXl"
|
|
903
|
+
title="permalink"
|
|
904
|
+
class="permalink">
|
|
905
|
+
🔗
|
|
906
|
+
</a>
|
|
907
|
+
</td>
|
|
908
|
+
<td class="is-vcentered">
|
|
909
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
910
|
+
</td>
|
|
911
|
+
<td class="is-vcentered">
|
|
912
|
+
<div class="table__typography-preview">
|
|
913
|
+
n/a
|
|
914
|
+
</div>
|
|
915
|
+
|
|
916
|
+
</td>
|
|
917
|
+
</tr>
|
|
918
|
+
<tr>
|
|
919
|
+
<td class="with-icons is-vcentered"
|
|
920
|
+
id="base-typographyDialogParagraphXxl"
|
|
921
|
+
title="theme: base; category: typography; group: dialog; name: paragraph; variant: xxl; ">
|
|
922
|
+
typographyDialogParagraphXxl
|
|
923
|
+
<a href="#base-typographyDialogParagraphXxl"
|
|
924
|
+
title="permalink"
|
|
925
|
+
class="permalink">
|
|
926
|
+
🔗
|
|
927
|
+
</a>
|
|
928
|
+
</td>
|
|
929
|
+
<td class="is-vcentered">
|
|
930
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
931
|
+
</td>
|
|
932
|
+
<td class="is-vcentered">
|
|
933
|
+
<div class="table__typography-preview">
|
|
934
|
+
n/a
|
|
935
|
+
</div>
|
|
936
|
+
|
|
937
|
+
</td>
|
|
938
|
+
</tr>
|
|
645
939
|
<tr>
|
|
646
940
|
<td class="with-icons is-vcentered"
|
|
647
941
|
id="base-typographyDrawerTitleM"
|
package/docs/tokens/index.html
CHANGED
|
@@ -6652,6 +6652,69 @@
|
|
|
6652
6652
|
|
|
6653
6653
|
</td>
|
|
6654
6654
|
</tr>
|
|
6655
|
+
<tr>
|
|
6656
|
+
<td class="with-icons is-vcentered"
|
|
6657
|
+
id="base-typographyDialogTitleXs"
|
|
6658
|
+
title="theme: base; category: typography; group: dialog; name: title; variant: xs; ">
|
|
6659
|
+
typographyDialogTitleXs
|
|
6660
|
+
<a href="#base-typographyDialogTitleXs"
|
|
6661
|
+
title="permalink"
|
|
6662
|
+
class="permalink">
|
|
6663
|
+
🔗
|
|
6664
|
+
</a>
|
|
6665
|
+
</td>
|
|
6666
|
+
<td class="is-vcentered">
|
|
6667
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
6668
|
+
</td>
|
|
6669
|
+
<td class="is-vcentered">
|
|
6670
|
+
<div class="table__typography-preview">
|
|
6671
|
+
n/a
|
|
6672
|
+
</div>
|
|
6673
|
+
|
|
6674
|
+
</td>
|
|
6675
|
+
</tr>
|
|
6676
|
+
<tr>
|
|
6677
|
+
<td class="with-icons is-vcentered"
|
|
6678
|
+
id="base-typographyDialogTitleS"
|
|
6679
|
+
title="theme: base; category: typography; group: dialog; name: title; variant: s; ">
|
|
6680
|
+
typographyDialogTitleS
|
|
6681
|
+
<a href="#base-typographyDialogTitleS"
|
|
6682
|
+
title="permalink"
|
|
6683
|
+
class="permalink">
|
|
6684
|
+
🔗
|
|
6685
|
+
</a>
|
|
6686
|
+
</td>
|
|
6687
|
+
<td class="is-vcentered">
|
|
6688
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
6689
|
+
</td>
|
|
6690
|
+
<td class="is-vcentered">
|
|
6691
|
+
<div class="table__typography-preview">
|
|
6692
|
+
n/a
|
|
6693
|
+
</div>
|
|
6694
|
+
|
|
6695
|
+
</td>
|
|
6696
|
+
</tr>
|
|
6697
|
+
<tr>
|
|
6698
|
+
<td class="with-icons is-vcentered"
|
|
6699
|
+
id="base-typographyDialogTitleMs"
|
|
6700
|
+
title="theme: base; category: typography; group: dialog; name: title; variant: ms; ">
|
|
6701
|
+
typographyDialogTitleMs
|
|
6702
|
+
<a href="#base-typographyDialogTitleMs"
|
|
6703
|
+
title="permalink"
|
|
6704
|
+
class="permalink">
|
|
6705
|
+
🔗
|
|
6706
|
+
</a>
|
|
6707
|
+
</td>
|
|
6708
|
+
<td class="is-vcentered">
|
|
6709
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
6710
|
+
</td>
|
|
6711
|
+
<td class="is-vcentered">
|
|
6712
|
+
<div class="table__typography-preview">
|
|
6713
|
+
n/a
|
|
6714
|
+
</div>
|
|
6715
|
+
|
|
6716
|
+
</td>
|
|
6717
|
+
</tr>
|
|
6655
6718
|
<tr>
|
|
6656
6719
|
<td class="with-icons is-vcentered"
|
|
6657
6720
|
id="base-typographyDialogTitleM"
|
|
@@ -6673,6 +6736,153 @@
|
|
|
6673
6736
|
|
|
6674
6737
|
</td>
|
|
6675
6738
|
</tr>
|
|
6739
|
+
<tr>
|
|
6740
|
+
<td class="with-icons is-vcentered"
|
|
6741
|
+
id="base-typographyDialogTitleMl"
|
|
6742
|
+
title="theme: base; category: typography; group: dialog; name: title; variant: ml; ">
|
|
6743
|
+
typographyDialogTitleMl
|
|
6744
|
+
<a href="#base-typographyDialogTitleMl"
|
|
6745
|
+
title="permalink"
|
|
6746
|
+
class="permalink">
|
|
6747
|
+
🔗
|
|
6748
|
+
</a>
|
|
6749
|
+
</td>
|
|
6750
|
+
<td class="is-vcentered">
|
|
6751
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
6752
|
+
</td>
|
|
6753
|
+
<td class="is-vcentered">
|
|
6754
|
+
<div class="table__typography-preview">
|
|
6755
|
+
n/a
|
|
6756
|
+
</div>
|
|
6757
|
+
|
|
6758
|
+
</td>
|
|
6759
|
+
</tr>
|
|
6760
|
+
<tr>
|
|
6761
|
+
<td class="with-icons is-vcentered"
|
|
6762
|
+
id="base-typographyDialogTitleL"
|
|
6763
|
+
title="theme: base; category: typography; group: dialog; name: title; variant: l; ">
|
|
6764
|
+
typographyDialogTitleL
|
|
6765
|
+
<a href="#base-typographyDialogTitleL"
|
|
6766
|
+
title="permalink"
|
|
6767
|
+
class="permalink">
|
|
6768
|
+
🔗
|
|
6769
|
+
</a>
|
|
6770
|
+
</td>
|
|
6771
|
+
<td class="is-vcentered">
|
|
6772
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
6773
|
+
</td>
|
|
6774
|
+
<td class="is-vcentered">
|
|
6775
|
+
<div class="table__typography-preview">
|
|
6776
|
+
n/a
|
|
6777
|
+
</div>
|
|
6778
|
+
|
|
6779
|
+
</td>
|
|
6780
|
+
</tr>
|
|
6781
|
+
<tr>
|
|
6782
|
+
<td class="with-icons is-vcentered"
|
|
6783
|
+
id="base-typographyDialogTitleXl"
|
|
6784
|
+
title="theme: base; category: typography; group: dialog; name: title; variant: xl; ">
|
|
6785
|
+
typographyDialogTitleXl
|
|
6786
|
+
<a href="#base-typographyDialogTitleXl"
|
|
6787
|
+
title="permalink"
|
|
6788
|
+
class="permalink">
|
|
6789
|
+
🔗
|
|
6790
|
+
</a>
|
|
6791
|
+
</td>
|
|
6792
|
+
<td class="is-vcentered">
|
|
6793
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
6794
|
+
</td>
|
|
6795
|
+
<td class="is-vcentered">
|
|
6796
|
+
<div class="table__typography-preview">
|
|
6797
|
+
n/a
|
|
6798
|
+
</div>
|
|
6799
|
+
|
|
6800
|
+
</td>
|
|
6801
|
+
</tr>
|
|
6802
|
+
<tr>
|
|
6803
|
+
<td class="with-icons is-vcentered"
|
|
6804
|
+
id="base-typographyDialogTitleXxl"
|
|
6805
|
+
title="theme: base; category: typography; group: dialog; name: title; variant: xxl; ">
|
|
6806
|
+
typographyDialogTitleXxl
|
|
6807
|
+
<a href="#base-typographyDialogTitleXxl"
|
|
6808
|
+
title="permalink"
|
|
6809
|
+
class="permalink">
|
|
6810
|
+
🔗
|
|
6811
|
+
</a>
|
|
6812
|
+
</td>
|
|
6813
|
+
<td class="is-vcentered">
|
|
6814
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
6815
|
+
</td>
|
|
6816
|
+
<td class="is-vcentered">
|
|
6817
|
+
<div class="table__typography-preview">
|
|
6818
|
+
n/a
|
|
6819
|
+
</div>
|
|
6820
|
+
|
|
6821
|
+
</td>
|
|
6822
|
+
</tr>
|
|
6823
|
+
<tr>
|
|
6824
|
+
<td class="with-icons is-vcentered"
|
|
6825
|
+
id="base-typographyDialogParagraphXs"
|
|
6826
|
+
title="theme: base; category: typography; group: dialog; name: paragraph; variant: xs; ">
|
|
6827
|
+
typographyDialogParagraphXs
|
|
6828
|
+
<a href="#base-typographyDialogParagraphXs"
|
|
6829
|
+
title="permalink"
|
|
6830
|
+
class="permalink">
|
|
6831
|
+
🔗
|
|
6832
|
+
</a>
|
|
6833
|
+
</td>
|
|
6834
|
+
<td class="is-vcentered">
|
|
6835
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
6836
|
+
</td>
|
|
6837
|
+
<td class="is-vcentered">
|
|
6838
|
+
<div class="table__typography-preview">
|
|
6839
|
+
n/a
|
|
6840
|
+
</div>
|
|
6841
|
+
|
|
6842
|
+
</td>
|
|
6843
|
+
</tr>
|
|
6844
|
+
<tr>
|
|
6845
|
+
<td class="with-icons is-vcentered"
|
|
6846
|
+
id="base-typographyDialogParagraphS"
|
|
6847
|
+
title="theme: base; category: typography; group: dialog; name: paragraph; variant: s; ">
|
|
6848
|
+
typographyDialogParagraphS
|
|
6849
|
+
<a href="#base-typographyDialogParagraphS"
|
|
6850
|
+
title="permalink"
|
|
6851
|
+
class="permalink">
|
|
6852
|
+
🔗
|
|
6853
|
+
</a>
|
|
6854
|
+
</td>
|
|
6855
|
+
<td class="is-vcentered">
|
|
6856
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
6857
|
+
</td>
|
|
6858
|
+
<td class="is-vcentered">
|
|
6859
|
+
<div class="table__typography-preview">
|
|
6860
|
+
n/a
|
|
6861
|
+
</div>
|
|
6862
|
+
|
|
6863
|
+
</td>
|
|
6864
|
+
</tr>
|
|
6865
|
+
<tr>
|
|
6866
|
+
<td class="with-icons is-vcentered"
|
|
6867
|
+
id="base-typographyDialogParagraphMs"
|
|
6868
|
+
title="theme: base; category: typography; group: dialog; name: paragraph; variant: ms; ">
|
|
6869
|
+
typographyDialogParagraphMs
|
|
6870
|
+
<a href="#base-typographyDialogParagraphMs"
|
|
6871
|
+
title="permalink"
|
|
6872
|
+
class="permalink">
|
|
6873
|
+
🔗
|
|
6874
|
+
</a>
|
|
6875
|
+
</td>
|
|
6876
|
+
<td class="is-vcentered">
|
|
6877
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
6878
|
+
</td>
|
|
6879
|
+
<td class="is-vcentered">
|
|
6880
|
+
<div class="table__typography-preview">
|
|
6881
|
+
n/a
|
|
6882
|
+
</div>
|
|
6883
|
+
|
|
6884
|
+
</td>
|
|
6885
|
+
</tr>
|
|
6676
6886
|
<tr>
|
|
6677
6887
|
<td class="with-icons is-vcentered"
|
|
6678
6888
|
id="base-typographyDialogParagraphM"
|
|
@@ -6694,6 +6904,90 @@
|
|
|
6694
6904
|
|
|
6695
6905
|
</td>
|
|
6696
6906
|
</tr>
|
|
6907
|
+
<tr>
|
|
6908
|
+
<td class="with-icons is-vcentered"
|
|
6909
|
+
id="base-typographyDialogParagraphMl"
|
|
6910
|
+
title="theme: base; category: typography; group: dialog; name: paragraph; variant: ml; ">
|
|
6911
|
+
typographyDialogParagraphMl
|
|
6912
|
+
<a href="#base-typographyDialogParagraphMl"
|
|
6913
|
+
title="permalink"
|
|
6914
|
+
class="permalink">
|
|
6915
|
+
🔗
|
|
6916
|
+
</a>
|
|
6917
|
+
</td>
|
|
6918
|
+
<td class="is-vcentered">
|
|
6919
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
6920
|
+
</td>
|
|
6921
|
+
<td class="is-vcentered">
|
|
6922
|
+
<div class="table__typography-preview">
|
|
6923
|
+
n/a
|
|
6924
|
+
</div>
|
|
6925
|
+
|
|
6926
|
+
</td>
|
|
6927
|
+
</tr>
|
|
6928
|
+
<tr>
|
|
6929
|
+
<td class="with-icons is-vcentered"
|
|
6930
|
+
id="base-typographyDialogParagraphL"
|
|
6931
|
+
title="theme: base; category: typography; group: dialog; name: paragraph; variant: l; ">
|
|
6932
|
+
typographyDialogParagraphL
|
|
6933
|
+
<a href="#base-typographyDialogParagraphL"
|
|
6934
|
+
title="permalink"
|
|
6935
|
+
class="permalink">
|
|
6936
|
+
🔗
|
|
6937
|
+
</a>
|
|
6938
|
+
</td>
|
|
6939
|
+
<td class="is-vcentered">
|
|
6940
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
6941
|
+
</td>
|
|
6942
|
+
<td class="is-vcentered">
|
|
6943
|
+
<div class="table__typography-preview">
|
|
6944
|
+
n/a
|
|
6945
|
+
</div>
|
|
6946
|
+
|
|
6947
|
+
</td>
|
|
6948
|
+
</tr>
|
|
6949
|
+
<tr>
|
|
6950
|
+
<td class="with-icons is-vcentered"
|
|
6951
|
+
id="base-typographyDialogParagraphXl"
|
|
6952
|
+
title="theme: base; category: typography; group: dialog; name: paragraph; variant: xl; ">
|
|
6953
|
+
typographyDialogParagraphXl
|
|
6954
|
+
<a href="#base-typographyDialogParagraphXl"
|
|
6955
|
+
title="permalink"
|
|
6956
|
+
class="permalink">
|
|
6957
|
+
🔗
|
|
6958
|
+
</a>
|
|
6959
|
+
</td>
|
|
6960
|
+
<td class="is-vcentered">
|
|
6961
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
6962
|
+
</td>
|
|
6963
|
+
<td class="is-vcentered">
|
|
6964
|
+
<div class="table__typography-preview">
|
|
6965
|
+
n/a
|
|
6966
|
+
</div>
|
|
6967
|
+
|
|
6968
|
+
</td>
|
|
6969
|
+
</tr>
|
|
6970
|
+
<tr>
|
|
6971
|
+
<td class="with-icons is-vcentered"
|
|
6972
|
+
id="base-typographyDialogParagraphXxl"
|
|
6973
|
+
title="theme: base; category: typography; group: dialog; name: paragraph; variant: xxl; ">
|
|
6974
|
+
typographyDialogParagraphXxl
|
|
6975
|
+
<a href="#base-typographyDialogParagraphXxl"
|
|
6976
|
+
title="permalink"
|
|
6977
|
+
class="permalink">
|
|
6978
|
+
🔗
|
|
6979
|
+
</a>
|
|
6980
|
+
</td>
|
|
6981
|
+
<td class="is-vcentered">
|
|
6982
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
6983
|
+
</td>
|
|
6984
|
+
<td class="is-vcentered">
|
|
6985
|
+
<div class="table__typography-preview">
|
|
6986
|
+
n/a
|
|
6987
|
+
</div>
|
|
6988
|
+
|
|
6989
|
+
</td>
|
|
6990
|
+
</tr>
|
|
6697
6991
|
<tr>
|
|
6698
6992
|
<td class="with-icons is-vcentered"
|
|
6699
6993
|
id="base-typographyDrawerTitleM"
|
package/ios/base.h
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Tue, 05 Apr 2022 09:36:33 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -304,8 +304,22 @@
|
|
|
304
304
|
#define typographyDatePickerCalendarDateM Bold 14px/150% Sage UI
|
|
305
305
|
#define typographyDatePickerCalendarDayM Bold 14px/150% Sage UI
|
|
306
306
|
#define typographyDatePickerCalendarMonthM Bold 16px/125% Sage UI
|
|
307
|
+
#define typographyDialogTitleXs Bold 24px/125% Sage UI
|
|
308
|
+
#define typographyDialogTitleS Bold 24px/125% Sage UI
|
|
309
|
+
#define typographyDialogTitleMs Bold 24px/125% Sage UI
|
|
307
310
|
#define typographyDialogTitleM Bold 24px/125% Sage UI
|
|
311
|
+
#define typographyDialogTitleMl Bold 24px/125% Sage UI
|
|
312
|
+
#define typographyDialogTitleL Bold 24px/125% Sage UI
|
|
313
|
+
#define typographyDialogTitleXl Bold 24px/125% Sage UI
|
|
314
|
+
#define typographyDialogTitleXxl Bold 24px/125% Sage UI
|
|
315
|
+
#define typographyDialogParagraphXs Regular 14px/150% Sage UI
|
|
316
|
+
#define typographyDialogParagraphS Regular 14px/150% Sage UI
|
|
317
|
+
#define typographyDialogParagraphMs Regular 14px/150% Sage UI
|
|
308
318
|
#define typographyDialogParagraphM Regular 14px/150% Sage UI
|
|
319
|
+
#define typographyDialogParagraphMl Regular 14px/150% Sage UI
|
|
320
|
+
#define typographyDialogParagraphL Regular 14px/150% Sage UI
|
|
321
|
+
#define typographyDialogParagraphXl Regular 14px/150% Sage UI
|
|
322
|
+
#define typographyDialogParagraphXxl Regular 14px/150% Sage UI
|
|
309
323
|
#define typographyDrawerTitleM Bold 22px/125% Sage UI
|
|
310
324
|
#define typographyDrawerParagraphM 0 none
|
|
311
325
|
#define typographyFlashTextM Regular 14px/150% Sage UI
|