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