@sage/design-tokens 2.16.0 → 2.19.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 (15) hide show
  1. package/android/base.xml +26 -21
  2. package/css/base.css +26 -21
  3. package/data/tokens.json +110 -85
  4. package/docs/tokens/base/colors/index.html +249 -144
  5. package/docs/tokens/base/index.html +249 -144
  6. package/docs/tokens/index.html +249 -144
  7. package/ios/base.h +26 -21
  8. package/js/base/common.d.ts +25 -20
  9. package/js/base/common.js +26 -21
  10. package/js/base/es6.d.ts +25 -20
  11. package/js/base/es6.js +25 -20
  12. package/package.json +1 -1
  13. package/sage-design-tokens-2.19.0.tgz +0 -0
  14. package/scss/base.scss +26 -21
  15. package/sage-design-tokens-2.16.0.tgz +0 -0
package/docs/tokens/base/index.html CHANGED
@@ -491,6 +491,27 @@
491
491
 
492
492
  </td>
493
493
  </tr>
494
+ <tr>
495
+ <td class="with-icons is-vcentered"
496
+ id="base-colorsGray600"
497
+ title="theme: base; category: colors; name: gray; variant: 600; ">
498
+ colorsGray600
499
+ <a href="#base-colorsGray600"
500
+ title="permalink"
501
+ class="permalink">
502
+ 🔗
503
+ </a>
504
+ </td>
505
+ <td class="is-vcentered">
506
+ <pre>#666666ff</pre>
507
+ </td>
508
+ <td class="is-vcentered">
509
+ <div class="table__color-preview"
510
+ style="background-color: #666666ff;">
511
+ </div>
512
+
513
+ </td>
514
+ </tr>
494
515
  <tr>
495
516
  <td class="with-icons is-vcentered"
496
517
  id="base-colorsGray700"
@@ -1100,6 +1121,27 @@
1100
1121
 
1101
1122
  </td>
1102
1123
  </tr>
1124
+ <tr>
1125
+ <td class="with-icons is-vcentered"
1126
+ id="base-colorsComponentsMenuSummerParent400"
1127
+ title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: parent; variant: 400; ">
1128
+ colorsComponentsMenuSummerParent400
1129
+ <a href="#base-colorsComponentsMenuSummerParent400"
1130
+ title="permalink"
1131
+ class="permalink">
1132
+ 🔗
1133
+ </a>
1134
+ </td>
1135
+ <td class="is-vcentered">
1136
+ <pre>#ccd6dbff</pre>
1137
+ </td>
1138
+ <td class="is-vcentered">
1139
+ <div class="table__color-preview"
1140
+ style="background-color: #ccd6dbff;">
1141
+ </div>
1142
+
1143
+ </td>
1144
+ </tr>
1103
1145
  <tr>
1104
1146
  <td class="with-icons is-vcentered"
1105
1147
  id="base-colorsComponentsMenuSummerParent500"
@@ -1163,6 +1205,27 @@
1163
1205
 
1164
1206
  </td>
1165
1207
  </tr>
1208
+ <tr>
1209
+ <td class="with-icons is-vcentered"
1210
+ id="base-colorsComponentsMenuSummerParent800"
1211
+ title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: parent; variant: 800; ">
1212
+ colorsComponentsMenuSummerParent800
1213
+ <a href="#base-colorsComponentsMenuSummerParent800"
1214
+ title="permalink"
1215
+ class="permalink">
1216
+ 🔗
1217
+ </a>
1218
+ </td>
1219
+ <td class="is-vcentered">
1220
+ <pre>#e6ebedff</pre>
1221
+ </td>
1222
+ <td class="is-vcentered">
1223
+ <div class="table__color-preview"
1224
+ style="background-color: #e6ebedff;">
1225
+ </div>
1226
+
1227
+ </td>
1228
+ </tr>
1166
1229
  <tr>
1167
1230
  <td class="with-icons is-vcentered"
1168
1231
  id="base-colorsComponentsMenuSummerChild300"
@@ -1417,252 +1480,252 @@
1417
1480
  </tr>
1418
1481
  <tr>
1419
1482
  <td class="with-icons is-vcentered"
