@sage/design-tokens 2.8.0 → 2.11.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.
Files changed (16) hide show
  1. package/android/base.xml +40 -18
  2. package/css/base.css +40 -18
  3. package/data/tokens.json +280 -62
  4. package/docs/tokens/base/colors/index.html +314 -20
  5. package/docs/tokens/base/index.html +510 -48
  6. package/docs/tokens/base/typography/index.html +196 -28
  7. package/docs/tokens/index.html +510 -48
  8. package/ios/base.h +40 -18
  9. package/js/base/common.d.ts +29 -7
  10. package/js/base/common.js +40 -18
  11. package/js/base/es6.d.ts +29 -7
  12. package/js/base/es6.js +39 -17
  13. package/package.json +1 -1
  14. package/sage-design-tokens-2.11.0.tgz +0 -0
  15. package/scss/base.scss +40 -18
  16. package/sage-design-tokens-2.8.0.tgz +0 -0
package/docs/tokens/base/typography/index.html CHANGED
@@ -1482,6 +1482,27 @@
1482
1482
 
1483
1483
  </td>
1484
1484
  </tr>
1485
+ <tr>
1486
+ <td class="with-icons is-vcentered"
1487
+ id="base-typographyMenuLabelL"
1488
+ title="theme: base; category: typography; group: menu; name: label; variant: l; ">
1489
+ typographyMenuLabelL
1490
+ <a href="#base-typographyMenuLabelL"
1491
+ title="permalink"
1492
+ class="permalink">
1493
+ 🔗
1494
+ </a>
1495
+ </td>
1496
+ <td class="is-vcentered">
1497
+ <pre>500 16px/150% Sage UI</pre>
1498
+ </td>
1499
+ <td class="is-vcentered">
1500
+ <div class="table__typography-preview">
1501
+ n/a
1502
+ </div>
1503
+
1504
+ </td>
1505
+ </tr>
1485
1506
  <tr>
1486
1507
  <td class="with-icons is-vcentered"
1487
1508
  id="base-typographyMenuSegmentTitleM"
@@ -1715,10 +1736,157 @@
1715
1736
  </tr>
1716
1737
  <tr>
1717
1738
  <td class="with-icons is-vcentered"
