@sage/design-tokens 2.13.0 → 2.16.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 +36 -13
  2. package/css/base.css +36 -13
  3. package/data/tokens.json +277 -44
  4. package/docs/tokens/base/colors/index.html +270 -102
  5. package/docs/tokens/base/index.html +585 -102
  6. package/docs/tokens/base/typography/index.html +315 -0
  7. package/docs/tokens/index.html +585 -102
  8. package/ios/base.h +36 -13
  9. package/js/base/common.d.ts +35 -12
  10. package/js/base/common.js +36 -13
  11. package/js/base/es6.d.ts +35 -12
  12. package/js/base/es6.js +35 -12
  13. package/package.json +1 -1
  14. package/sage-design-tokens-2.16.0.tgz +0 -0
  15. package/scss/base.scss +36 -13
  16. package/sage-design-tokens-2.13.0.tgz +0 -0
package/docs/tokens/base/colors/index.html CHANGED
@@ -1421,178 +1421,199 @@
1421
1421
  </tr>
1422
1422
  <tr>
1423
1423
  <td class="with-icons is-vcentered"
1424
- id="base-colorsComponentsMenuAutumnStandard500"
1425
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: standard; variant: 500; ">
1426
- colorsComponentsMenuAutumnStandard500
1427
- <a href="#base-colorsComponentsMenuAutumnStandard500"
1424
+ id="base-colorsComponentsMenuWinterChild300"
1425
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 300; ">
1426
+ colorsComponentsMenuWinterChild300
1427
+ <a href="#base-colorsComponentsMenuWinterChild300"
1428
1428
  title="permalink"
1429
1429
  class="permalink">
1430
1430
  🔗
1431
1431
  </a>
1432
1432
  </td>
1433
1433
  <td class="is-vcentered">
1434
- <pre>#00324cff</pre>
1434
+ <pre>#4d4d4dff</pre>
1435
1435
  </td>
1436
1436
  <td class="is-vcentered">
1437
1437
  <div class="table__color-preview"
1438
- style="background-color: #00324cff;">
1438
+ style="background-color: #4d4d4dff;">
1439
1439
  </div>
1440
1440
 
1441
1441
  </td>
1442
1442
  </tr>
1443
1443
  <tr>
1444
1444
  <td class="with-icons is-vcentered"
1445
- id="base-colorsComponentsMenuAutumnStandard600"
1446
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: standard; variant: 600; ">
1447
- colorsComponentsMenuAutumnStandard600
1448
- <a href="#base-colorsComponentsMenuAutumnStandard600"
1445
+ id="base-colorsComponentsMenuWinterChild400"
1446
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 400; ">
1447
+ colorsComponentsMenuWinterChild400
1448
+ <a href="#base-colorsComponentsMenuWinterChild400"
1449
1449
  title="permalink"
1450
1450
  class="permalink">
1451
1451
  🔗
1452
1452
  </a>
1453
1453
  </td>
1454
1454
  <td class="is-vcentered">
1455
- <pre>#007e45ff</pre>
1455
+ <pre>#ff00ffff</pre>
1456
1456
  </td>
1457
1457
  <td class="is-vcentered">
1458
1458
  <div class="table__color-preview"
1459
- style="background-color: #007e45ff;">
1459
+ style="background-color: #ff00ffff;">
1460
1460
  </div>
1461
1461
 
1462
1462
  </td>
1463
1463
  </tr>
1464
1464
  <tr>
1465
1465
  <td class="with-icons is-vcentered"
1466
- id="base-colorsComponentsMenuAutumnStandard700"
1467
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: standard; variant: 700; ">
1468
- colorsComponentsMenuAutumnStandard700
1469
- <a href="#base-colorsComponentsMenuAutumnStandard700"
1466
+ id="base-colorsComponentsMenuWinterChild500"
1467
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 500; ">
1468
+ colorsComponentsMenuWinterChild500
1469
+ <a href="#base-colorsComponentsMenuWinterChild500"
1470
1470
  title="permalink"