1420
- id="base-colorsComponentsMenuWinterChild300"
1421
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 300; ">
1422
- colorsComponentsMenuWinterChild300
1423
- <a href="#base-colorsComponentsMenuWinterChild300"
1483
+ id="base-colorsComponentsMenuAutumnStandard500"
1484
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: standard; variant: 500; ">
1485
+ colorsComponentsMenuAutumnStandard500
1486
+ <a href="#base-colorsComponentsMenuAutumnStandard500"
1424
1487
  title="permalink"
1425
1488
  class="permalink">
1426
1489
  🔗
1427
1490
  </a>
1428
1491
  </td>
1429
1492
  <td class="is-vcentered">
1430
- <pre>#4d4d4dff</pre>
1493
+ <pre>#00324cff</pre>
1431
1494
  </td>
1432
1495
  <td class="is-vcentered">
1433
1496
  <div class="table__color-preview"
1434
- style="background-color: #4d4d4dff;">
1497
+ style="background-color: #00324cff;">
1435
1498
  </div>
1436
1499
 
1437
1500
  </td>
1438
1501
  </tr>
1439
1502
  <tr>
1440
1503
  <td class="with-icons is-vcentered"
1441
- id="base-colorsComponentsMenuWinterChild400"
1442
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 400; ">
1443
- colorsComponentsMenuWinterChild400
1444
- <a href="#base-colorsComponentsMenuWinterChild400"
1504
+ id="base-colorsComponentsMenuAutumnStandard600"
1505
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: standard; variant: 600; ">
1506
+ colorsComponentsMenuAutumnStandard600
1507
+ <a href="#base-colorsComponentsMenuAutumnStandard600"
1445
1508
  title="permalink"
1446
1509
  class="permalink">
1447
1510
  🔗
1448
1511
  </a>
1449
1512
  </td>
1450
1513
  <td class="is-vcentered">
1451
- <pre>#ff00ffff</pre>
1514
+ <pre>#007e45ff</pre>
1452
1515
  </td>
1453
1516
  <td class="is-vcentered">
1454
1517
  <div class="table__color-preview"
1455
- style="background-color: #ff00ffff;">
1518
+ style="background-color: #007e45ff;">
1456
1519
  </div>
1457
1520
 
1458
1521
  </td>
1459
1522
  </tr>
1460
1523
  <tr>
1461
1524
  <td class="with-icons is-vcentered"
1462
- id="base-colorsComponentsMenuWinterChild500"
1463
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 500; ">
1464
- colorsComponentsMenuWinterChild500
1465
- <a href="#base-colorsComponentsMenuWinterChild500"
1525
+ id="base-colorsComponentsMenuAutumnStandard700"
1526
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: standard; variant: 700; ">
1527
+ colorsComponentsMenuAutumnStandard700
1528
+ <a href="#base-colorsComponentsMenuAutumnStandard700"
1466
1529
  title="permalink"
1467
1530
  class="permalink">
1468
1531
  🔗
1469
1532
  </a>
1470
1533
  </td>
1471
1534
  <td class="is-vcentered">
1472
- <pre>#262626ff</pre>
1535
+ <pre>#19475eff</pre>
1473
1536
  </td>
1474
1537
  <td class="is-vcentered">
1475
1538
  <div class="table__color-preview"
1476
- style="background-color: #262626ff;">
1539
+ style="background-color: #19475eff;">
1477
1540
  </div>
1478
1541
 
1479
1542
  </td>
1480
1543
  </tr>
1481
1544
  <tr>
1482
1545
  <td class="with-icons is-vcentered"
1483
- id="base-colorsComponentsMenuWinterChild600"
1484
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 600; ">
1485
- colorsComponentsMenuWinterChild600
1486
- <a href="#base-colorsComponentsMenuWinterChild600"
1546
+ id="base-colorsComponentsMenuAutumnParent500"
1547
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: parent; variant: 500; ">
1548
+ colorsComponentsMenuAutumnParent500
1549
+ <a href="#base-colorsComponentsMenuAutumnParent500"
1487
1550
  title="permalink"
1488
1551
  class="permalink">
1489
1552
  🔗
1490
1553
  </a>
1491
1554
  </td>
1492
1555
  <td class="is-vcentered">
1493
- <pre>#007e45ff</pre>
1556
+ <pre>#00324cff</pre>
1494
1557
  </td>
1495
1558
  <td class="is-vcentered">
1496
1559
  <div class="table__color-preview"
1497
- style="background-color: #007e45ff;">
1560
+ style="background-color: #00324cff;">
1498
1561
  </div>
