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