1471
1471
  class="permalink">
1472
1472
  🔗
1473
1473
  </a>
1474
1474
  </td>
1475
1475
  <td class="is-vcentered">
1476
- <pre>#19475eff</pre>
1476
+ <pre>#262626ff</pre>
1477
1477
  </td>
1478
1478
  <td class="is-vcentered">
1479
1479
  <div class="table__color-preview"
1480
- style="background-color: #19475eff;">
1480
+ style="background-color: #262626ff;">
1481
1481
  </div>
1482
1482
 
1483
1483
  </td>
1484
1484
  </tr>
1485
1485
  <tr>
1486
1486
  <td class="with-icons is-vcentered"
1487
- id="base-colorsComponentsMenuAutumnParent500"
1488
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: parent; variant: 500; ">
1489
- colorsComponentsMenuAutumnParent500
1490
- <a href="#base-colorsComponentsMenuAutumnParent500"
1487
+ id="base-colorsComponentsMenuWinterChild600"
1488
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 600; ">
1489
+ colorsComponentsMenuWinterChild600
1490
+ <a href="#base-colorsComponentsMenuWinterChild600"
1491
1491
  title="permalink"
1492
1492
  class="permalink">
1493
1493
  🔗
1494
1494
  </a>
1495
1495
  </td>
1496
1496
  <td class="is-vcentered">
1497
- <pre>#00324cff</pre>
1497
+ <pre>#007e45ff</pre>
1498
1498
  </td>
1499
1499
  <td class="is-vcentered">
1500
1500
  <div class="table__color-preview"
1501
- style="background-color: #00324cff;">
1501
+ style="background-color: #007e45ff;">
1502
1502
  </div>
1503
1503
 
1504
1504
  </td>
1505
1505
  </tr>
1506
1506
  <tr>
1507
1507
  <td class="with-icons is-vcentered"
1508
- id="base-colorsComponentsMenuAutumnParent600"
1509
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: parent; variant: 600; ">
1510
- colorsComponentsMenuAutumnParent600
1511
- <a href="#base-colorsComponentsMenuAutumnParent600"
1508
+ id="base-colorsComponentsMenuWinterChild700"
1509
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 700; ">
1510
+ colorsComponentsMenuWinterChild700
1511
+ <a href="#base-colorsComponentsMenuWinterChild700"
1512
1512
  title="permalink"
1513
1513
  class="permalink">
1514
1514
  🔗
1515
1515
  </a>
1516
1516
  </td>
1517
1517
  <td class="is-vcentered">
1518
- <pre>#007e45ff</pre>
1518
+ <pre>#262626ff</pre>
1519
1519
  </td>
1520
1520
  <td class="is-vcentered">
1521
1521
  <div class="table__color-preview"
1522
- style="background-color: #007e45ff;">
1522
+ style="background-color: #262626ff;">
1523
1523
  </div>
1524
1524
 
1525
1525
  </td>
1526
1526
  </tr>
1527
1527
  <tr>
1528
1528
  <td class="with-icons is-vcentered"
1529
- id="base-colorsComponentsMenuAutumnParent700"
1530
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: parent; variant: 700; ">
1531
- colorsComponentsMenuAutumnParent700
1532
- <a href="#base-colorsComponentsMenuAutumnParent700"
1529
+ id="base-colorsComponentsMenuWinterChild800"
1530
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 800; ">
1531
+ colorsComponentsMenuWinterChild800
1532
+ <a href="#base-colorsComponentsMenuWinterChild800"
1533
1533
  title="permalink"
1534
1534
  class="permalink">
1535
1535
  🔗
1536
1536
  </a>
1537
1537
  </td>
1538
1538
  <td class="is-vcentered">
1539
- <pre>#19475eff</pre>
1539
+ <pre>#262626ff</pre>
1540
1540
  </td>
1541
1541
  <td class="is-vcentered">
1542
1542
  <div class="table__color-preview"