1499
1562
 
1500
1563
  </td>
1501
1564
  </tr>
1502
1565
  <tr>
1503
1566
  <td class="with-icons is-vcentered"
1504
- id="base-colorsComponentsMenuWinterChild700"
1505
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 700; ">
1506
- colorsComponentsMenuWinterChild700
1507
- <a href="#base-colorsComponentsMenuWinterChild700"
1567
+ id="base-colorsComponentsMenuAutumnParent600"
1568
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: parent; variant: 600; ">
1569
+ colorsComponentsMenuAutumnParent600
1570
+ <a href="#base-colorsComponentsMenuAutumnParent600"
1508
1571
  title="permalink"
1509
1572
  class="permalink">
1510
1573
  🔗
1511
1574
  </a>
1512
1575
  </td>
1513
1576
  <td class="is-vcentered">
1514
- <pre>#262626ff</pre>
1577
+ <pre>#007e45ff</pre>
1515
1578
  </td>
1516
1579
  <td class="is-vcentered">
1517
1580
  <div class="table__color-preview"
1518
- style="background-color: #262626ff;">
1581
+ style="background-color: #007e45ff;">
1519
1582
  </div>
1520
1583
 
1521
1584
  </td>
1522
1585
  </tr>
1523
1586
  <tr>
1524
1587
  <td class="with-icons is-vcentered"
1525
- id="base-colorsComponentsMenuWinterChild800"
1526
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 800; ">
1527
- colorsComponentsMenuWinterChild800
1528
- <a href="#base-colorsComponentsMenuWinterChild800"
1588
+ id="base-colorsComponentsMenuAutumnParent700"
1589
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: parent; variant: 700; ">
1590
+ colorsComponentsMenuAutumnParent700
1591
+ <a href="#base-colorsComponentsMenuAutumnParent700"
1529
1592
  title="permalink"
1530
1593
  class="permalink">
1531
1594
  🔗
1532
1595
  </a>
1533
1596
  </td>
1534
1597
  <td class="is-vcentered">
1535
- <pre>#262626ff</pre>
1598
+ <pre>#19475eff</pre>
1536
1599
  </td>
1537
1600
  <td class="is-vcentered">
1538
1601
  <div class="table__color-preview"
1539
- style="background-color: #262626ff;">
1602
+ style="background-color: #19475eff;">
1540
1603
  </div>
1541
1604
 
1542
1605
  </td>
1543
1606
  </tr>
1544
1607
  <tr>
1545
1608
  <td class="with-icons is-vcentered"
1546
- id="base-colorsComponentsMenuWinterChildAlt300"
1547
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 300; ">
1548
- colorsComponentsMenuWinterChildAlt300
1549
- <a href="#base-colorsComponentsMenuWinterChildAlt300"
1609
+ id="base-colorsComponentsMenuAutumnChild400"
1610
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: child; variant: 400; ">
1611
+ colorsComponentsMenuAutumnChild400
1612
+ <a href="#base-colorsComponentsMenuAutumnChild400"
1550
1613
  title="permalink"
1551
1614
  class="permalink">
1552
1615
  🔗
1553
1616
  </a>
1554
1617
  </td>
1555
1618
  <td class="is-vcentered">
1556
- <pre>#4d4d4dff</pre>
1619
+ <pre>#19475eff</pre>
1557
1620
  </td>
1558
1621
  <td class="is-vcentered">
1559
1622
  <div class="table__color-preview"
1560
- style="background-color: #4d4d4dff;">
1623
+ style="background-color: #19475eff;">
1561
1624
  </div>
1562
1625
 
1563
1626
  </td>
1564
1627
  </tr>
1565
1628
  <tr>
1566
1629
  <td class="with-icons is-vcentered"
1567
- id="base-colorsComponentsMenuWinterChildAlt400"
1568
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 400; ">
1569
- colorsComponentsMenuWinterChildAlt400
1570
- <a href="#base-colorsComponentsMenuWinterChildAlt400"
1630
+ id="base-colorsComponentsMenuAutumnChild500"
1631
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: child; variant: 500; ">
1632
+ colorsComponentsMenuAutumnChild500
1633
+ <a href="#base-colorsComponentsMenuAutumnChild500"
1571
1634
  title="permalink"
1572
1635
  class="permalink">
1573
1636
  🔗