1718
- id="base-typographyProfileEmailXs"
1719
- title="theme: base; category: typography; group: profile; name: email; variant: xs; ">
1720
- typographyProfileEmailXs
1721
- <a href="#base-typographyProfileEmailXs"
1739
+ id="base-typographyProfileEmailTextXs"
1740
+ title="theme: base; category: typography; group: profile; name: emailText; variant: xs; ">
1741
+ typographyProfileEmailTextXs
1742
+ <a href="#base-typographyProfileEmailTextXs"
1743
+ title="permalink"
1744
+ class="permalink">
1745
+ 🔗
1746
+ </a>
1747
+ </td>
1748
+ <td class="is-vcentered">
1749
+ <pre>400 12px/100% Sage UI</pre>
1750
+ </td>
1751
+ <td class="is-vcentered">
1752
+ <div class="table__typography-preview">
1753
+ n/a
1754
+ </div>
1755
+
1756
+ </td>
1757
+ </tr>
1758
+ <tr>
1759
+ <td class="with-icons is-vcentered"
1760
+ id="base-typographyProfileEmailTextS"
1761
+ title="theme: base; category: typography; group: profile; name: emailText; variant: s; ">
1762
+ typographyProfileEmailTextS
1763
+ <a href="#base-typographyProfileEmailTextS"
1764
+ title="permalink"
1765
+ class="permalink">
1766
+ 🔗
1767
+ </a>
1768
+ </td>
1769
+ <td class="is-vcentered">
1770
+ <pre>400 14px/100% Sage UI</pre>
1771
+ </td>
1772
+ <td class="is-vcentered">
1773
+ <div class="table__typography-preview">
1774
+ n/a
1775
+ </div>
1776
+
1777
+ </td>
1778
+ </tr>
1779
+ <tr>
1780
+ <td class="with-icons is-vcentered"
1781
+ id="base-typographyProfileEmailTextM"
1782
+ title="theme: base; category: typography; group: profile; name: emailText; variant: m; ">
1783
+ typographyProfileEmailTextM
1784
+ <a href="#base-typographyProfileEmailTextM"
1785
+ title="permalink"
1786
+ class="permalink">
1787
+ 🔗
1788
+ </a>
1789
+ </td>
1790
+ <td class="is-vcentered">
1791
+ <pre>400 14px/125% Sage UI</pre>
1792
+ </td>
1793
+ <td class="is-vcentered">
1794
+ <div class="table__typography-preview">
1795
+ n/a
1796
+ </div>
1797
+
1798
+ </td>
1799
+ </tr>
1800
+ <tr>
1801
+ <td class="with-icons is-vcentered"
1802
+ id="base-typographyProfileEmailTextMl"
1803
+ title="theme: base; category: typography; group: profile; name: emailText; variant: ml; ">
1804
+ typographyProfileEmailTextMl
1805
+ <a href="#base-typographyProfileEmailTextMl"
1806
+ title="permalink"
1807
+ class="permalink">
1808
+ 🔗
1809
+ </a>
1810
+ </td>
1811
+ <td class="is-vcentered">
1812
+ <pre>400 14px/125% Sage UI</pre>
1813
+ </td>
1814
+ <td class="is-vcentered">
1815
+ <div class="table__typography-preview">
1816
+ n/a
1817
+ </div>
1818
+
1819
+ </td>
1820
+ </tr>
1821
+ <tr>
1822
+ <td class="with-icons is-vcentered"
1823
+ id="base-typographyProfileEmailTextL"
1824
+ title="theme: base; category: typography; group: profile; name: emailText; variant: l; ">
1825
+ typographyProfileEmailTextL
1826
+ <a href="#base-typographyProfileEmailTextL"
1827
+ title="permalink"
1828
+ class="permalink">
1829
+ 🔗
1830
+ </a>
1831
+ </td>
1832
+ <td class="is-vcentered">
1833
+ <pre>400 14px/125% Sage UI</pre>
1834
+ </td>
1835
+ <td class="is-vcentered">
1836
+ <div class="table__typography-preview">
1837
+ n/a
1838
+ </div>
1839
+
1840
+ </td>
1841
+ </tr>
1842
+ <tr>
1843
+ <td class="with-icons is-vcentered"
1844
+ id="base-typographyProfileEmailTextXl"
1845
+ title="theme: base; category: typography; group: profile; name: emailText; variant: xl; ">
1846
+ typographyProfileEmailTextXl
1847
+ <a href="#base-typographyProfileEmailTextXl"
1848
+ title="permalink"
1849
+ class="permalink">
1850
+ 🔗
1851
+ </a>
1852
+ </td>
1853
+ <td class="is-vcentered">
1854
+ <pre>400 18px/125% Sage UI</pre>
1855
+ </td>
1856
+ <td class="is-vcentered">
1857
+ <div class="table__typography-preview">
1858
+ n/a
1859
+ </div>
1860
+
1861
+ </td>
1862
+ </tr>
1863
+ <tr>
1864
+ <td class="with-icons is-vcentered"
1865
+ id="base-typographyProfileEmailTextXxl"
1866
+ title="theme: base; category: typography; group: profile; name: emailText; variant: xxl; ">
1867
+ typographyProfileEmailTextXxl
1868
+ <a href="#base-typographyProfileEmailTextXxl"
1869
+ title="permalink"
1870
+ class="permalink">
1871
+ 🔗
1872
+ </a>
1873
+ </td>
1874
+ <td class="is-vcentered">
1875
+ <pre>400 24px/125% Sage UI</pre>
1876
+ </td>
1877
+ <td class="is-vcentered">
1878
+ <div class="table__typography-preview">
1879
+ n/a
1880
+ </div>
1881
+
1882
+ </td>
1883
+ </tr>
1884
+ <tr>
1885
+ <td class="with-icons is-vcentered"
1886
+ id="base-typographyProfileEmailLinkXs"
1887
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: xs; ">
1888
+ typographyProfileEmailLinkXs
1889
+ <a href="#base-typographyProfileEmailLinkXs"
1722
1890
  title="permalink"
1723
1891
  class="permalink">
1724
1892
  🔗