1543
- style="background-color: #19475eff;">
1543
+ style="background-color: #262626ff;">
1544
1544
  </div>
1545
1545
 
1546
1546
  </td>
1547
1547
  </tr>
1548
1548
  <tr>
1549
1549
  <td class="with-icons is-vcentered"
1550
- id="base-colorsComponentsMenuAutumnChild400"
1551
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: child; variant: 400; ">
1552
- colorsComponentsMenuAutumnChild400
1553
- <a href="#base-colorsComponentsMenuAutumnChild400"
1550
+ id="base-colorsComponentsMenuWinterChildAlt300"
1551
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 300; ">
1552
+ colorsComponentsMenuWinterChildAlt300
1553
+ <a href="#base-colorsComponentsMenuWinterChildAlt300"
1554
1554
  title="permalink"
1555
1555
  class="permalink">
1556
1556
  🔗
1557
1557
  </a>
1558
1558
  </td>
1559
1559
  <td class="is-vcentered">
1560
- <pre>#19475eff</pre>
1560
+ <pre>#4d4d4dff</pre>
1561
1561
  </td>
1562
1562
  <td class="is-vcentered">
1563
1563
  <div class="table__color-preview"
1564
- style="background-color: #19475eff;">
1564
+ style="background-color: #4d4d4dff;">
1565
1565
  </div>
1566
1566
 
1567
1567
  </td>
1568
1568
  </tr>
1569
1569
  <tr>
1570
1570
  <td class="with-icons is-vcentered"
1571
- id="base-colorsComponentsMenuAutumnChild500"
1572
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: child; variant: 500; ">
1573
- colorsComponentsMenuAutumnChild500
1574
- <a href="#base-colorsComponentsMenuAutumnChild500"
1571
+ id="base-colorsComponentsMenuWinterChildAlt400"
1572
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 400; ">
1573
+ colorsComponentsMenuWinterChildAlt400
1574
+ <a href="#base-colorsComponentsMenuWinterChildAlt400"
1575
1575
  title="permalink"
1576
1576
  class="permalink">
1577
1577
  🔗
1578
1578
  </a>
1579
1579
  </td>
1580
1580
  <td class="is-vcentered">
1581
- <pre>#001926ff</pre>
1581
+ <pre>#ff00ffff</pre>
1582
1582
  </td>
1583
1583
  <td class="is-vcentered">
1584
1584
  <div class="table__color-preview"
1585
- style="background-color: #001926ff;">
1585
+ style="background-color: #ff00ffff;">
1586
1586
  </div>
1587
1587
 
1588
1588
  </td>
1589
1589
  </tr>
1590
1590
  <tr>
1591
1591
  <td class="with-icons is-vcentered"
1592
- id="base-colorsComponentsMenuAutumnChild600"
1593
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: child; variant: 600; ">
1594
- colorsComponentsMenuAutumnChild600
1595
- <a href="#base-colorsComponentsMenuAutumnChild600"
1592
+ id="base-colorsComponentsMenuWinterChildAlt500"
1593
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 500; ">
1594
+ colorsComponentsMenuWinterChildAlt500
1595
+ <a href="#base-colorsComponentsMenuWinterChildAlt500"
1596
+ title="permalink"
1597
+ class="permalink">
1598
+ 🔗
1599
+ </a>
1600
+ </td>
1601
+ <td class="is-vcentered">
1602
+ <pre>#404040ff</pre>
1603
+ </td>
1604
+ <td class="is-vcentered">
1605
+ <div class="table__color-preview"
1606
+ style="background-color: #404040ff;">
1607
+ </div>
1608
+
1609
+ </td>
1610
+ </tr>
1611
+ <tr>
1612
+ <td class="with-icons is-vcentered"
1613
+ id="base-colorsComponentsMenuWinterChildAlt600"
1614
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 600; ">
1615
+ colorsComponentsMenuWinterChildAlt600
1616
+ <a href="#base-colorsComponentsMenuWinterChildAlt600"
1596
1617
  title="permalink"