1574
1637
  </a>
1575
1638
  </td>
1576
1639
  <td class="is-vcentered">
1577
- <pre>#ff00ffff</pre>
1640
+ <pre>#001926ff</pre>
1578
1641
  </td>
1579
1642
  <td class="is-vcentered">
1580
1643
  <div class="table__color-preview"
1581
- style="background-color: #ff00ffff;">
1644
+ style="background-color: #001926ff;">
1582
1645
  </div>
1583
1646
 
1584
1647
  </td>
1585
1648
  </tr>
1586
1649
  <tr>
1587
1650
  <td class="with-icons is-vcentered"
1588
- id="base-colorsComponentsMenuWinterChildAlt500"
1589
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 500; ">
1590
- colorsComponentsMenuWinterChildAlt500
1591
- <a href="#base-colorsComponentsMenuWinterChildAlt500"
1651
+ id="base-colorsComponentsMenuAutumnChild600"
1652
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: child; variant: 600; ">
1653
+ colorsComponentsMenuAutumnChild600
1654
+ <a href="#base-colorsComponentsMenuAutumnChild600"
1592
1655
  title="permalink"
1593
1656
  class="permalink">
1594
1657
  🔗
1595
1658
  </a>
1596
1659
  </td>
1597
1660
  <td class="is-vcentered">
1598
- <pre>#404040ff</pre>
1661
+ <pre>#007e45ff</pre>
1599
1662
  </td>
1600
1663
  <td class="is-vcentered">
1601
1664
  <div class="table__color-preview"
1602
- style="background-color: #404040ff;">
1665
+ style="background-color: #007e45ff;">
1603
1666
  </div>
1604
1667
 
1605
1668
  </td>
1606
1669
  </tr>
1607
1670
  <tr>
1608
1671
  <td class="with-icons is-vcentered"
1609
- id="base-colorsComponentsMenuWinterChildAlt600"
1610
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 600; ">
1611
- colorsComponentsMenuWinterChildAlt600
1612
- <a href="#base-colorsComponentsMenuWinterChildAlt600"
1672
+ id="base-colorsComponentsMenuAutumnChildAlt400"
1673
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: childAlt; variant: 400; ">
1674
+ colorsComponentsMenuAutumnChildAlt400
1675
+ <a href="#base-colorsComponentsMenuAutumnChildAlt400"
1613
1676
  title="permalink"
1614
1677
  class="permalink">
1615
1678
  🔗
1616
1679
  </a>
1617
1680
  </td>
1618
1681
  <td class="is-vcentered">
1619
- <pre>#007e45ff</pre>
1682
+ <pre>#19475eff</pre>
1620
1683
  </td>
1621
1684
  <td class="is-vcentered">
1622
1685
  <div class="table__color-preview"
1623
- style="background-color: #007e45ff;">
1686
+ style="background-color: #19475eff;">
1624
1687
  </div>
1625
1688
 
1626
1689
  </td>
1627
1690
  </tr>
1628
1691
  <tr>
1629
1692
  <td class="with-icons is-vcentered"
1630
- id="base-colorsComponentsMenuWinterChildAlt700"
1631
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 700; ">
1632
- colorsComponentsMenuWinterChildAlt700
1633
- <a href="#base-colorsComponentsMenuWinterChildAlt700"
1693
+ id="base-colorsComponentsMenuAutumnChildAlt500"
1694
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: childAlt; variant: 500; ">
1695
+ colorsComponentsMenuAutumnChildAlt500
1696
+ <a href="#base-colorsComponentsMenuAutumnChildAlt500"
1634
1697
  title="permalink"
1635
1698
  class="permalink">
1636
1699
  🔗
1637
1700
  </a>
1638
1701
  </td>
1639
1702
  <td class="is-vcentered">
1640
- <pre>#404040ff</pre>
1703
+ <pre>#00324cff</pre>
1641
1704
  </td>
1642
1705
  <td class="is-vcentered">
1643
1706
  <div class="table__color-preview"
1644
- style="background-color: #404040ff;">
1707
+ style="background-color: #00324cff;">
1645
1708
  </div>
1646
1709
 
1647
1710
  </td>
1648
1711
  </tr>
1649
1712
  <tr>
1650
1713
  <td class="with-icons is-vcentered"
