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