1597
1618
  class="permalink">
1598
1619
  🔗
@@ -1610,63 +1631,63 @@
1610
1631
  </tr>
1611
1632
  <tr>
1612
1633
  <td class="with-icons is-vcentered"
1613
- id="base-colorsComponentsMenuAutumnChildAlt400"
1614
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: childAlt; variant: 400; ">
1615
- colorsComponentsMenuAutumnChildAlt400
1616
- <a href="#base-colorsComponentsMenuAutumnChildAlt400"
1634
+ id="base-colorsComponentsMenuWinterChildAlt700"
1635
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 700; ">
1636
+ colorsComponentsMenuWinterChildAlt700
1637
+ <a href="#base-colorsComponentsMenuWinterChildAlt700"
1617
1638
  title="permalink"
1618
1639
  class="permalink">
1619
1640
  🔗
1620
1641
  </a>
1621
1642
  </td>
1622
1643
  <td class="is-vcentered">
1623
- <pre>#19475eff</pre>
1644
+ <pre>#404040ff</pre>
1624
1645
  </td>
1625
1646
  <td class="is-vcentered">
1626
1647
  <div class="table__color-preview"
1627
- style="background-color: #19475eff;">
1648
+ style="background-color: #404040ff;">
1628
1649
  </div>
1629
1650
 
1630
1651
  </td>
1631
1652
  </tr>
1632
1653
  <tr>
1633
1654
  <td class="with-icons is-vcentered"
1634
- id="base-colorsComponentsMenuAutumnChildAlt500"
1635
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: childAlt; variant: 500; ">
1636
- colorsComponentsMenuAutumnChildAlt500
1637
- <a href="#base-colorsComponentsMenuAutumnChildAlt500"
1655
+ id="base-colorsComponentsMenuWinterChildAlt800"
1656
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 800; ">
1657
+ colorsComponentsMenuWinterChildAlt800
1658
+ <a href="#base-colorsComponentsMenuWinterChildAlt800"
1638
1659
  title="permalink"
1639
1660
  class="permalink">
1640
1661
  🔗
1641
1662
  </a>
1642
1663
  </td>
1643
1664
  <td class="is-vcentered">
1644
- <pre>#00324cff</pre>
1665
+ <pre>#404040ff</pre>
1645
1666
  </td>
1646
1667
  <td class="is-vcentered">
1647
1668
  <div class="table__color-preview"
1648
- style="background-color: #00324cff;">
1669
+ style="background-color: #404040ff;">
1649
1670
  </div>
1650
1671
 
1651
1672
  </td>
1652
1673
  </tr>
1653
1674
  <tr>
1654
1675
  <td class="with-icons is-vcentered"
1655
- id="base-colorsComponentsMenuAutumnChildAlt600"
1656
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: childAlt; variant: 600; ">
1657
- colorsComponentsMenuAutumnChildAlt600
1658
- <a href="#base-colorsComponentsMenuAutumnChildAlt600"
1676
+ id="base-colorsComponentsMenuWinterStandard400"
1677
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: standard; variant: 400; ">
1678
+ colorsComponentsMenuWinterStandard400
1679
+ <a href="#base-colorsComponentsMenuWinterStandard400"
1659
1680
  title="permalink"
1660
1681
  class="permalink">
1661
1682
  🔗
1662
1683
  </a>
1663
1684
  </td>
1664
1685
  <td class="is-vcentered">
1665
- <pre>#007e45ff</pre>
1686
+ <pre>#ff00ffff</pre>
1666
1687
  </td>
1667
1688
  <td class="is-vcentered">
1668
1689
  <div class="table__color-preview"
1669
- style="background-color: #007e45ff;">
1690
+ style="background-color: #ff00ffff;">
1670
1691
  </div>
1671
1692
 
1672
1693
  </td>
@@ -1734,6 +1755,27 @@
1734
1755
 
1735
1756
  </td>
1736
1757
  </tr>