1651
- id="base-colorsComponentsMenuWinterChildAlt800"
1652
- title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 800; ">
1653
- colorsComponentsMenuWinterChildAlt800
1654
- <a href="#base-colorsComponentsMenuWinterChildAlt800"
1714
+ id="base-colorsComponentsMenuAutumnChildAlt600"
1715
+ title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: childAlt; variant: 600; ">
1716
+ colorsComponentsMenuAutumnChildAlt600
1717
+ <a href="#base-colorsComponentsMenuAutumnChildAlt600"
1655
1718
  title="permalink"
1656
1719
  class="permalink">
1657
1720
  🔗
1658
1721
  </a>
1659
1722
  </td>
1660
1723
  <td class="is-vcentered">
1661
- <pre>#404040ff</pre>
1724
+ <pre>#007e45ff</pre>
1662
1725
  </td>
1663
1726
  <td class="is-vcentered">
1664
1727
  <div class="table__color-preview"
1665
- style="background-color: #404040ff;">
1728
+ style="background-color: #007e45ff;">
1666
1729
  </div>
1667
1730
 
1668
1731
  </td>
@@ -1679,11 +1742,11 @@
1679
1742
  </a>
1680
1743
  </td>
1681
1744
  <td class="is-vcentered">
1682
- <pre>#ff00ffff</pre>
1745
+ <pre>#4d4d4dff</pre>
1683
1746
  </td>
1684
1747
  <td class="is-vcentered">
1685
1748
  <div class="table__color-preview"
1686
- style="background-color: #ff00ffff;">
1749
+ style="background-color: #4d4d4dff;">
1687
1750
  </div>
1688
1751
 
1689
1752
  </td>
@@ -1772,6 +1835,27 @@
1772
1835
 
1773
1836
  </td>
1774
1837
  </tr>
1838
+ <tr>
1839
+ <td class="with-icons is-vcentered"
1840
+ id="base-colorsComponentsMenuWinterParent400"
1841
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: parent; variant: 400; ">
1842
+ colorsComponentsMenuWinterParent400
1843
+ <a href="#base-colorsComponentsMenuWinterParent400"
1844
+ title="permalink"
1845
+ class="permalink">
1846
+ 🔗
1847
+ </a>
1848
+ </td>
1849
+ <td class="is-vcentered">
1850
+ <pre>#4d4d4dff</pre>
1851
+ </td>
1852
+ <td class="is-vcentered">
1853
+ <div class="table__color-preview"
1854
+ style="background-color: #4d4d4dff;">
1855
+ </div>
1856
+
1857
+ </td>
1858
+ </tr>
1775
1859
  <tr>
1776
1860
  <td class="with-icons is-vcentered"
1777
1861
  id="base-colorsComponentsMenuWinterParent500"
@@ -1837,94 +1921,94 @@
1837
1921
  </tr>
1838
1922
  <tr>
1839
1923
  <td class="with-icons is-vcentered"
1840
- id="base-colorsComponentsMenuAutumnStandard500"
1841
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: standard; variant: 500; ">
1842
- colorsComponentsMenuAutumnStandard500
1843
- <a href="#base-colorsComponentsMenuAutumnStandard500"
1924
+ id="base-colorsComponentsMenuWinterParent800"
1925
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: parent; variant: 800; ">
1926
+ colorsComponentsMenuWinterParent800
1927
+ <a href="#base-colorsComponentsMenuWinterParent800"
1844
1928
  title="permalink"
1845
1929
  class="permalink">
1846
1930
  🔗
1847
1931
  </a>
1848
1932
  </td>
1849
1933
  <td class="is-vcentered">
1850
- <pre>#00324cff</pre>
1934
+ <pre>#262626ff</pre>
1851
1935
  </td>
1852
1936
  <td class="is-vcentered">
1853
1937
  <div class="table__color-preview"
1854
- style="background-color: #00324cff;">
1938
+ style="background-color: #262626ff;">
1855
1939
  </div>
1856
1940
 
1857
1941
  </td>
1858
1942
  </tr>
1859
1943
  <tr>
1860
1944
  <td class="with-icons is-vcentered"
1861
- id="base-colorsComponentsMenuAutumnStandard600"
1862
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: standard; variant: 600; ">
1863
- colorsComponentsMenuAutumnStandard600
1864
- <a href="#base-colorsComponentsMenuAutumnStandard600"
1945
+ id="base-colorsComponentsMenuWinterChild300"
1946
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 300; ">
1947
+ colorsComponentsMenuWinterChild300
1948
+ <a href="#base-colorsComponentsMenuWinterChild300"
1865
1949
  title="permalink"
