@utrecht/component-library-design-tokens 1.1.9 → 1.1.11

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 (2) hide show
  1. package/dist/tokens.json +806 -776
  2. package/package.json +8 -8
package/dist/tokens.json CHANGED
@@ -1384,7 +1384,66 @@
1384
1384
  }
1385
1385
  },
1386
1386
  "table-of-contents": {},
1387
- "table": {
1387
+ "surface": {
1388
+ "background-color": {
1389
+ "$extensions": {
1390
+ "nl.nldesignsystem.css.property": {
1391
+ "syntax": "<color>",
1392
+ "inherits": true
1393
+ },
1394
+ "nl.nldesignsystem.figma.supports-token": false
1395
+ },
1396
+ "type": "color"
1397
+ },
1398
+ "color": {
1399
+ "$extensions": {
1400
+ "nl.nldesignsystem.css.property": {
1401
+ "syntax": "<color>",
1402
+ "inherits": true
1403
+ },
1404
+ "nl.nldesignsystem.figma.supports-token": false
1405
+ },
1406
+ "type": "color"
1407
+ }
1408
+ },
1409
+ "superscript": {},
1410
+ "subscript": {},
1411
+ "status-badge": {
1412
+ "letter-spacing": {
1413
+ "$extensions": {
1414
+ "nl.nldesignsystem.css.property": {
1415
+ "syntax": "<length>",
1416
+ "inherits": true
1417
+ },
1418
+ "nl.nldesignsystem.figma.supports-token": true
1419
+ },
1420
+ "type": "letterSpacing"
1421
+ },
1422
+ "text-transform": {
1423
+ "$extensions": {
1424
+ "nl.nldesignsystem.css.property": {
1425
+ "syntax": [
1426
+ "inherit",
1427
+ "uppercase"
1428
+ ],
1429
+ "inherits": true
1430
+ },
1431
+ "nl.nldesignsystem.figma.supports-token": true
1432
+ },
1433
+ "type": "textCase"
1434
+ }
1435
+ },
1436
+ "spotlight-section": {
1437
+ "background-color": {
1438
+ "$extensions": {
1439
+ "nl.nldesignsystem.css.property": {
1440
+ "syntax": "<color>",
1441
+ "inherits": true
1442
+ },
1443
+ "nl.nldesignsystem.figma.supports-token": false
1444
+ },
1445
+ "type": "color"
1446
+ },
1388
1447
  "border-color": {
1389
1448
  "$extensions": {
1390
1449
  "nl.nldesignsystem.css.property": {
@@ -1395,6 +1454,16 @@
1395
1454
  },
1396
1455
  "type": "color"
1397
1456
  },
1457
+ "border-radius": {
1458
+ "$extensions": {
1459
+ "nl.nldesignsystem.css.property": {
1460
+ "syntax": "<length-percentage>",
1461
+ "inherits": true
1462
+ },
1463
+ "nl.nldesignsystem.figma.supports-token": false
1464
+ },
1465
+ "type": "borderRadius"
1466
+ },
1398
1467
  "border-width": {
1399
1468
  "$extensions": {
1400
1469
  "nl.nldesignsystem.css.property": {
@@ -1405,43 +1474,47 @@
1405
1474
  },
1406
1475
  "type": "borderWidth"
1407
1476
  },
1408
- "font-family": {
1477
+ "color": {
1409
1478
  "$extensions": {
1410
1479
  "nl.nldesignsystem.css.property": {
1411
- "syntax": "*",
1480
+ "syntax": "<color>",
1412
1481
  "inherits": true
1413
1482
  },
1414
- "nl.nldesignsystem.fallback": [
1415
- "utrecht.document.color"
1416
- ],
1417
- "nl.nldesignsystem.figma.supports-token": true
1483
+ "nl.nldesignsystem.figma.supports-token": false
1418
1484
  },
1419
- "type": "fontFamilies"
1485
+ "type": "color"
1420
1486
  },
1421
- "font-size": {
1487
+ "padding-block-start": {
1422
1488
  "$extensions": {
1423
1489
  "nl.nldesignsystem.css.property": {
1424
1490
  "syntax": "<length>",
1425
1491
  "inherits": true
1426
1492
  },
1427
- "nl.nldesignsystem.figma.supports-token": true
1493
+ "nl.nldesignsystem.figma.supports-token": false
1428
1494
  },
1429
- "type": "fontSizes"
1495
+ "type": "spacing"
1430
1496
  },
1431
- "line-height": {
1497
+ "padding-block-end": {
1432
1498
  "$extensions": {
1433
1499
  "nl.nldesignsystem.css.property": {
1434
- "syntax": [
1435
- "<length>",
1436
- "<number>"
1437
- ],
1500
+ "syntax": "<length>",
1438
1501
  "inherits": true
1439
1502
  },
1440
- "nl.nldesignsystem.figma.supports-token": true
1503
+ "nl.nldesignsystem.figma.supports-token": false
1441
1504
  },
1442
- "type": "lineHeights"
1505
+ "type": "spacing"
1443
1506
  },
1444
- "margin-block-end": {
1507
+ "padding-inline-start": {
1508
+ "$extensions": {
1509
+ "nl.nldesignsystem.css.property": {
1510
+ "syntax": "<length>",
1511
+ "inherits": true
1512
+ },
1513
+ "nl.nldesignsystem.figma.supports-token": false
1514
+ },
1515
+ "type": "spacing"
1516
+ },
1517
+ "padding-inline-end": {
1445
1518
  "$extensions": {
1446
1519
  "nl.nldesignsystem.css.property": {
1447
1520
  "syntax": "<length>",
@@ -1461,36 +1534,46 @@
1461
1534
  },
1462
1535
  "type": "spacing"
1463
1536
  },
1464
- "caption": {
1465
- "font-weight": {
1537
+ "margin-block-end": {
1538
+ "$extensions": {
1539
+ "nl.nldesignsystem.css.property": {
1540
+ "syntax": "<length>",
1541
+ "inherits": true
1542
+ },
1543
+ "nl.nldesignsystem.figma.supports-token": false
1544
+ },
1545
+ "type": "spacing"
1546
+ },
1547
+ "info": {
1548
+ "background-color": {
1466
1549
  "$extensions": {
1467
1550
  "nl.nldesignsystem.css.property": {
1468
- "syntax": "<number>",
1551
+ "syntax": "<color>",
1469
1552
  "inherits": true
1470
1553
  },
1471
- "nl.nldesignsystem.figma.supports-token": true
1554
+ "nl.nldesignsystem.figma.supports-token": false
1472
1555
  },
1473
- "type": "fontWeights"
1556
+ "type": "color"
1474
1557
  },
1475
- "font-family": {
1558
+ "border-color": {
1476
1559
  "$extensions": {
1477
1560
  "nl.nldesignsystem.css.property": {
1478
- "syntax": "*",
1561
+ "syntax": "<color>",
1479
1562
  "inherits": true
1480
1563
  },
1481
- "nl.nldesignsystem.figma.supports-token": true
1564
+ "nl.nldesignsystem.figma.supports-token": false
1482
1565
  },
1483
- "type": "fontFamilies"
1566
+ "type": "color"
1484
1567
  },
1485
- "font-size": {
1568
+ "border-width": {
1486
1569
  "$extensions": {
1487
1570
  "nl.nldesignsystem.css.property": {
1488
1571
  "syntax": "<length>",
1489
1572
  "inherits": true
1490
1573
  },
1491
- "nl.nldesignsystem.figma.supports-token": true
1574
+ "nl.nldesignsystem.figma.supports-token": false
1492
1575
  },
1493
- "type": "fontSizes"
1576
+ "type": "borderWidth"
1494
1577
  },
1495
1578
  "color": {
1496
1579
  "$extensions": {
@@ -1498,71 +1581,89 @@
1498
1581
  "syntax": "<color>",
1499
1582
  "inherits": true
1500
1583
  },
1501
- "nl.nldesignsystem.figma.supports-token": true
1584
+ "nl.nldesignsystem.figma.supports-token": false
1502
1585
  },
1503
1586
  "type": "color"
1504
1587
  },
1505
- "line-height": {
1588
+ "icon": {
1589
+ "color": {
1590
+ "$extensions": {
1591
+ "nl.nldesignsystem.css.property": {
1592
+ "syntax": "<color>",
1593
+ "inherits": true
1594
+ },
1595
+ "nl.nldesignsystem.figma.supports-token": false
1596
+ },
1597
+ "type": "color"
1598
+ }
1599
+ }
1600
+ },
1601
+ "warning": {
1602
+ "background-color": {
1506
1603
  "$extensions": {
1507
1604
  "nl.nldesignsystem.css.property": {
1508
- "syntax": [
1509
- "<length>",
1510
- "<number>"
1511
- ],
1605
+ "syntax": "<color>",
1512
1606
  "inherits": true
1513
1607
  },
1514
- "nl.nldesignsystem.figma.supports-token": true
1608
+ "nl.nldesignsystem.figma.supports-token": false
1515
1609
  },
1516
- "type": "lineHeights"
1610
+ "type": "color"
1517
1611
  },
1518
- "text-align": {
1612
+ "border-color": {
1519
1613
  "$extensions": {
1520
1614
  "nl.nldesignsystem.css.property": {
1521
- "syntax": [
1522
- "left",
1523
- "right",
1524
- "start",
1525
- "end"
1526
- ],
1615
+ "syntax": "<color>",
1527
1616
  "inherits": true
1528
1617
  },
1529
1618
  "nl.nldesignsystem.figma.supports-token": false
1530
1619
  },
1531
- "type": "other"
1620
+ "type": "color"
1532
1621
  },
1533
- "margin-block-end": {
1622
+ "border-width": {
1534
1623
  "$extensions": {
1535
1624
  "nl.nldesignsystem.css.property": {
1536
1625
  "syntax": "<length>",
1537
1626
  "inherits": true
1538
1627
  },
1539
- "nl.nldesignsystem.figma.supports-token": true
1628
+ "nl.nldesignsystem.figma.supports-token": false
1540
1629
  },
1541
- "type": "spacing"
1542
- }
1543
- },
1544
- "header": {
1545
- "font-weight": {
1630
+ "type": "borderWidth"
1631
+ },
1632
+ "color": {
1546
1633
  "$extensions": {
1547
1634
  "nl.nldesignsystem.css.property": {
1548
- "syntax": "<number>",
1635
+ "syntax": "<color>",
1549
1636
  "inherits": true
1550
1637
  },
1551
1638
  "nl.nldesignsystem.figma.supports-token": false
1552
1639
  },
1553
- "type": "fontWeights"
1640
+ "type": "color"
1554
1641
  },
1642
+ "icon": {
1643
+ "color": {
1644
+ "$extensions": {
1645
+ "nl.nldesignsystem.css.property": {
1646
+ "syntax": "<color>",
1647
+ "inherits": true
1648
+ },
1649
+ "nl.nldesignsystem.figma.supports-token": false
1650
+ },
1651
+ "type": "color"
1652
+ }
1653
+ }
1654
+ },
1655
+ "error": {
1555
1656
  "background-color": {
1556
1657
  "$extensions": {
1557
1658
  "nl.nldesignsystem.css.property": {
1558
1659
  "syntax": "<color>",
1559
1660
  "inherits": true
1560
1661
  },
1561
- "nl.nldesignsystem.figma.supports-token": true
1662
+ "nl.nldesignsystem.figma.supports-token": false
1562
1663
  },
1563
1664
  "type": "color"
1564
1665
  },
1565
- "color": {
1666
+ "border-color": {
1566
1667
  "$extensions": {
1567
1668
  "nl.nldesignsystem.css.property": {
1568
1669
  "syntax": "<color>",
@@ -1572,50 +1673,27 @@
1572
1673
  },
1573
1674
  "type": "color"
1574
1675
  },
1575
- "text-transform": {
1676
+ "border-width": {
1576
1677
  "$extensions": {
1577
1678
  "nl.nldesignsystem.css.property": {
1578
- "syntax": [
1579
- "inherit",
1580
- "uppercase"
1581
- ],
1679
+ "syntax": "<length>",
1582
1680
  "inherits": true
1583
1681
  },
1584
1682
  "nl.nldesignsystem.figma.supports-token": false
1585
1683
  },
1586
- "type": "textCase"
1684
+ "type": "borderWidth"
1587
1685
  },
1588
- "border-block-end-color": {
1686
+ "color": {
1589
1687
  "$extensions": {
1590
1688
  "nl.nldesignsystem.css.property": {
1591
1689
  "syntax": "<color>",
1592
1690
  "inherits": true
1593
1691
  },
1594
- "nl.nldesignsystem.figma.supports-token": true
1692
+ "nl.nldesignsystem.figma.supports-token": false
1595
1693
  },
1596
1694
  "type": "color"
1597
1695
  },
1598
- "border-block-end-width": {
1599
- "$extensions": {
1600
- "nl.nldesignsystem.css.property": {
1601
- "syntax": "<length>",
1602
- "inherits": true
1603
- },
1604
- "nl.nldesignsystem.figma.supports-token": true
1605
- },
1606
- "type": "borderWidth"
1607
- },
1608
- "sticky": {
1609
- "background-color": {
1610
- "$extensions": {
1611
- "nl.nldesignsystem.css.property": {
1612
- "syntax": "<color>",
1613
- "inherits": true
1614
- },
1615
- "nl.nldesignsystem.figma.supports-token": false
1616
- },
1617
- "type": "color"
1618
- },
1696
+ "icon": {
1619
1697
  "color": {
1620
1698
  "$extensions": {
1621
1699
  "nl.nldesignsystem.css.property": {
@@ -1625,41 +1703,21 @@
1625
1703
  "nl.nldesignsystem.figma.supports-token": false
1626
1704
  },
1627
1705
  "type": "color"
1628
- },
1629
- "border-block-end-color": {
1630
- "$extensions": {
1631
- "nl.nldesignsystem.css.property": {
1632
- "syntax": "<color>",
1633
- "inherits": true
1634
- },
1635
- "nl.nldesignsystem.figma.supports-token": false
1636
- },
1637
- "type": "color"
1638
- },
1639
- "border-block-end-width": {
1640
- "$extensions": {
1641
- "nl.nldesignsystem.css.property": {
1642
- "syntax": "<length>",
1643
- "inherits": true
1644
- },
1645
- "nl.nldesignsystem.figma.supports-token": false
1646
- },
1647
- "type": "borderWidth"
1648
1706
  }
1649
1707
  }
1650
1708
  },
1651
- "footer": {
1709
+ "ok": {
1652
1710
  "background-color": {
1653
1711
  "$extensions": {
1654
1712
  "nl.nldesignsystem.css.property": {
1655
1713
  "syntax": "<color>",
1656
1714
  "inherits": true
1657
1715
  },
1658
- "nl.nldesignsystem.figma.supports-token": true
1716
+ "nl.nldesignsystem.figma.supports-token": false
1659
1717
  },
1660
1718
  "type": "color"
1661
1719
  },
1662
- "color": {
1720
+ "border-color": {
1663
1721
  "$extensions": {
1664
1722
  "nl.nldesignsystem.css.property": {
1665
1723
  "syntax": "<color>",
@@ -1669,17 +1727,27 @@
1669
1727
  },
1670
1728
  "type": "color"
1671
1729
  },
1672
- "sticky": {
1673
- "background-color": {
1674
- "$extensions": {
1675
- "nl.nldesignsystem.css.property": {
1676
- "syntax": "<color>",
1677
- "inherits": true
1678
- },
1679
- "nl.nldesignsystem.figma.supports-token": false
1730
+ "border-width": {
1731
+ "$extensions": {
1732
+ "nl.nldesignsystem.css.property": {
1733
+ "syntax": "<length>",
1734
+ "inherits": true
1680
1735
  },
1681
- "type": "color"
1736
+ "nl.nldesignsystem.figma.supports-token": false
1737
+ },
1738
+ "type": "borderWidth"
1739
+ },
1740
+ "color": {
1741
+ "$extensions": {
1742
+ "nl.nldesignsystem.css.property": {
1743
+ "syntax": "<color>",
1744
+ "inherits": true
1745
+ },
1746
+ "nl.nldesignsystem.figma.supports-token": false
1682
1747
  },
1748
+ "type": "color"
1749
+ },
1750
+ "icon": {
1683
1751
  "color": {
1684
1752
  "$extensions": {
1685
1753
  "nl.nldesignsystem.css.property": {
@@ -1691,27 +1759,115 @@
1691
1759
  "type": "color"
1692
1760
  }
1693
1761
  }
1762
+ }
1763
+ },
1764
+ "table": {
1765
+ "border-color": {
1766
+ "$extensions": {
1767
+ "nl.nldesignsystem.css.property": {
1768
+ "syntax": "<color>",
1769
+ "inherits": true
1770
+ },
1771
+ "nl.nldesignsystem.figma.supports-token": false
1772
+ },
1773
+ "type": "color"
1694
1774
  },
1695
- "header-cell": {
1696
- "font-size": {
1775
+ "border-width": {
1776
+ "$extensions": {
1777
+ "nl.nldesignsystem.css.property": {
1778
+ "syntax": "<length>",
1779
+ "inherits": true
1780
+ },
1781
+ "nl.nldesignsystem.figma.supports-token": false
1782
+ },
1783
+ "type": "borderWidth"
1784
+ },
1785
+ "font-family": {
1786
+ "$extensions": {
1787
+ "nl.nldesignsystem.css.property": {
1788
+ "syntax": "*",
1789
+ "inherits": true
1790
+ },
1791
+ "nl.nldesignsystem.fallback": [
1792
+ "utrecht.document.color"
1793
+ ],
1794
+ "nl.nldesignsystem.figma.supports-token": true
1795
+ },
1796
+ "type": "fontFamilies"
1797
+ },
1798
+ "font-size": {
1799
+ "$extensions": {
1800
+ "nl.nldesignsystem.css.property": {
1801
+ "syntax": "<length>",
1802
+ "inherits": true
1803
+ },
1804
+ "nl.nldesignsystem.figma.supports-token": true
1805
+ },
1806
+ "type": "fontSizes"
1807
+ },
1808
+ "line-height": {
1809
+ "$extensions": {
1810
+ "nl.nldesignsystem.css.property": {
1811
+ "syntax": [
1812
+ "<length>",
1813
+ "<number>"
1814
+ ],
1815
+ "inherits": true
1816
+ },
1817
+ "nl.nldesignsystem.figma.supports-token": true
1818
+ },
1819
+ "type": "lineHeights"
1820
+ },
1821
+ "margin-block-end": {
1822
+ "$extensions": {
1823
+ "nl.nldesignsystem.css.property": {
1824
+ "syntax": "<length>",
1825
+ "inherits": true
1826
+ },
1827
+ "nl.nldesignsystem.figma.supports-token": false
1828
+ },
1829
+ "type": "spacing"
1830
+ },
1831
+ "margin-block-start": {
1832
+ "$extensions": {
1833
+ "nl.nldesignsystem.css.property": {
1834
+ "syntax": "<length>",
1835
+ "inherits": true
1836
+ },
1837
+ "nl.nldesignsystem.figma.supports-token": false
1838
+ },
1839
+ "type": "spacing"
1840
+ },
1841
+ "caption": {
1842
+ "font-weight": {
1697
1843
  "$extensions": {
1698
1844
  "nl.nldesignsystem.css.property": {
1699
- "syntax": "<length>",
1845
+ "syntax": "<number>",
1700
1846
  "inherits": true
1701
1847
  },
1702
- "nl.nldesignsystem.figma.supports-token": false
1848
+ "nl.nldesignsystem.figma.supports-token": true
1703
1849
  },
1704
- "type": "fontSizes"
1850
+ "type": "fontWeights"
1705
1851
  },
1706
- "font-weight": {
1852
+ "font-family": {
1707
1853
  "$extensions": {
1708
1854
  "nl.nldesignsystem.css.property": {
1709
- "syntax": "<number>",
1855
+ "syntax": "*",
1710
1856
  "inherits": true
1711
1857
  },
1712
1858
  "nl.nldesignsystem.figma.supports-token": true
1713
1859
  },
1714
- "type": "fontWeights"
1860
+ "type": "fontFamilies"
1861
+ },
1862
+ "font-size": {
1863
+ "$extensions": {
1864
+ "nl.nldesignsystem.css.property": {
1865
+ "syntax": "<length>",
1866
+ "inherits": true
1867
+ },
1868
+ "nl.nldesignsystem.figma.supports-token": true
1869
+ },
1870
+ "type": "fontSizes"
1715
1871
  },
1716
1872
  "color": {
1717
1873
  "$extensions": {
@@ -1723,35 +1879,35 @@
1723
1879
  },
1724
1880
  "type": "color"
1725
1881
  },
1726
- "text-transform": {
1882
+ "line-height": {
1727
1883
  "$extensions": {
1728
1884
  "nl.nldesignsystem.css.property": {
1729
1885
  "syntax": [
1730
- "inherit",
1731
- "uppercase"
1886
+ "<length>",
1887
+ "<number>"
1732
1888
  ],
1733
1889
  "inherits": true
1734
1890
  },
1735
- "nl.nldesignsystem.figma.supports-token": false
1891
+ "nl.nldesignsystem.figma.supports-token": true
1736
1892
  },
1737
- "type": "textCase"
1738
- }
1739
- },
1740
- "cell": {
1741
- "line-height": {
1893
+ "type": "lineHeights"
1894
+ },
1895
+ "text-align": {
1742
1896
  "$extensions": {
1743
1897
  "nl.nldesignsystem.css.property": {
1744
1898
  "syntax": [
1745
- "<length>",
1746
- "<number>"
1899
+ "left",
1900
+ "right",
1901
+ "start",
1902
+ "end"
1747
1903
  ],
1748
1904
  "inherits": true
1749
1905
  },
1750
1906
  "nl.nldesignsystem.figma.supports-token": false
1751
1907
  },
1752
- "type": "lineHeights"
1908
+ "type": "other"
1753
1909
  },
1754
- "padding-block-end": {
1910
+ "margin-block-end": {
1755
1911
  "$extensions": {
1756
1912
  "nl.nldesignsystem.css.property": {
1757
1913
  "syntax": "<length>",
@@ -1760,28 +1916,63 @@
1760
1916
  "nl.nldesignsystem.figma.supports-token": true
1761
1917
  },
1762
1918
  "type": "spacing"
1919
+ }
1920
+ },
1921
+ "header": {
1922
+ "font-weight": {
1923
+ "$extensions": {
1924
+ "nl.nldesignsystem.css.property": {
1925
+ "syntax": "<number>",
1926
+ "inherits": true
1927
+ },
1928
+ "nl.nldesignsystem.figma.supports-token": false
1929
+ },
1930
+ "type": "fontWeights"
1763
1931
  },
1764
- "padding-block-start": {
1932
+ "background-color": {
1765
1933
  "$extensions": {
1766
1934
  "nl.nldesignsystem.css.property": {
1767
- "syntax": "<length>",
1935
+ "syntax": "<color>",
1768
1936
  "inherits": true
1769
1937
  },
1770
1938
  "nl.nldesignsystem.figma.supports-token": true
1771
1939
  },
1772
- "type": "spacing"
1940
+ "type": "color"
1773
1941
  },
1774
- "padding-inline-end": {
1942
+ "color": {
1775
1943
  "$extensions": {
1776
1944
  "nl.nldesignsystem.css.property": {
1777
- "syntax": "<length>",
1945
+ "syntax": "<color>",
1946
+ "inherits": true
1947
+ },
1948
+ "nl.nldesignsystem.figma.supports-token": false
1949
+ },
1950
+ "type": "color"
1951
+ },
1952
+ "text-transform": {
1953
+ "$extensions": {
1954
+ "nl.nldesignsystem.css.property": {
1955
+ "syntax": [
1956
+ "inherit",
1957
+ "uppercase"
1958
+ ],
1959
+ "inherits": true
1960
+ },
1961
+ "nl.nldesignsystem.figma.supports-token": false
1962
+ },
1963
+ "type": "textCase"
1964
+ },
1965
+ "border-block-end-color": {
1966
+ "$extensions": {
1967
+ "nl.nldesignsystem.css.property": {
1968
+ "syntax": "<color>",
1778
1969
  "inherits": true
1779
1970
  },
1780
1971
  "nl.nldesignsystem.figma.supports-token": true
1781
1972
  },
1782
- "type": "spacing"
1973
+ "type": "color"
1783
1974
  },
1784
- "padding-inline-start": {
1975
+ "border-block-end-width": {
1785
1976
  "$extensions": {
1786
1977
  "nl.nldesignsystem.css.property": {
1787
1978
  "syntax": "<length>",
@@ -1789,9 +1980,9 @@
1789
1980
  },
1790
1981
  "nl.nldesignsystem.figma.supports-token": true
1791
1982
  },
1792
- "type": "spacing"
1983
+ "type": "borderWidth"
1793
1984
  },
1794
- "selected": {
1985
+ "sticky": {
1795
1986
  "background-color": {
1796
1987
  "$extensions": {
1797
1988
  "nl.nldesignsystem.css.property": {
@@ -1811,10 +2002,18 @@
1811
2002
  "nl.nldesignsystem.figma.supports-token": false
1812
2003
  },
1813
2004
  "type": "color"
1814
- }
1815
- },
1816
- "icon": {
1817
- "size": {
2005
+ },
2006
+ "border-block-end-color": {
2007
+ "$extensions": {
2008
+ "nl.nldesignsystem.css.property": {
2009
+ "syntax": "<color>",
2010
+ "inherits": true
2011
+ },
2012
+ "nl.nldesignsystem.figma.supports-token": false
2013
+ },
2014
+ "type": "color"
2015
+ },
2016
+ "border-block-end-width": {
1818
2017
  "$extensions": {
1819
2018
  "nl.nldesignsystem.css.property": {
1820
2019
  "syntax": "<length>",
@@ -1822,12 +2021,12 @@
1822
2021
  },
1823
2022
  "nl.nldesignsystem.figma.supports-token": false
1824
2023
  },
1825
- "type": "sizing"
2024
+ "type": "borderWidth"
1826
2025
  }
1827
2026
  }
1828
2027
  },
1829
- "row": {
1830
- "border-block-end-color": {
2028
+ "footer": {
2029
+ "background-color": {
1831
2030
  "$extensions": {
1832
2031
  "nl.nldesignsystem.css.property": {
1833
2032
  "syntax": "<color>",
@@ -1837,65 +2036,17 @@
1837
2036
  },
1838
2037
  "type": "color"
1839
2038
  },
1840
- "border-block-end-width": {
2039
+ "color": {
1841
2040
  "$extensions": {
1842
2041
  "nl.nldesignsystem.css.property": {
1843
- "syntax": "<length>",
1844
- "inherits": true
1845
- },
1846
- "nl.nldesignsystem.figma.supports-token": true
1847
- },
1848
- "type": "borderWidth"
1849
- },
1850
- "padding-inline-end": {
1851
- "$extensions": {
1852
- "nl.nldesignsystem.css.property": {
1853
- "syntax": "<length>",
1854
- "inherits": true
1855
- },
1856
- "nl.nldesignsystem.fallback": [
1857
- "utrecht.table.cell.padding-inline-end"
1858
- ],
1859
- "nl.nldesignsystem.figma.supports-token": false
1860
- },
1861
- "type": "spacing"
1862
- },
1863
- "padding-inline-start": {
1864
- "$extensions": {
1865
- "nl.nldesignsystem.css.property": {
1866
- "syntax": "<length>",
2042
+ "syntax": "<color>",
1867
2043
  "inherits": true
1868
2044
  },
1869
- "nl.nldesignsystem.fallback": [
1870
- "utrecht.table.cell.padding-inline-start"
1871
- ],
1872
2045
  "nl.nldesignsystem.figma.supports-token": false
1873
2046
  },
1874
- "type": "spacing"
1875
- },
1876
- "alternate-odd": {
1877
- "background-color": {
1878
- "$extensions": {
1879
- "nl.nldesignsystem.css.property": {
1880
- "syntax": "<color>",
1881
- "inherits": true
1882
- },
1883
- "nl.nldesignsystem.figma.supports-token": false
1884
- },
1885
- "type": "color"
1886
- },
1887
- "color": {
1888
- "$extensions": {
1889
- "nl.nldesignsystem.css.property": {
1890
- "syntax": "<color>",
1891
- "inherits": true
1892
- },
1893
- "nl.nldesignsystem.figma.supports-token": false
1894
- },
1895
- "type": "color"
1896
- }
2047
+ "type": "color"
1897
2048
  },
1898
- "alternate-even": {
2049
+ "sticky": {
1899
2050
  "background-color": {
1900
2051
  "$extensions": {
1901
2052
  "nl.nldesignsystem.css.property": {
@@ -1917,173 +2068,27 @@
1917
2068
  "type": "color"
1918
2069
  }
1919
2070
  }
1920
- }
1921
- },
1922
- "surface": {
1923
- "background-color": {
1924
- "$extensions": {
1925
- "nl.nldesignsystem.css.property": {
1926
- "syntax": "<color>",
1927
- "inherits": true
1928
- },
1929
- "nl.nldesignsystem.figma.supports-token": false
1930
- },
1931
- "type": "color"
1932
- },
1933
- "color": {
1934
- "$extensions": {
1935
- "nl.nldesignsystem.css.property": {
1936
- "syntax": "<color>",
1937
- "inherits": true
1938
- },
1939
- "nl.nldesignsystem.figma.supports-token": false
1940
- },
1941
- "type": "color"
1942
- }
1943
- },
1944
- "superscript": {},
1945
- "subscript": {},
1946
- "spotlight-section": {
1947
- "background-color": {
1948
- "$extensions": {
1949
- "nl.nldesignsystem.css.property": {
1950
- "syntax": "<color>",
1951
- "inherits": true
1952
- },
1953
- "nl.nldesignsystem.figma.supports-token": false
1954
- },
1955
- "type": "color"
1956
- },
1957
- "border-color": {
1958
- "$extensions": {
1959
- "nl.nldesignsystem.css.property": {
1960
- "syntax": "<color>",
1961
- "inherits": true
1962
- },
1963
- "nl.nldesignsystem.figma.supports-token": false
1964
- },
1965
- "type": "color"
1966
- },
1967
- "border-radius": {
1968
- "$extensions": {
1969
- "nl.nldesignsystem.css.property": {
1970
- "syntax": "<length-percentage>",
1971
- "inherits": true
1972
- },
1973
- "nl.nldesignsystem.figma.supports-token": false
1974
- },
1975
- "type": "borderRadius"
1976
- },
1977
- "border-width": {
1978
- "$extensions": {
1979
- "nl.nldesignsystem.css.property": {
1980
- "syntax": "<length>",
1981
- "inherits": true
1982
- },
1983
- "nl.nldesignsystem.figma.supports-token": false
1984
- },
1985
- "type": "borderWidth"
1986
- },
1987
- "color": {
1988
- "$extensions": {
1989
- "nl.nldesignsystem.css.property": {
1990
- "syntax": "<color>",
1991
- "inherits": true
1992
- },
1993
- "nl.nldesignsystem.figma.supports-token": false
1994
- },
1995
- "type": "color"
1996
- },
1997
- "padding-block-start": {
1998
- "$extensions": {
1999
- "nl.nldesignsystem.css.property": {
2000
- "syntax": "<length>",
2001
- "inherits": true
2002
- },
2003
- "nl.nldesignsystem.figma.supports-token": false
2004
- },
2005
- "type": "spacing"
2006
- },
2007
- "padding-block-end": {
2008
- "$extensions": {
2009
- "nl.nldesignsystem.css.property": {
2010
- "syntax": "<length>",
2011
- "inherits": true
2012
- },
2013
- "nl.nldesignsystem.figma.supports-token": false
2014
- },
2015
- "type": "spacing"
2016
2071
  },
2017
- "padding-inline-start": {
2018
- "$extensions": {
2019
- "nl.nldesignsystem.css.property": {
2020
- "syntax": "<length>",
2021
- "inherits": true
2022
- },
2023
- "nl.nldesignsystem.figma.supports-token": false
2024
- },
2025
- "type": "spacing"
2026
- },
2027
- "padding-inline-end": {
2028
- "$extensions": {
2029
- "nl.nldesignsystem.css.property": {
2030
- "syntax": "<length>",
2031
- "inherits": true
2032
- },
2033
- "nl.nldesignsystem.figma.supports-token": false
2034
- },
2035
- "type": "spacing"
2036
- },
2037
- "margin-block-start": {
2038
- "$extensions": {
2039
- "nl.nldesignsystem.css.property": {
2040
- "syntax": "<length>",
2041
- "inherits": true
2042
- },
2043
- "nl.nldesignsystem.figma.supports-token": false
2044
- },
2045
- "type": "spacing"
2046
- },
2047
- "margin-block-end": {
2048
- "$extensions": {
2049
- "nl.nldesignsystem.css.property": {
2050
- "syntax": "<length>",
2051
- "inherits": true
2052
- },
2053
- "nl.nldesignsystem.figma.supports-token": false
2054
- },
2055
- "type": "spacing"
2056
- },
2057
- "info": {
2058
- "background-color": {
2059
- "$extensions": {
2060
- "nl.nldesignsystem.css.property": {
2061
- "syntax": "<color>",
2062
- "inherits": true
2063
- },
2064
- "nl.nldesignsystem.figma.supports-token": false
2065
- },
2066
- "type": "color"
2067
- },
2068
- "border-color": {
2072
+ "header-cell": {
2073
+ "font-size": {
2069
2074
  "$extensions": {
2070
2075
  "nl.nldesignsystem.css.property": {
2071
- "syntax": "<color>",
2076
+ "syntax": "<length>",
2072
2077
  "inherits": true
2073
2078
  },
2074
2079
  "nl.nldesignsystem.figma.supports-token": false
2075
2080
  },
2076
- "type": "color"
2081
+ "type": "fontSizes"
2077
2082
  },
2078
- "border-width": {
2083
+ "font-weight": {
2079
2084
  "$extensions": {
2080
2085
  "nl.nldesignsystem.css.property": {
2081
- "syntax": "<length>",
2086
+ "syntax": "<number>",
2082
2087
  "inherits": true
2083
2088
  },
2084
- "nl.nldesignsystem.figma.supports-token": false
2089
+ "nl.nldesignsystem.figma.supports-token": true
2085
2090
  },
2086
- "type": "borderWidth"
2091
+ "type": "fontWeights"
2087
2092
  },
2088
2093
  "color": {
2089
2094
  "$extensions": {
@@ -2091,119 +2096,89 @@
2091
2096
  "syntax": "<color>",
2092
2097
  "inherits": true
2093
2098
  },
2094
- "nl.nldesignsystem.figma.supports-token": false
2099
+ "nl.nldesignsystem.figma.supports-token": true
2095
2100
  },
2096
2101
  "type": "color"
2097
2102
  },
2098
- "icon": {
2099
- "color": {
2100
- "$extensions": {
2101
- "nl.nldesignsystem.css.property": {
2102
- "syntax": "<color>",
2103
- "inherits": true
2104
- },
2105
- "nl.nldesignsystem.figma.supports-token": false
2106
- },
2107
- "type": "color"
2108
- }
2109
- }
2110
- },
2111
- "warning": {
2112
- "background-color": {
2103
+ "text-transform": {
2113
2104
  "$extensions": {
2114
2105
  "nl.nldesignsystem.css.property": {
2115
- "syntax": "<color>",
2106
+ "syntax": [
2107
+ "inherit",
2108
+ "uppercase"
2109
+ ],
2116
2110
  "inherits": true
2117
2111
  },
2118
2112
  "nl.nldesignsystem.figma.supports-token": false
2119
2113
  },
2120
- "type": "color"
2121
- },
2122
- "border-color": {
2114
+ "type": "textCase"
2115
+ }
2116
+ },
2117
+ "cell": {
2118
+ "line-height": {
2123
2119
  "$extensions": {
2124
2120
  "nl.nldesignsystem.css.property": {
2125
- "syntax": "<color>",
2121
+ "syntax": [
2122
+ "<length>",
2123
+ "<number>"
2124
+ ],
2126
2125
  "inherits": true
2127
2126
  },
2128
2127
  "nl.nldesignsystem.figma.supports-token": false
2129
2128
  },
2130
- "type": "color"
2129
+ "type": "lineHeights"
2131
2130
  },
2132
- "border-width": {
2131
+ "padding-block-end": {
2133
2132
  "$extensions": {
2134
2133
  "nl.nldesignsystem.css.property": {
2135
2134
  "syntax": "<length>",
2136
2135
  "inherits": true
2137
2136
  },
2138
- "nl.nldesignsystem.figma.supports-token": false
2139
- },
2140
- "type": "borderWidth"
2141
- },
2142
- "color": {
2143
- "$extensions": {
2144
- "nl.nldesignsystem.css.property": {
2145
- "syntax": "<color>",
2146
- "inherits": true
2147
- },
2148
- "nl.nldesignsystem.figma.supports-token": false
2149
- },
2150
- "type": "color"
2151
- },
2152
- "icon": {
2153
- "color": {
2154
- "$extensions": {
2155
- "nl.nldesignsystem.css.property": {
2156
- "syntax": "<color>",
2157
- "inherits": true
2158
- },
2159
- "nl.nldesignsystem.figma.supports-token": false
2160
- },
2161
- "type": "color"
2162
- }
2163
- }
2164
- },
2165
- "error": {
2166
- "background-color": {
2167
- "$extensions": {
2168
- "nl.nldesignsystem.css.property": {
2169
- "syntax": "<color>",
2170
- "inherits": true
2171
- },
2172
- "nl.nldesignsystem.figma.supports-token": false
2137
+ "nl.nldesignsystem.figma.supports-token": true
2173
2138
  },
2174
- "type": "color"
2139
+ "type": "spacing"
2175
2140
  },
2176
- "border-color": {
2141
+ "padding-block-start": {
2177
2142
  "$extensions": {
2178
2143
  "nl.nldesignsystem.css.property": {
2179
- "syntax": "<color>",
2144
+ "syntax": "<length>",
2180
2145
  "inherits": true
2181
2146
  },
2182
- "nl.nldesignsystem.figma.supports-token": false
2147
+ "nl.nldesignsystem.figma.supports-token": true
2183
2148
  },
2184
- "type": "color"
2149
+ "type": "spacing"
2185
2150
  },
2186
- "border-width": {
2151
+ "padding-inline-end": {
2187
2152
  "$extensions": {
2188
2153
  "nl.nldesignsystem.css.property": {
2189
2154
  "syntax": "<length>",
2190
2155
  "inherits": true
2191
2156
  },
2192
- "nl.nldesignsystem.figma.supports-token": false
2157
+ "nl.nldesignsystem.figma.supports-token": true
2193
2158
  },
2194
- "type": "borderWidth"
2159
+ "type": "spacing"
2195
2160
  },
2196
- "color": {
2161
+ "padding-inline-start": {
2197
2162
  "$extensions": {
2198
2163
  "nl.nldesignsystem.css.property": {
2199
- "syntax": "<color>",
2164
+ "syntax": "<length>",
2200
2165
  "inherits": true
2201
2166
  },
2202
- "nl.nldesignsystem.figma.supports-token": false
2167
+ "nl.nldesignsystem.figma.supports-token": true
2203
2168
  },
2204
- "type": "color"
2169
+ "type": "spacing"
2205
2170
  },
2206
- "icon": {
2171
+ "selected": {
2172
+ "background-color": {
2173
+ "$extensions": {
2174
+ "nl.nldesignsystem.css.property": {
2175
+ "syntax": "<color>",
2176
+ "inherits": true
2177
+ },
2178
+ "nl.nldesignsystem.figma.supports-token": false
2179
+ },
2180
+ "type": "color"
2181
+ },
2207
2182
  "color": {
2208
2183
  "$extensions": {
2209
2184
  "nl.nldesignsystem.css.property": {
@@ -2214,50 +2189,100 @@
2214
2189
  },
2215
2190
  "type": "color"
2216
2191
  }
2192
+ },
2193
+ "icon": {
2194
+ "size": {
2195
+ "$extensions": {
2196
+ "nl.nldesignsystem.css.property": {
2197
+ "syntax": "<length>",
2198
+ "inherits": true
2199
+ },
2200
+ "nl.nldesignsystem.figma.supports-token": false
2201
+ },
2202
+ "type": "sizing"
2203
+ }
2217
2204
  }
2218
2205
  },
2219
- "ok": {
2220
- "background-color": {
2206
+ "row": {
2207
+ "border-block-end-color": {
2221
2208
  "$extensions": {
2222
2209
  "nl.nldesignsystem.css.property": {
2223
2210
  "syntax": "<color>",
2224
2211
  "inherits": true
2225
2212
  },
2226
- "nl.nldesignsystem.figma.supports-token": false
2213
+ "nl.nldesignsystem.figma.supports-token": true
2227
2214
  },
2228
2215
  "type": "color"
2229
2216
  },
2230
- "border-color": {
2217
+ "border-block-end-width": {
2231
2218
  "$extensions": {
2232
2219
  "nl.nldesignsystem.css.property": {
2233
- "syntax": "<color>",
2220
+ "syntax": "<length>",
2234
2221
  "inherits": true
2235
2222
  },
2236
- "nl.nldesignsystem.figma.supports-token": false
2223
+ "nl.nldesignsystem.figma.supports-token": true
2237
2224
  },
2238
- "type": "color"
2225
+ "type": "borderWidth"
2239
2226
  },
2240
- "border-width": {
2227
+ "padding-inline-end": {
2241
2228
  "$extensions": {
2242
2229
  "nl.nldesignsystem.css.property": {
2243
2230
  "syntax": "<length>",
2244
2231
  "inherits": true
2245
2232
  },
2233
+ "nl.nldesignsystem.fallback": [
2234
+ "utrecht.table.cell.padding-inline-end"
2235
+ ],
2246
2236
  "nl.nldesignsystem.figma.supports-token": false
2247
2237
  },
2248
- "type": "borderWidth"
2238
+ "type": "spacing"
2249
2239
  },
2250
- "color": {
2240
+ "padding-inline-start": {
2251
2241
  "$extensions": {
2252
2242
  "nl.nldesignsystem.css.property": {
2253
- "syntax": "<color>",
2243
+ "syntax": "<length>",
2254
2244
  "inherits": true
2255
2245
  },
2246
+ "nl.nldesignsystem.fallback": [
2247
+ "utrecht.table.cell.padding-inline-start"
2248
+ ],
2256
2249
  "nl.nldesignsystem.figma.supports-token": false
2257
2250
  },
2258
- "type": "color"
2251
+ "type": "spacing"
2259
2252
  },
2260
- "icon": {
2253
+ "alternate-odd": {
2254
+ "background-color": {
2255
+ "$extensions": {
2256
+ "nl.nldesignsystem.css.property": {
2257
+ "syntax": "<color>",
2258
+ "inherits": true
2259
+ },
2260
+ "nl.nldesignsystem.figma.supports-token": false
2261
+ },
2262
+ "type": "color"
2263
+ },
2264
+ "color": {
2265
+ "$extensions": {
2266
+ "nl.nldesignsystem.css.property": {
2267
+ "syntax": "<color>",
2268
+ "inherits": true
2269
+ },
2270
+ "nl.nldesignsystem.figma.supports-token": false
2271
+ },
2272
+ "type": "color"
2273
+ }
2274
+ },
2275
+ "alternate-even": {
2276
+ "background-color": {
2277
+ "$extensions": {
2278
+ "nl.nldesignsystem.css.property": {
2279
+ "syntax": "<color>",
2280
+ "inherits": true
2281
+ },
2282
+ "nl.nldesignsystem.figma.supports-token": false
2283
+ },
2284
+ "type": "color"
2285
+ },
2261
2286
  "color": {
2262
2287
  "$extensions": {
2263
2288
  "nl.nldesignsystem.css.property": {
@@ -5834,18 +5859,6 @@
5834
5859
  "nl.nldesignsystem.figma.supports-token": false
5835
5860
  },
5836
5861
  "type": "color"
5837
- },
5838
- "focus": {
5839
- "color": {
5840
- "$extensions": {
5841
- "nl.nldesignsystem.css.property": {
5842
- "syntax": "<color>",
5843
- "inherits": true
5844
- },
5845
- "nl.nldesignsystem.figma.supports-token": false
5846
- },
5847
- "type": "color"
5848
- }
5849
5862
  }
5850
5863
  },
5851
5864
  "background-color": {
@@ -5899,6 +5912,48 @@
5899
5912
  },
5900
5913
  "type": "color"
5901
5914
  },
5915
+ "background-color": {
5916
+ "$extensions": {
5917
+ "nl.nldesignsystem.css.property": {
5918
+ "syntax": "<color>",
5919
+ "inherits": true
5920
+ },
5921
+ "nl.nldesignsystem.figma.supports-token": false
5922
+ },
5923
+ "type": "color"
5924
+ },
5925
+ "text-decoration-thickness": {
5926
+ "$extensions": {
5927
+ "nl.nldesignsystem.css.property": {
5928
+ "syntax": "<length>",
5929
+ "inherits": true
5930
+ },
5931
+ "nl.nldesignsystem.figma.supports-token": false
5932
+ },
5933
+ "type": "length"
5934
+ }
5935
+ },
5936
+ "focus-visible": {
5937
+ "color": {
5938
+ "$extensions": {
5939
+ "nl.nldesignsystem.css.property": {
5940
+ "syntax": "<color>",
5941
+ "inherits": true
5942
+ },
5943
+ "nl.nldesignsystem.figma.supports-token": false
5944
+ },
5945
+ "type": "color"
5946
+ },
5947
+ "background-color": {
5948
+ "$extensions": {
5949
+ "nl.nldesignsystem.css.property": {
5950
+ "syntax": "<color>",
5951
+ "inherits": true
5952
+ },
5953
+ "nl.nldesignsystem.figma.supports-token": false
5954
+ },
5955
+ "type": "color"
5956
+ },
5902
5957
  "text-decoration-thickness": {
5903
5958
  "$extensions": {
5904
5959
  "nl.nldesignsystem.css.property": {
@@ -6612,28 +6667,6 @@
6612
6667
  }
6613
6668
  },
6614
6669
  "multiline-data": {},
6615
- "mark": {
6616
- "background-color": {
6617
- "$extensions": {
6618
- "nl.nldesignsystem.css.property": {
6619
- "syntax": "<color>",
6620
- "inherits": true
6621
- },
6622
- "nl.nldesignsystem.figma.supports-token": true
6623
- },
6624
- "type": "color"
6625
- },
6626
- "color": {
6627
- "$extensions": {
6628
- "nl.nldesignsystem.css.property": {
6629
- "syntax": "<color>",
6630
- "inherits": true
6631
- },
6632
- "nl.nldesignsystem.figma.supports-token": true
6633
- },
6634
- "type": "color"
6635
- }
6636
- },
6637
6670
  "mapcontrolbutton": {
6638
6671
  "background-color": {
6639
6672
  "$extensions": {
@@ -6767,7 +6800,89 @@
6767
6800
  "type": "color"
6768
6801
  }
6769
6802
  },
6770
- "focus": {
6803
+ "focus": {
6804
+ "color": {
6805
+ "$extensions": {
6806
+ "nl.nldesignsystem.css.property": {
6807
+ "syntax": "<color>",
6808
+ "inherits": true
6809
+ },
6810
+ "nl.nldesignsystem.figma.supports-token": false
6811
+ },
6812
+ "type": "color"
6813
+ }
6814
+ },
6815
+ "hover": {
6816
+ "background-color": {
6817
+ "$extensions": {
6818
+ "nl.nldesignsystem.css.property": {
6819
+ "syntax": "<color>",
6820
+ "inherits": true
6821
+ },
6822
+ "nl.nldesignsystem.figma.supports-token": false
6823
+ },
6824
+ "type": "color"
6825
+ }
6826
+ },
6827
+ "label": {
6828
+ "margin-inline-start": {
6829
+ "$extensions": {
6830
+ "nl.nldesignsystem.css.property": {
6831
+ "syntax": "<length>",
6832
+ "inherits": true
6833
+ },
6834
+ "nl.nldesignsystem.figma.supports-token": false
6835
+ },
6836
+ "type": "spacing"
6837
+ },
6838
+ "margin-inline-end": {
6839
+ "$extensions": {
6840
+ "nl.nldesignsystem.css.property": {
6841
+ "syntax": "<length>",
6842
+ "inherits": true
6843
+ },
6844
+ "nl.nldesignsystem.figma.supports-token": false
6845
+ },
6846
+ "type": "spacing"
6847
+ }
6848
+ }
6849
+ },
6850
+ "mark": {
6851
+ "background-color": {
6852
+ "$extensions": {
6853
+ "nl.nldesignsystem.css.property": {
6854
+ "syntax": "<color>",
6855
+ "inherits": true
6856
+ },
6857
+ "nl.nldesignsystem.figma.supports-token": true
6858
+ },
6859
+ "type": "color"
6860
+ },
6861
+ "color": {
6862
+ "$extensions": {
6863
+ "nl.nldesignsystem.css.property": {
6864
+ "syntax": "<color>",
6865
+ "inherits": true
6866
+ },
6867
+ "nl.nldesignsystem.figma.supports-token": true
6868
+ },
6869
+ "type": "color"
6870
+ }
6871
+ },
6872
+ "logo-image": {
6873
+ "decoration-1": {
6874
+ "color": {
6875
+ "$extensions": {
6876
+ "nl.nldesignsystem.css.property": {
6877
+ "syntax": "<color>",
6878
+ "inherits": true
6879
+ },
6880
+ "nl.nldesignsystem.figma.supports-token": false
6881
+ },
6882
+ "type": "color"
6883
+ }
6884
+ },
6885
+ "decoration-2": {
6771
6886
  "color": {
6772
6887
  "$extensions": {
6773
6888
  "nl.nldesignsystem.css.property": {
@@ -6779,8 +6894,8 @@
6779
6894
  "type": "color"
6780
6895
  }
6781
6896
  },
6782
- "hover": {
6783
- "background-color": {
6897
+ "decoration-3": {
6898
+ "color": {
6784
6899
  "$extensions": {
6785
6900
  "nl.nldesignsystem.css.property": {
6786
6901
  "syntax": "<color>",
@@ -6790,28 +6905,6 @@
6790
6905
  },
6791
6906
  "type": "color"
6792
6907
  }
6793
- },
6794
- "label": {
6795
- "margin-inline-start": {
6796
- "$extensions": {
6797
- "nl.nldesignsystem.css.property": {
6798
- "syntax": "<length>",
6799
- "inherits": true
6800
- },
6801
- "nl.nldesignsystem.figma.supports-token": false
6802
- },
6803
- "type": "spacing"
6804
- },
6805
- "margin-inline-end": {
6806
- "$extensions": {
6807
- "nl.nldesignsystem.css.property": {
6808
- "syntax": "<length>",
6809
- "inherits": true
6810
- },
6811
- "nl.nldesignsystem.figma.supports-token": false
6812
- },
6813
- "type": "spacing"
6814
- }
6815
6908
  }
6816
6909
  },
6817
6910
  "map-marker": {
@@ -6888,44 +6981,6 @@
6888
6981
  }
6889
6982
  }
6890
6983
  },
6891
- "logo-image": {
6892
- "decoration-1": {
6893
- "color": {
6894
- "$extensions": {
6895
- "nl.nldesignsystem.css.property": {
6896
- "syntax": "<color>",
6897
- "inherits": true
6898
- },
6899
- "nl.nldesignsystem.figma.supports-token": false
6900
- },
6901
- "type": "color"
6902
- }
6903
- },
6904
- "decoration-2": {
6905
- "color": {
6906
- "$extensions": {
6907
- "nl.nldesignsystem.css.property": {
6908
- "syntax": "<color>",
6909
- "inherits": true
6910
- },
6911
- "nl.nldesignsystem.figma.supports-token": false
6912
- },
6913
- "type": "color"
6914
- }
6915
- },
6916
- "decoration-3": {
6917
- "color": {
6918
- "$extensions": {
6919
- "nl.nldesignsystem.css.property": {
6920
- "syntax": "<color>",
6921
- "inherits": true
6922
- },
6923
- "nl.nldesignsystem.figma.supports-token": false
6924
- },
6925
- "type": "color"
6926
- }
6927
- }
6928
- },
6929
6984
  "logo-button": {
6930
6985
  "block-size": {
6931
6986
  "$extensions": {
@@ -6980,6 +7035,60 @@
6980
7035
  "type": "sizing"
6981
7036
  }
6982
7037
  },
7038
+ "list-social": {
7039
+ "margin-block-start": {
7040
+ "$extensions": {
7041
+ "nl.nldesignsystem.css.property": {
7042
+ "syntax": "<length>",
7043
+ "inherits": true
7044
+ },
7045
+ "nl.nldesignsystem.figma.supports-token": false
7046
+ },
7047
+ "type": "spacing"
7048
+ },
7049
+ "margin-block-end": {
7050
+ "$extensions": {
7051
+ "nl.nldesignsystem.css.property": {
7052
+ "syntax": "<length>",
7053
+ "inherits": true
7054
+ },
7055
+ "nl.nldesignsystem.figma.supports-token": false
7056
+ },
7057
+ "type": "spacing"
7058
+ },
7059
+ "padding-inline-start": {
7060
+ "$extensions": {
7061
+ "nl.nldesignsystem.css.property": {
7062
+ "syntax": "<length>",
7063
+ "inherits": true
7064
+ },
7065
+ "nl.nldesignsystem.figma.supports-token": false
7066
+ },
7067
+ "type": "spacing"
7068
+ },
7069
+ "padding-inline-end": {
7070
+ "$extensions": {
7071
+ "nl.nldesignsystem.css.property": {
7072
+ "syntax": "<length>",
7073
+ "inherits": true
7074
+ },
7075
+ "nl.nldesignsystem.figma.supports-token": false
7076
+ },
7077
+ "type": "spacing"
7078
+ },
7079
+ "item": {
7080
+ "margin-inline-end": {
7081
+ "$extensions": {
7082
+ "nl.nldesignsystem.css.property": {
7083
+ "syntax": "<length>",
7084
+ "inherits": true
7085
+ },
7086
+ "nl.nldesignsystem.figma.supports-token": false
7087
+ },
7088
+ "type": "spacing"
7089
+ }
7090
+ }
7091
+ },
6983
7092
  "listbox": {
6984
7093
  "background-color": {
6985
7094
  "$extensions": {
@@ -7309,60 +7418,6 @@
7309
7418
  }
7310
7419
  }
7311
7420
  },
7312
- "list-social": {
7313
- "margin-block-start": {
7314
- "$extensions": {
7315
- "nl.nldesignsystem.css.property": {
7316
- "syntax": "<length>",
7317
- "inherits": true
7318
- },
7319
- "nl.nldesignsystem.figma.supports-token": false
7320
- },
7321
- "type": "spacing"
7322
- },
7323
- "margin-block-end": {
7324
- "$extensions": {
7325
- "nl.nldesignsystem.css.property": {
7326
- "syntax": "<length>",
7327
- "inherits": true
7328
- },
7329
- "nl.nldesignsystem.figma.supports-token": false
7330
- },
7331
- "type": "spacing"
7332
- },
7333
- "padding-inline-start": {
7334
- "$extensions": {
7335
- "nl.nldesignsystem.css.property": {
7336
- "syntax": "<length>",
7337
- "inherits": true
7338
- },
7339
- "nl.nldesignsystem.figma.supports-token": false
7340
- },
7341
- "type": "spacing"
7342
- },
7343
- "padding-inline-end": {
7344
- "$extensions": {
7345
- "nl.nldesignsystem.css.property": {
7346
- "syntax": "<length>",
7347
- "inherits": true
7348
- },
7349
- "nl.nldesignsystem.figma.supports-token": false
7350
- },
7351
- "type": "spacing"
7352
- },
7353
- "item": {
7354
- "margin-inline-end": {
7355
- "$extensions": {
7356
- "nl.nldesignsystem.css.property": {
7357
- "syntax": "<length>",
7358
- "inherits": true
7359
- },
7360
- "nl.nldesignsystem.figma.supports-token": false
7361
- },
7362
- "type": "spacing"
7363
- }
7364
- }
7365
- },
7366
7421
  "link-social": {
7367
7422
  "background-color": {
7368
7423
  "$extensions": {
@@ -7819,6 +7874,7 @@
7819
7874
  }
7820
7875
  }
7821
7876
  },
7877
+ "image": {},
7822
7878
  "index-char-nav": {
7823
7879
  "margin-block-start": {
7824
7880
  "$extensions": {
@@ -7865,7 +7921,6 @@
7865
7921
  }
7866
7922
  }
7867
7923
  },
7868
- "image": {},
7869
7924
  "iban-data": {},
7870
7925
  "html-content": {},
7871
7926
  "heading-group": {
@@ -7890,7 +7945,93 @@
7890
7945
  "type": "spacing"
7891
7946
  }
7892
7947
  },
7893
- "heading-6": {
7948
+ "heading-6": {
7949
+ "color": {
7950
+ "$extensions": {
7951
+ "nl.nldesignsystem.css.property": {
7952
+ "syntax": "<color>",
7953
+ "inherits": true
7954
+ },
7955
+ "nl.nldesignsystem.fallback": [
7956
+ "utrecht.heading.color",
7957
+ "utrecht.document.color"
7958
+ ],
7959
+ "nl.nldesignsystem.figma.supports-token": true
7960
+ },
7961
+ "type": "color"
7962
+ },
7963
+ "font-family": {
7964
+ "$extensions": {
7965
+ "nl.nldesignsystem.css.property": {
7966
+ "syntax": "*",
7967
+ "inherits": true
7968
+ },
7969
+ "nl.nldesignsystem.fallback": [
7970
+ "utrecht.heading.font-family",
7971
+ "utrecht.document.font-family"
7972
+ ],
7973
+ "nl.nldesignsystem.figma.supports-token": true
7974
+ },
7975
+ "type": "fontFamilies"
7976
+ },
7977
+ "font-size": {
7978
+ "$extensions": {
7979
+ "nl.nldesignsystem.css.property": {
7980
+ "syntax": "<length>",
7981
+ "inherits": true
7982
+ },
7983
+ "nl.nldesignsystem.figma.supports-token": true
7984
+ },
7985
+ "type": "fontSizes"
7986
+ },
7987
+ "font-weight": {
7988
+ "$extensions": {
7989
+ "nl.nldesignsystem.css.property": {
7990
+ "syntax": "<number>",
7991
+ "inherits": true
7992
+ },
7993
+ "nl.nldesignsystem.fallback": [
7994
+ "utrecht.heading.font-weight"
7995
+ ],
7996
+ "nl.nldesignsystem.figma.supports-token": true
7997
+ },
7998
+ "type": "fontWeights"
7999
+ },
8000
+ "line-height": {
8001
+ "$extensions": {
8002
+ "nl.nldesignsystem.css.property": {
8003
+ "syntax": [
8004
+ "<length>",
8005
+ "<number>"
8006
+ ],
8007
+ "inherits": true
8008
+ },
8009
+ "nl.nldesignsystem.figma.supports-token": true
8010
+ },
8011
+ "type": "lineHeights"
8012
+ },
8013
+ "margin-block-end": {
8014
+ "$extensions": {
8015
+ "nl.nldesignsystem.css.property": {
8016
+ "syntax": "<length>",
8017
+ "inherits": true
8018
+ },
8019
+ "nl.nldesignsystem.figma.supports-token": false
8020
+ },
8021
+ "type": "spacing"
8022
+ },
8023
+ "margin-block-start": {
8024
+ "$extensions": {
8025
+ "nl.nldesignsystem.css.property": {
8026
+ "syntax": "<length>",
8027
+ "inherits": true
8028
+ },
8029
+ "nl.nldesignsystem.figma.supports-token": false
8030
+ },
8031
+ "type": "spacing"
8032
+ }
8033
+ },
8034
+ "heading-5": {
7894
8035
  "color": {
7895
8036
  "$extensions": {
7896
8037
  "nl.nldesignsystem.css.property": {
@@ -7976,7 +8117,7 @@
7976
8117
  "type": "spacing"
7977
8118
  }
7978
8119
  },
7979
- "heading-5": {
8120
+ "heading-4": {
7980
8121
  "color": {
7981
8122
  "$extensions": {
7982
8123
  "nl.nldesignsystem.css.property": {
@@ -8062,7 +8203,7 @@
8062
8203
  "type": "spacing"
8063
8204
  }
8064
8205
  },
8065
- "heading-4": {
8206
+ "heading-3": {
8066
8207
  "color": {
8067
8208
  "$extensions": {
8068
8209
  "nl.nldesignsystem.css.property": {
@@ -8148,7 +8289,7 @@
8148
8289
  "type": "spacing"
8149
8290
  }
8150
8291
  },
8151
- "heading-3": {
8292
+ "heading-2": {
8152
8293
  "color": {
8153
8294
  "$extensions": {
8154
8295
  "nl.nldesignsystem.css.property": {
@@ -8234,7 +8375,7 @@
8234
8375
  "type": "spacing"
8235
8376
  }
8236
8377
  },
8237
- "heading-2": {
8378
+ "heading-1": {
8238
8379
  "color": {
8239
8380
  "$extensions": {
8240
8381
  "nl.nldesignsystem.css.property": {
@@ -8418,92 +8559,6 @@
8418
8559
  }
8419
8560
  }
8420
8561
  },
8421
- "heading-1": {
8422
- "color": {
8423
- "$extensions": {
8424
- "nl.nldesignsystem.css.property": {
8425
- "syntax": "<color>",
8426
- "inherits": true
8427
- },
8428
- "nl.nldesignsystem.fallback": [
8429
- "utrecht.heading.color",
8430
- "utrecht.document.color"
8431
- ],
8432
- "nl.nldesignsystem.figma.supports-token": true
8433
- },
8434
- "type": "color"
8435
- },
8436
- "font-family": {
8437
- "$extensions": {
8438
- "nl.nldesignsystem.css.property": {
8439
- "syntax": "*",
8440
- "inherits": true
8441
- },
8442
- "nl.nldesignsystem.fallback": [
8443
- "utrecht.heading.font-family",
8444
- "utrecht.document.font-family"
8445
- ],
8446
- "nl.nldesignsystem.figma.supports-token": true
8447
- },
8448
- "type": "fontFamilies"
8449
- },
8450
- "font-size": {
8451
- "$extensions": {
8452
- "nl.nldesignsystem.css.property": {
8453
- "syntax": "<length>",
8454
- "inherits": true
8455
- },
8456
- "nl.nldesignsystem.figma.supports-token": true
8457
- },
8458
- "type": "fontSizes"
8459
- },
8460
- "font-weight": {
8461
- "$extensions": {
8462
- "nl.nldesignsystem.css.property": {
8463
- "syntax": "<number>",
8464
- "inherits": true
8465
- },
8466
- "nl.nldesignsystem.fallback": [
8467
- "utrecht.heading.font-weight"
8468
- ],
8469
- "nl.nldesignsystem.figma.supports-token": true
8470
- },
8471
- "type": "fontWeights"
8472
- },
8473
- "line-height": {
8474
- "$extensions": {
8475
- "nl.nldesignsystem.css.property": {
8476
- "syntax": [
8477
- "<length>",
8478
- "<number>"
8479
- ],
8480
- "inherits": true
8481
- },
8482
- "nl.nldesignsystem.figma.supports-token": true
8483
- },
8484
- "type": "lineHeights"
8485
- },
8486
- "margin-block-end": {
8487
- "$extensions": {
8488
- "nl.nldesignsystem.css.property": {
8489
- "syntax": "<length>",
8490
- "inherits": true
8491
- },
8492
- "nl.nldesignsystem.figma.supports-token": false
8493
- },
8494
- "type": "spacing"
8495
- },
8496
- "margin-block-start": {
8497
- "$extensions": {
8498
- "nl.nldesignsystem.css.property": {
8499
- "syntax": "<length>",
8500
- "inherits": true
8501
- },
8502
- "nl.nldesignsystem.figma.supports-token": false
8503
- },
8504
- "type": "spacing"
8505
- }
8506
- },
8507
8562
  "form-toggle": {
8508
8563
  "accent-color": {
8509
8564
  "$extensions": {
@@ -14541,31 +14596,6 @@
14541
14596
  }
14542
14597
  }
14543
14598
  },
14544
- "badge-status": {
14545
- "letter-spacing": {
14546
- "$extensions": {
14547
- "nl.nldesignsystem.css.property": {
14548
- "syntax": "<length>",
14549
- "inherits": true
14550
- },
14551
- "nl.nldesignsystem.figma.supports-token": true
14552
- },
14553
- "type": "letterSpacing"
14554
- },
14555
- "text-transform": {
14556
- "$extensions": {
14557
- "nl.nldesignsystem.css.property": {
14558
- "syntax": [
14559
- "inherit",
14560
- "uppercase"
14561
- ],
14562
- "inherits": true
14563
- },
14564
- "nl.nldesignsystem.figma.supports-token": true
14565
- },
14566
- "type": "textCase"
14567
- }
14568
- },
14569
14599
  "badge-list": {
14570
14600
  "row-gap": {
14571
14601
  "$extensions": {
@@ -16458,6 +16488,68 @@
16458
16488
  }
16459
16489
  }
16460
16490
  },
16491
+ "action": {
16492
+ "activate": {
16493
+ "cursor": {
16494
+ "$extensions": {
16495
+ "nl.nldesignsystem.css.property": {
16496
+ "syntax": "*",
16497
+ "inherits": true
16498
+ }
16499
+ }
16500
+ }
16501
+ },
16502
+ "busy": {
16503
+ "cursor": {
16504
+ "$extensions": {
16505
+ "nl.nldesignsystem.css.property": {
16506
+ "syntax": "*",
16507
+ "inherits": true
16508
+ }
16509
+ }
16510
+ }
16511
+ },
16512
+ "disabled": {
16513
+ "cursor": {
16514
+ "$extensions": {
16515
+ "nl.nldesignsystem.css.property": {
16516
+ "syntax": "*",
16517
+ "inherits": true
16518
+ }
16519
+ }
16520
+ }
16521
+ },
16522
+ "inert": {
16523
+ "cursor": {
16524
+ "$extensions": {
16525
+ "nl.nldesignsystem.css.property": {
16526
+ "syntax": "*",
16527
+ "inherits": true
16528
+ }
16529
+ }
16530
+ }
16531
+ },
16532
+ "navigate": {
16533
+ "cursor": {
16534
+ "$extensions": {
16535
+ "nl.nldesignsystem.css.property": {
16536
+ "syntax": "*",
16537
+ "inherits": true
16538
+ }
16539
+ }
16540
+ }
16541
+ },
16542
+ "submit": {
16543
+ "cursor": {
16544
+ "$extensions": {
16545
+ "nl.nldesignsystem.css.property": {
16546
+ "syntax": "*",
16547
+ "inherits": true
16548
+ }
16549
+ }
16550
+ }
16551
+ }
16552
+ },
16461
16553
  "feedback": {
16462
16554
  "danger": {
16463
16555
  "background-color": {
@@ -16855,68 +16947,6 @@
16855
16947
  }
16856
16948
  }
16857
16949
  }
16858
- },
16859
- "action": {
16860
- "activate": {
16861
- "cursor": {
16862
- "$extensions": {
16863
- "nl.nldesignsystem.css.property": {
16864
- "syntax": "*",
16865
- "inherits": true
16866
- }
16867
- }
16868
- }
16869
- },
16870
- "busy": {
16871
- "cursor": {
16872
- "$extensions": {
16873
- "nl.nldesignsystem.css.property": {
16874
- "syntax": "*",
16875
- "inherits": true
16876
- }
16877
- }
16878
- }
16879
- },
16880
- "disabled": {
16881
- "cursor": {
16882
- "$extensions": {
16883
- "nl.nldesignsystem.css.property": {
16884
- "syntax": "*",
16885
- "inherits": true
16886
- }
16887
- }
16888
- }
16889
- },
16890
- "inert": {
16891
- "cursor": {
16892
- "$extensions": {
16893
- "nl.nldesignsystem.css.property": {
16894
- "syntax": "*",
16895
- "inherits": true
16896
- }
16897
- }
16898
- }
16899
- },
16900
- "navigate": {
16901
- "cursor": {
16902
- "$extensions": {
16903
- "nl.nldesignsystem.css.property": {
16904
- "syntax": "*",
16905
- "inherits": true
16906
- }
16907
- }
16908
- }
16909
- },
16910
- "submit": {
16911
- "cursor": {
16912
- "$extensions": {
16913
- "nl.nldesignsystem.css.property": {
16914
- "syntax": "*",
16915
- "inherits": true
16916
- }
16917
- }
16918
- }
16919
- }
16920
16950
  }
16921
16951
  },
16922
16952
  "denhaag": {