1758
+ <tr>
1759
+ <td class="with-icons is-vcentered"
1760
+ id="base-colorsComponentsMenuWinterStandard800"
1761
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: standard; variant: 800; ">
1762
+ colorsComponentsMenuWinterStandard800
1763
+ <a href="#base-colorsComponentsMenuWinterStandard800"
1764
+ title="permalink"
1765
+ class="permalink">
1766
+ 🔗
1767
+ </a>
1768
+ </td>
1769
+ <td class="is-vcentered">
1770
+ <pre>#262626ff</pre>
1771
+ </td>
1772
+ <td class="is-vcentered">
1773
+ <div class="table__color-preview"
1774
+ style="background-color: #262626ff;">
1775
+ </div>
1776
+
1777
+ </td>
1778
+ </tr>
1737
1779
  <tr>
1738
1780
  <td class="with-icons is-vcentered"
1739
1781
  id="base-colorsComponentsMenuWinterParent500"
@@ -1799,52 +1841,94 @@
1799
1841
  </tr>
1800
1842
  <tr>
1801
1843
  <td class="with-icons is-vcentered"
1802
- id="base-colorsComponentsMenuWinterChild400"
1803
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 400; ">
1804
- colorsComponentsMenuWinterChild400
1805
- <a href="#base-colorsComponentsMenuWinterChild400"
1844
+ id="base-colorsComponentsMenuAutumnStandard500"
1845
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: standard; variant: 500; ">
1846
+ colorsComponentsMenuAutumnStandard500
1847
+ <a href="#base-colorsComponentsMenuAutumnStandard500"
1806
1848
  title="permalink"
1807
1849
  class="permalink">
1808
1850
  🔗
1809
1851
  </a>
1810
1852
  </td>
1811
1853
  <td class="is-vcentered">
1812
- <pre>#262626ff</pre>
1854
+ <pre>#00324cff</pre>
1813
1855
  </td>
1814
1856
  <td class="is-vcentered">
1815
1857
  <div class="table__color-preview"
1816
- style="background-color: #262626ff;">
1858
+ style="background-color: #00324cff;">
1817
1859
  </div>
1818
1860
 
1819
1861
  </td>
1820
1862
  </tr>
1821
1863
  <tr>
1822
1864
  <td class="with-icons is-vcentered"
1823
- id="base-colorsComponentsMenuWinterChild500"
1824
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 500; ">
1825
- colorsComponentsMenuWinterChild500
1826
- <a href="#base-colorsComponentsMenuWinterChild500"
1865
+ id="base-colorsComponentsMenuAutumnStandard600"
1866
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: standard; variant: 600; ">
1867
+ colorsComponentsMenuAutumnStandard600
1868
+ <a href="#base-colorsComponentsMenuAutumnStandard600"
1827
1869
  title="permalink"
1828
1870
  class="permalink">
1829
1871
  🔗
1830
1872
  </a>
1831
1873
  </td>
1832
1874
  <td class="is-vcentered">
1833
- <pre>#000000ff</pre>
1875
+ <pre>#007e45ff</pre>
1834
1876
  </td>
1835
1877
  <td class="is-vcentered">
1836
1878
  <div class="table__color-preview"
1837
- style="background-color: #000000ff;">
1879
+ style="background-color: #007e45ff;">
1838
1880
  </div>
1839
1881
 
1840
1882
  </td>
1841
1883
  </tr>
1842
1884
  <tr>
1843
1885
  <td class="with-icons is-vcentered"