1866
1950
  class="permalink">
1867
1951
  🔗
1868
1952
  </a>
1869
1953
  </td>
1870
1954
  <td class="is-vcentered">
1871
- <pre>#007e45ff</pre>
1955
+ <pre>#666666ff</pre>
1872
1956
  </td>
1873
1957
  <td class="is-vcentered">
1874
1958
  <div class="table__color-preview"
1875
- style="background-color: #007e45ff;">
1959
+ style="background-color: #666666ff;">
1876
1960
  </div>
1877
1961
 
1878
1962
  </td>
1879
1963
  </tr>
1880
1964
  <tr>
1881
1965
  <td class="with-icons is-vcentered"
1882
- id="base-colorsComponentsMenuAutumnStandard700"
1883
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: standard; variant: 700; ">
1884
- colorsComponentsMenuAutumnStandard700
1885
- <a href="#base-colorsComponentsMenuAutumnStandard700"
1966
+ id="base-colorsComponentsMenuWinterChild400"
1967
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 400; ">
1968
+ colorsComponentsMenuWinterChild400
1969
+ <a href="#base-colorsComponentsMenuWinterChild400"
1886
1970
  title="permalink"
1887
1971
  class="permalink">
1888
1972
  🔗
1889
1973
  </a>
1890
1974
  </td>
1891
1975
  <td class="is-vcentered">
1892
- <pre>#19475eff</pre>
1976
+ <pre>#4d4d4dff</pre>
1893
1977
  </td>
1894
1978
  <td class="is-vcentered">
1895
1979
  <div class="table__color-preview"
1896
- style="background-color: #19475eff;">
1980
+ style="background-color: #4d4d4dff;">
1897
1981
  </div>
1898
1982
 
1899
1983
  </td>
1900
1984
  </tr>
1901
1985
  <tr>
1902
1986
  <td class="with-icons is-vcentered"
1903
- id="base-colorsComponentsMenuAutumnParent500"
1904
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: parent; variant: 500; ">
1905
- colorsComponentsMenuAutumnParent500
1906
- <a href="#base-colorsComponentsMenuAutumnParent500"
1987
+ id="base-colorsComponentsMenuWinterChild500"
1988
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 500; ">
1989
+ colorsComponentsMenuWinterChild500
1990
+ <a href="#base-colorsComponentsMenuWinterChild500"
1907
1991
  title="permalink"
1908
1992
  class="permalink">
1909
1993
  🔗
1910
1994
  </a>
1911
1995
  </td>
1912
1996
  <td class="is-vcentered">
1913
- <pre>#00324cff</pre>
1997
+ <pre>#262626ff</pre>
1914
1998
  </td>
1915
1999
  <td class="is-vcentered">
1916
2000
  <div class="table__color-preview"
1917
- style="background-color: #00324cff;">
2001
+ style="background-color: #262626ff;">
1918
2002
  </div>
1919
2003
 
1920
2004
  </td>
1921
2005
  </tr>
1922
2006
  <tr>
1923
2007
  <td class="with-icons is-vcentered"
1924
- id="base-colorsComponentsMenuAutumnParent600"
1925
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: parent; variant: 600; ">
1926
- colorsComponentsMenuAutumnParent600
1927
- <a href="#base-colorsComponentsMenuAutumnParent600"
2008
+ id="base-colorsComponentsMenuWinterChild600"
2009
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 600; ">
2010
+ colorsComponentsMenuWinterChild600
2011
+ <a href="#base-colorsComponentsMenuWinterChild600"
1928
2012
  title="permalink"
1929
2013
  class="permalink">
1930
2014
  🔗
@@ -1942,147 +2026,168 @@
1942
2026
  </tr>
1943
2027
  <tr>
1944
2028
  <td class="with-icons is-vcentered"
1945
- id="base-colorsComponentsMenuAutumnParent700"
1946
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: parent; variant: 700; ">
1947
- colorsComponentsMenuAutumnParent700
1948
- <a href="#base-colorsComponentsMenuAutumnParent700"
2029
+ id="base-colorsComponentsMenuWinterChild700"
2030
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 700; ">
2031
+ colorsComponentsMenuWinterChild700
2032
+ <a href="#base-colorsComponentsMenuWinterChild700"
1949
2033
  title="permalink"
