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