1844
- id="base-colorsComponentsMenuWinterChild600"
1845
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 600; ">
1846
- colorsComponentsMenuWinterChild600
1847
- <a href="#base-colorsComponentsMenuWinterChild600"
1886
+ id="base-colorsComponentsMenuAutumnStandard700"
1887
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: standard; variant: 700; ">
1888
+ colorsComponentsMenuAutumnStandard700
1889
+ <a href="#base-colorsComponentsMenuAutumnStandard700"
1890
+ title="permalink"
1891
+ class="permalink">
1892
+ 🔗
1893
+ </a>
1894
+ </td>
1895
+ <td class="is-vcentered">
1896
+ <pre>#19475eff</pre>
1897
+ </td>
1898
+ <td class="is-vcentered">
1899
+ <div class="table__color-preview"
1900
+ style="background-color: #19475eff;">
1901
+ </div>
1902
+
1903
+ </td>
1904
+ </tr>
1905
+ <tr>
1906
+ <td class="with-icons is-vcentered"
1907
+ id="base-colorsComponentsMenuAutumnParent500"
1908
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: parent; variant: 500; ">
1909
+ colorsComponentsMenuAutumnParent500
1910
+ <a href="#base-colorsComponentsMenuAutumnParent500"
1911
+ title="permalink"
1912
+ class="permalink">
1913
+ 🔗
1914
+ </a>
1915
+ </td>
1916
+ <td class="is-vcentered">
1917
+ <pre>#00324cff</pre>
1918
+ </td>
1919
+ <td class="is-vcentered">
1920
+ <div class="table__color-preview"
1921
+ style="background-color: #00324cff;">
1922
+ </div>
1923
+
1924
+ </td>
1925
+ </tr>
1926
+ <tr>
1927
+ <td class="with-icons is-vcentered"
1928
+ id="base-colorsComponentsMenuAutumnParent600"
1929
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: parent; variant: 600; ">
1930
+ colorsComponentsMenuAutumnParent600
1931
+ <a href="#base-colorsComponentsMenuAutumnParent600"
1848
1932
  title="permalink"
1849
1933
  class="permalink">
1850
1934
  🔗
@@ -1862,52 +1946,136 @@
1862
1946
  </tr>
1863
1947
  <tr>
1864
1948
  <td class="with-icons is-vcentered"
1865
- id="base-colorsComponentsMenuWinterChildAlt400"
1866
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 400; ">
1867
- colorsComponentsMenuWinterChildAlt400
1868
- <a href="#base-colorsComponentsMenuWinterChildAlt400"
1949
+ id="base-colorsComponentsMenuAutumnParent700"
1950
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: parent; variant: 700; ">
1951
+ colorsComponentsMenuAutumnParent700
1952
+ <a href="#base-colorsComponentsMenuAutumnParent700"
1869
1953
  title="permalink"
1870
1954
  class="permalink">
1871
1955
  🔗
1872
1956
  </a>
1873
1957
  </td>
1874
1958
  <td class="is-vcentered">
1875
- <pre>#262626ff</pre>
1959
+ <pre>#19475eff</pre>
1876
1960
  </td>
1877
1961
  <td class="is-vcentered">
1878
1962
  <div class="table__color-preview"
1879
- style="background-color: #262626ff;">
1963
+ style="background-color: #19475eff;">
1880
1964
  </div>
1881
1965
 
1882
1966
  </td>
1883
1967
  </tr>
1884
1968
  <tr>
1885
1969
  <td class="with-icons is-vcentered"
1886
- id="base-colorsComponentsMenuWinterChildAlt500"
1887
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 500; ">
1888
- colorsComponentsMenuWinterChildAlt500
1889
- <a href="#base-colorsComponentsMenuWinterChildAlt500"
1970
+ id="base-colorsComponentsMenuAutumnChild400"
1971
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: child; variant: 400; ">
1972
+ colorsComponentsMenuAutumnChild400
1973
+ <a href="#base-colorsComponentsMenuAutumnChild400"
1890
1974
  title="permalink"
1891
1975
  class="permalink">
1892
1976
  🔗
1893
1977
  </a>
1894
1978
  </td>
1895
1979
  <td class="is-vcentered">
1896
- <pre>#191919ff</pre>
1980
+ <pre>#19475eff</pre>
1897
1981
  </td>
1898
1982
  <td class="is-vcentered">
1899
1983
  <div class="table__color-preview"
1900
- style="background-color: #191919ff;">
1984
+ style="background-color: #19475eff;">
1901
1985
  </div>
1902
1986
 