1950
2034
  class="permalink">
1951
2035
  🔗
1952
2036
  </a>
1953
2037
  </td>
1954
2038
  <td class="is-vcentered">
1955
- <pre>#19475eff</pre>
2039
+ <pre>#262626ff</pre>
1956
2040
  </td>
1957
2041
  <td class="is-vcentered">
1958
2042
  <div class="table__color-preview"
1959
- style="background-color: #19475eff;">
2043
+ style="background-color: #262626ff;">
1960
2044
  </div>
1961
2045
 
1962
2046
  </td>
1963
2047
  </tr>
1964
2048
  <tr>
1965
2049
  <td class="with-icons is-vcentered"
1966
- id="base-colorsComponentsMenuAutumnChild400"
1967
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: child; variant: 400; ">
1968
- colorsComponentsMenuAutumnChild400
1969
- <a href="#base-colorsComponentsMenuAutumnChild400"
2050
+ id="base-colorsComponentsMenuWinterChild800"
2051
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 800; ">
2052
+ colorsComponentsMenuWinterChild800
2053
+ <a href="#base-colorsComponentsMenuWinterChild800"
1970
2054
  title="permalink"
1971
2055
  class="permalink">
1972
2056
  🔗
1973
2057
  </a>
1974
2058
  </td>
1975
2059
  <td class="is-vcentered">
1976
- <pre>#19475eff</pre>
2060
+ <pre>#262626ff</pre>
1977
2061
  </td>
1978
2062
  <td class="is-vcentered">
1979
2063
  <div class="table__color-preview"
1980
- style="background-color: #19475eff;">
2064
+ style="background-color: #262626ff;">
1981
2065
  </div>
1982
2066
 
1983
2067
  </td>
1984
2068
  </tr>
1985
2069
  <tr>
1986
2070
  <td class="with-icons is-vcentered"
1987
- id="base-colorsComponentsMenuAutumnChild500"
1988
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: child; variant: 500; ">
1989
- colorsComponentsMenuAutumnChild500
1990
- <a href="#base-colorsComponentsMenuAutumnChild500"
2071
+ id="base-colorsComponentsMenuWinterChildAlt300"
2072
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 300; ">
2073
+ colorsComponentsMenuWinterChildAlt300
2074
+ <a href="#base-colorsComponentsMenuWinterChildAlt300"
1991
2075
  title="permalink"
1992
2076
  class="permalink">
1993
2077
  🔗
1994
2078
  </a>
1995
2079
  </td>
1996
2080
  <td class="is-vcentered">
1997
- <pre>#001926ff</pre>
2081
+ <pre>#666666ff</pre>
1998
2082
  </td>
1999
2083
  <td class="is-vcentered">
2000
2084
  <div class="table__color-preview"
2001
- style="background-color: #001926ff;">
2085
+ style="background-color: #666666ff;">
2002
2086
  </div>
2003
2087
 
2004
2088
  </td>
2005
2089
  </tr>
2006
2090
  <tr>
2007
2091
  <td class="with-icons is-vcentered"
2008
- id="base-colorsComponentsMenuAutumnChild600"
2009
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: child; variant: 600; ">
2010
- colorsComponentsMenuAutumnChild600
2011
- <a href="#base-colorsComponentsMenuAutumnChild600"
2092
+ id="base-colorsComponentsMenuWinterChildAlt400"
2093
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 400; ">
2094
+ colorsComponentsMenuWinterChildAlt400
2095
+ <a href="#base-colorsComponentsMenuWinterChildAlt400"
2012
2096
  title="permalink"
2013
2097
  class="permalink">
2014
2098
  🔗
2015
2099
  </a>
2016
2100
  </td>
2017
2101
  <td class="is-vcentered">
2018
- <pre>#007e45ff</pre>
2102
+ <pre>#4d4d4dff</pre>
2019
2103
  </td>
2020
2104
  <td class="is-vcentered">
2021
2105
  <div class="table__color-preview"
2022
- style="background-color: #007e45ff;">
2106
+ style="background-color: #4d4d4dff;">
2023
2107
  </div>
2024
2108
 
2025
2109
  </td>
2026
2110
  </tr>
2027
2111
  <tr>
2028
2112
  <td class="with-icons is-vcentered"