@@ -1736,10 +1904,10 @@
1736
1904
  </tr>
1737
1905
  <tr>
1738
1906
  <td class="with-icons is-vcentered"
1739
- id="base-typographyProfileEmailS"
1740
- title="theme: base; category: typography; group: profile; name: email; variant: s; ">
1741
- typographyProfileEmailS
1742
- <a href="#base-typographyProfileEmailS"
1907
+ id="base-typographyProfileEmailLinkS"
1908
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: s; ">
1909
+ typographyProfileEmailLinkS
1910
+ <a href="#base-typographyProfileEmailLinkS"
1743
1911
  title="permalink"
1744
1912
  class="permalink">
1745
1913
  🔗
@@ -1757,10 +1925,10 @@
1757
1925
  </tr>
1758
1926
  <tr>
1759
1927
  <td class="with-icons is-vcentered"
1760
- id="base-typographyProfileEmailM"
1761
- title="theme: base; category: typography; group: profile; name: email; variant: m; ">
1762
- typographyProfileEmailM
1763
- <a href="#base-typographyProfileEmailM"
1928
+ id="base-typographyProfileEmailLinkM"
1929
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: m; ">
1930
+ typographyProfileEmailLinkM
1931
+ <a href="#base-typographyProfileEmailLinkM"
1764
1932
  title="permalink"
1765
1933
  class="permalink">
1766
1934
  🔗
@@ -1778,10 +1946,10 @@
1778
1946
  </tr>
1779
1947
  <tr>
1780
1948
  <td class="with-icons is-vcentered"
1781
- id="base-typographyProfileEmailMl"
1782
- title="theme: base; category: typography; group: profile; name: email; variant: ml; ">
1783
- typographyProfileEmailMl
1784
- <a href="#base-typographyProfileEmailMl"
1949
+ id="base-typographyProfileEmailLinkMl"
1950
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: ml; ">
1951
+ typographyProfileEmailLinkMl
1952
+ <a href="#base-typographyProfileEmailLinkMl"
1785
1953
  title="permalink"
1786
1954
  class="permalink">
1787
1955
  🔗
@@ -1799,10 +1967,10 @@
1799
1967
  </tr>
1800
1968
  <tr>
1801
1969
  <td class="with-icons is-vcentered"
1802
- id="base-typographyProfileEmailL"
1803
- title="theme: base; category: typography; group: profile; name: email; variant: l; ">
1804
- typographyProfileEmailL
1805
- <a href="#base-typographyProfileEmailL"
1970
+ id="base-typographyProfileEmailLinkL"
1971
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: l; ">
1972
+ typographyProfileEmailLinkL
1973
+ <a href="#base-typographyProfileEmailLinkL"
1806
1974
  title="permalink"
1807
1975
  class="permalink">
1808
1976
  🔗
@@ -1820,10 +1988,10 @@
1820
1988
  </tr>
1821
1989
  <tr>
1822
1990
  <td class="with-icons is-vcentered"
1823
- id="base-typographyProfileEmailXl"
1824
- title="theme: base; category: typography; group: profile; name: email; variant: xl; ">
1825
- typographyProfileEmailXl
1826
- <a href="#base-typographyProfileEmailXl"
1991
+ id="base-typographyProfileEmailLinkXl"
1992
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: xl; ">
1993
+ typographyProfileEmailLinkXl
1994
+ <a href="#base-typographyProfileEmailLinkXl"
1827
1995
  title="permalink"
1828
1996
  class="permalink">
1829
1997
  🔗
@@ -1841,10 +2009,10 @@
1841
2009
  </tr>
1842
2010
  <tr>
1843
2011
  <td class="with-icons is-vcentered"
1844
- id="base-typographyProfileEmailXxl"
1845
- title="theme: base; category: typography; group: profile; name: email; variant: xxl; ">
1846
- typographyProfileEmailXxl
1847
- <a href="#base-typographyProfileEmailXxl"
2012
+ id="base-typographyProfileEmailLinkXxl"
2013
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: xxl; ">
2014
+ typographyProfileEmailLinkXxl
2015
+ <a href="#base-typographyProfileEmailLinkXxl"
1848
2016
  title="permalink"
1849
2017
  class="permalink">
1850
2018
  🔗