1903
1987
  </td>
1904
1988
  </tr>
1905
1989
  <tr>
1906
1990
  <td class="with-icons is-vcentered"
1907
- id="base-colorsComponentsMenuWinterChildAlt600"
1908
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 600; ">
1909
- colorsComponentsMenuWinterChildAlt600
1910
- <a href="#base-colorsComponentsMenuWinterChildAlt600"
1991
+ id="base-colorsComponentsMenuAutumnChild500"
1992
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: child; variant: 500; ">
1993
+ colorsComponentsMenuAutumnChild500
1994
+ <a href="#base-colorsComponentsMenuAutumnChild500"
1995
+ title="permalink"
1996
+ class="permalink">
1997
+ 🔗
1998
+ </a>
1999
+ </td>
2000
+ <td class="is-vcentered">
2001
+ <pre>#001926ff</pre>
2002
+ </td>
2003
+ <td class="is-vcentered">
2004
+ <div class="table__color-preview"
2005
+ style="background-color: #001926ff;">
2006
+ </div>
2007
+
2008
+ </td>
2009
+ </tr>
2010
+ <tr>
2011
+ <td class="with-icons is-vcentered"
2012
+ id="base-colorsComponentsMenuAutumnChild600"
2013
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: child; variant: 600; ">
2014
+ colorsComponentsMenuAutumnChild600
2015
+ <a href="#base-colorsComponentsMenuAutumnChild600"
2016
+ title="permalink"
2017
+ class="permalink">
2018
+ 🔗
2019
+ </a>
2020
+ </td>
2021
+ <td class="is-vcentered">
2022
+ <pre>#007e45ff</pre>
2023
+ </td>
2024
+ <td class="is-vcentered">
2025
+ <div class="table__color-preview"
2026
+ style="background-color: #007e45ff;">
2027
+ </div>
2028
+
2029
+ </td>
2030
+ </tr>
2031
+ <tr>
2032
+ <td class="with-icons is-vcentered"
2033
+ id="base-colorsComponentsMenuAutumnChildAlt400"
2034
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: childAlt; variant: 400; ">
2035
+ colorsComponentsMenuAutumnChildAlt400
2036
+ <a href="#base-colorsComponentsMenuAutumnChildAlt400"
2037
+ title="permalink"
2038
+ class="permalink">
2039
+ 🔗
2040
+ </a>
2041
+ </td>
2042
+ <td class="is-vcentered">
2043
+ <pre>#19475eff</pre>
2044
+ </td>
2045
+ <td class="is-vcentered">
2046
+ <div class="table__color-preview"
2047
+ style="background-color: #19475eff;">
2048
+ </div>
2049
+
2050
+ </td>
2051
+ </tr>
2052
+ <tr>
2053
+ <td class="with-icons is-vcentered"
2054
+ id="base-colorsComponentsMenuAutumnChildAlt500"
2055
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: childAlt; variant: 500; ">
2056
+ colorsComponentsMenuAutumnChildAlt500
2057
+ <a href="#base-colorsComponentsMenuAutumnChildAlt500"
2058
+ title="permalink"
2059
+ class="permalink">
2060
+ 🔗
2061
+ </a>
2062
+ </td>
2063
+ <td class="is-vcentered">
2064
+ <pre>#00324cff</pre>
2065
+ </td>
2066
+ <td class="is-vcentered">
2067
+ <div class="table__color-preview"
2068
+ style="background-color: #00324cff;">
2069
+ </div>
2070
+
2071
+ </td>
2072
+ </tr>
2073
+ <tr>
2074
+ <td class="with-icons is-vcentered"
2075
+ id="base-colorsComponentsMenuAutumnChildAlt600"
2076
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: childAlt; variant: 600; ">
2077
+ colorsComponentsMenuAutumnChildAlt600
2078
+ <a href="#base-colorsComponentsMenuAutumnChildAlt600"
1911
2079
  title="permalink"
1912
2080
  class="permalink">
1913
2081
  🔗