2029
- id="base-colorsComponentsMenuAutumnChildAlt400"
2030
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: childAlt; variant: 400; ">
2031
- colorsComponentsMenuAutumnChildAlt400
2032
- <a href="#base-colorsComponentsMenuAutumnChildAlt400"
2113
+ id="base-colorsComponentsMenuWinterChildAlt500"
2114
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 500; ">
2115
+ colorsComponentsMenuWinterChildAlt500
2116
+ <a href="#base-colorsComponentsMenuWinterChildAlt500"
2033
2117
  title="permalink"
2034
2118
  class="permalink">
2035
2119
  🔗
2036
2120
  </a>
2037
2121
  </td>
2038
2122
  <td class="is-vcentered">
2039
- <pre>#19475eff</pre>
2123
+ <pre>#404040ff</pre>
2040
2124
  </td>
2041
2125
  <td class="is-vcentered">
2042
2126
  <div class="table__color-preview"
2043
- style="background-color: #19475eff;">
2127
+ style="background-color: #404040ff;">
2044
2128
  </div>
2045
2129
 
2046
2130
  </td>
2047
2131
  </tr>
2048
2132
  <tr>
2049
2133
  <td class="with-icons is-vcentered"
2050
- id="base-colorsComponentsMenuAutumnChildAlt500"
2051
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: childAlt; variant: 500; ">
2052
- colorsComponentsMenuAutumnChildAlt500
2053
- <a href="#base-colorsComponentsMenuAutumnChildAlt500"
2134
+ id="base-colorsComponentsMenuWinterChildAlt600"
2135
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 600; ">
2136
+ colorsComponentsMenuWinterChildAlt600
2137
+ <a href="#base-colorsComponentsMenuWinterChildAlt600"
2054
2138
  title="permalink"
2055
2139
  class="permalink">
2056
2140
  🔗
2057
2141
  </a>
2058
2142
  </td>
2059
2143
  <td class="is-vcentered">
2060
- <pre>#00324cff</pre>
2144
+ <pre>#007e45ff</pre>
2061
2145
  </td>
2062
2146
  <td class="is-vcentered">
2063
2147
  <div class="table__color-preview"
2064
- style="background-color: #00324cff;">
2148
+ style="background-color: #007e45ff;">
2065
2149
  </div>
2066
2150
 
2067
2151
  </td>
2068
2152
  </tr>
2069
2153
  <tr>
2070
2154
  <td class="with-icons is-vcentered"
2071
- id="base-colorsComponentsMenuAutumnChildAlt600"
2072
- title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: childAlt; variant: 600; ">
2073
- colorsComponentsMenuAutumnChildAlt600
2074
- <a href="#base-colorsComponentsMenuAutumnChildAlt600"
2155
+ id="base-colorsComponentsMenuWinterChildAlt700"
2156
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 700; ">
2157
+ colorsComponentsMenuWinterChildAlt700
2158
+ <a href="#base-colorsComponentsMenuWinterChildAlt700"
2075
2159
  title="permalink"
2076
2160
  class="permalink">
2077
2161
  🔗
2078
2162
  </a>
2079
2163
  </td>
2080
2164
  <td class="is-vcentered">
2081
- <pre>#007e45ff</pre>
2165
+ <pre>#404040ff</pre>
2082
2166
  </td>
2083
2167
  <td class="is-vcentered">
2084
2168
  <div class="table__color-preview"
2085
- style="background-color: #007e45ff;">
2169
+ style="background-color: #404040ff;">
2170
+ </div>
2171
+
2172
+ </td>
2173
+ </tr>
2174
+ <tr>
2175
+ <td class="with-icons is-vcentered"
2176
+ id="base-colorsComponentsMenuWinterChildAlt800"
2177
+ title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 800; ">
2178
+ colorsComponentsMenuWinterChildAlt800
2179
+ <a href="#base-colorsComponentsMenuWinterChildAlt800"
2180
+ title="permalink"
2181
+ class="permalink">
2182
+ 🔗
2183
+ </a>
2184
+ </td>
2185
+ <td class="is-vcentered">
2186
+ <pre>#404040ff</pre>
2187
+ </td>
2188
+ <td class="is-vcentered">
2189
+ <div class="table__color-preview"
2190
+ style="background-color: #404040ff;">
2086
2191
  </div>
2087
2192
 
2088
2193
  </td>