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