@rijkshuisstijl-community/design-tokens 4.1.0 → 5.0.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 (105) hide show
  1. package/CHANGELOG.md +45 -5
  2. package/README.md +2 -2
  3. package/dist/_variables.scss +72 -126
  4. package/dist/index.css +72 -126
  5. package/dist/index.d.ts +71 -125
  6. package/dist/index.js +72 -126
  7. package/dist/index.json +71 -125
  8. package/dist/index.tokens.json +137 -175
  9. package/dist/koop/_variables.scss +50 -145
  10. package/dist/koop/index.css +50 -145
  11. package/dist/koop/index.d.ts +48 -143
  12. package/dist/koop/index.js +50 -145
  13. package/dist/koop/index.json +50 -145
  14. package/dist/koop/index.tokens.json +99 -202
  15. package/dist/koop/root.css +50 -145
  16. package/dist/koop/tokens.d.ts +94 -197
  17. package/dist/koop/tokens.js +1543 -3636
  18. package/dist/root.css +72 -126
  19. package/dist/tokens.d.ts +135 -173
  20. package/dist/tokens.js +7067 -8209
  21. package/dist/uitvoerend-groen/_variables.scss +56 -153
  22. package/dist/uitvoerend-groen/index.css +56 -153
  23. package/dist/uitvoerend-groen/index.d.ts +55 -152
  24. package/dist/uitvoerend-groen/index.js +56 -153
  25. package/dist/uitvoerend-groen/index.json +56 -153
  26. package/dist/uitvoerend-groen/index.tokens.json +103 -212
  27. package/dist/uitvoerend-groen/root.css +56 -153
  28. package/dist/uitvoerend-groen/tokens.d.ts +99 -208
  29. package/dist/uitvoerend-groen/tokens.js +1507 -3650
  30. package/dist/uitvoerend-hemelblauw/_variables.scss +56 -153
  31. package/dist/uitvoerend-hemelblauw/index.css +56 -153
  32. package/dist/uitvoerend-hemelblauw/index.d.ts +55 -152
  33. package/dist/uitvoerend-hemelblauw/index.js +56 -153
  34. package/dist/uitvoerend-hemelblauw/index.json +56 -153
  35. package/dist/uitvoerend-hemelblauw/index.tokens.json +103 -212
  36. package/dist/uitvoerend-hemelblauw/root.css +56 -153
  37. package/dist/uitvoerend-hemelblauw/tokens.d.ts +99 -208
  38. package/dist/uitvoerend-hemelblauw/tokens.js +1507 -3650
  39. package/dist/uitvoerend-mintgroen/_variables.scss +56 -153
  40. package/dist/uitvoerend-mintgroen/index.css +56 -153
  41. package/dist/uitvoerend-mintgroen/index.d.ts +55 -152
  42. package/dist/uitvoerend-mintgroen/index.js +56 -153
  43. package/dist/uitvoerend-mintgroen/index.json +56 -153
  44. package/dist/uitvoerend-mintgroen/index.tokens.json +103 -212
  45. package/dist/uitvoerend-mintgroen/root.css +56 -153
  46. package/dist/uitvoerend-mintgroen/tokens.d.ts +99 -208
  47. package/dist/uitvoerend-mintgroen/tokens.js +1507 -3650
  48. package/dist/uitvoerend-oranje/_variables.scss +56 -153
  49. package/dist/uitvoerend-oranje/index.css +56 -153
  50. package/dist/uitvoerend-oranje/index.d.ts +55 -152
  51. package/dist/uitvoerend-oranje/index.js +56 -153
  52. package/dist/uitvoerend-oranje/index.json +56 -153
  53. package/dist/uitvoerend-oranje/index.tokens.json +103 -212
  54. package/dist/uitvoerend-oranje/root.css +56 -153
  55. package/dist/uitvoerend-oranje/tokens.d.ts +99 -208
  56. package/dist/uitvoerend-oranje/tokens.js +1507 -3650
  57. package/dist/uitvoerend-paars/_variables.scss +56 -153
  58. package/dist/uitvoerend-paars/index.css +56 -153
  59. package/dist/uitvoerend-paars/index.d.ts +55 -152
  60. package/dist/uitvoerend-paars/index.js +56 -153
  61. package/dist/uitvoerend-paars/index.json +56 -153
  62. package/dist/uitvoerend-paars/index.tokens.json +103 -212
  63. package/dist/uitvoerend-paars/root.css +56 -153
  64. package/dist/uitvoerend-paars/tokens.d.ts +99 -208
  65. package/dist/uitvoerend-paars/tokens.js +1507 -3650
  66. package/dist/uitvoerend-violet/_variables.scss +56 -153
  67. package/dist/uitvoerend-violet/index.css +56 -153
  68. package/dist/uitvoerend-violet/index.d.ts +55 -152
  69. package/dist/uitvoerend-violet/index.js +56 -153
  70. package/dist/uitvoerend-violet/index.json +56 -153
  71. package/dist/uitvoerend-violet/index.tokens.json +103 -212
  72. package/dist/uitvoerend-violet/root.css +56 -153
  73. package/dist/uitvoerend-violet/tokens.d.ts +99 -208
  74. package/dist/uitvoerend-violet/tokens.js +1507 -3650
  75. package/dist/uitvoerend-violet-oud/_variables.scss +56 -153
  76. package/dist/uitvoerend-violet-oud/index.css +56 -153
  77. package/dist/uitvoerend-violet-oud/index.d.ts +55 -152
  78. package/dist/uitvoerend-violet-oud/index.js +56 -153
  79. package/dist/uitvoerend-violet-oud/index.json +56 -153
  80. package/dist/uitvoerend-violet-oud/index.tokens.json +103 -212
  81. package/dist/uitvoerend-violet-oud/root.css +56 -153
  82. package/dist/uitvoerend-violet-oud/tokens.d.ts +99 -208
  83. package/dist/uitvoerend-violet-oud/tokens.js +1507 -3650
  84. package/dist/wetgevend/_variables.scss +56 -153
  85. package/dist/wetgevend/index.css +56 -153
  86. package/dist/wetgevend/index.d.ts +55 -152
  87. package/dist/wetgevend/index.js +56 -153
  88. package/dist/wetgevend/index.json +56 -153
  89. package/dist/wetgevend/index.tokens.json +103 -212
  90. package/dist/wetgevend/root.css +56 -153
  91. package/dist/wetgevend/tokens.d.ts +99 -208
  92. package/dist/wetgevend/tokens.js +1507 -3650
  93. package/figma/figma.tokens.json +291 -640
  94. package/package.json +2 -2
  95. package/src/generated/base.tokens.json +447 -661
  96. package/src/generated/koop/tokens.json +235 -637
  97. package/src/generated/themes.json +2161 -5875
  98. package/src/generated/uitvoerend-groen/tokens.json +246 -660
  99. package/src/generated/uitvoerend-hemelblauw/tokens.json +246 -660
  100. package/src/generated/uitvoerend-mintgroen/tokens.json +246 -660
  101. package/src/generated/uitvoerend-oranje/tokens.json +246 -660
  102. package/src/generated/uitvoerend-paars/tokens.json +246 -660
  103. package/src/generated/uitvoerend-violet/tokens.json +246 -660
  104. package/src/generated/uitvoerend-violet-oud/tokens.json +246 -660
  105. package/src/generated/wetgevend/tokens.json +246 -660
@@ -19,28 +19,6 @@
19
19
  }
20
20
  },
21
21
  "unordered-list": {
22
- "color": {
23
- "type": "color",
24
- "value": "#0F172A"
25
- },
26
- "marker": {
27
- "border-color": {
28
- "type": "color",
29
- "value": "#0F172A"
30
- },
31
- "color": {
32
- "type": "color",
33
- "value": "#0F172A"
34
- }
35
- },
36
- "font-family": {
37
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
38
- "type": "fontFamilies"
39
- },
40
- "font-weight": {
41
- "value": 400,
42
- "type": "fontWeights"
43
- },
44
22
  "font-size": {
45
23
  "type": "fontSizes",
46
24
  "value": "1.25rem"
@@ -76,6 +54,12 @@
76
54
  "type": "dimension",
77
55
  "value": "0.5rem"
78
56
  }
57
+ },
58
+ "marker": {
59
+ "color": {
60
+ "type": "color",
61
+ "value": "#0F172A"
62
+ }
79
63
  }
80
64
  },
81
65
  "textbox": {
@@ -1134,91 +1118,7 @@
1134
1118
  "type": "fontSizes"
1135
1119
  }
1136
1120
  },
1137
- "paragraph": {
1138
- "color": {
1139
- "type": "color",
1140
- "value": "#0F172A"
1141
- },
1142
- "font-family": {
1143
- "type": "fontFamilies",
1144
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
1145
- },
1146
- "font-size": {
1147
- "type": "fontSizes",
1148
- "value": "1.25rem"
1149
- },
1150
- "font-weight": {
1151
- "type": "fontWeights",
1152
- "value": 400
1153
- },
1154
- "line-height": {
1155
- "type": "lineHeights",
1156
- "value": "150%"
1157
- },
1158
- "lead": {
1159
- "color": {
1160
- "type": "color",
1161
- "value": "#0F172A"
1162
- },
1163
- "font-size": {
1164
- "type": "fontSizes",
1165
- "value": "1.5rem"
1166
- },
1167
- "font-weight": {
1168
- "type": "fontWeights",
1169
- "value": 400
1170
- },
1171
- "line-height": {
1172
- "type": "lineHeights",
1173
- "value": "150%"
1174
- }
1175
- },
1176
- "small": {
1177
- "font-size": {
1178
- "type": "fontSizes",
1179
- "value": "1.5rem"
1180
- },
1181
- "color": {
1182
- "type": "color",
1183
- "value": "#0F172A"
1184
- },
1185
- "font-weight": {
1186
- "type": "fontWeights",
1187
- "value": 400
1188
- },
1189
- "line-height": {
1190
- "type": "lineHeights",
1191
- "value": "150%"
1192
- }
1193
- },
1194
- "margin-block-end": {
1195
- "type": "dimension",
1196
- "value": "0rem",
1197
- "description": "[code-only]"
1198
- },
1199
- "margin-block-start": {
1200
- "type": "dimension",
1201
- "value": "0rem",
1202
- "description": "[code-only]"
1203
- }
1204
- },
1205
1121
  "ordered-list": {
1206
- "color": {
1207
- "value": "#0F172A",
1208
- "type": "color"
1209
- },
1210
- "font-family": {
1211
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
1212
- "type": "fontFamilies"
1213
- },
1214
- "font-weight": {
1215
- "value": 400,
1216
- "type": "fontWeights"
1217
- },
1218
- "margin-inline-start": {
1219
- "type": "dimension",
1220
- "value": "0.625rem"
1221
- },
1222
1122
  "font-size": {
1223
1123
  "type": "fontSizes",
1224
1124
  "value": "1.25rem"
@@ -1239,7 +1139,7 @@
1239
1139
  },
1240
1140
  "padding-inline-start": {
1241
1141
  "type": "dimension",
1242
- "value": "1.5rem"
1142
+ "value": "2rem"
1243
1143
  },
1244
1144
  "item": {
1245
1145
  "margin-block-end": {
@@ -1311,16 +1211,6 @@
1311
1211
  }
1312
1212
  },
1313
1213
  "link-list": {
1314
- "item": {
1315
- "text-decoration": {
1316
- "type": "textDecoration",
1317
- "value": "None"
1318
- },
1319
- "column-gap": {
1320
- "value": "0.5rem",
1321
- "type": "dimension"
1322
- }
1323
- },
1324
1214
  "margin-block-end": {
1325
1215
  "type": "dimension",
1326
1216
  "value": "0rem",
@@ -1361,69 +1251,6 @@
1361
1251
  }
1362
1252
  },
1363
1253
  "link": {
1364
- "font-family": {
1365
- "type": "fontFamilies",
1366
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
1367
- },
1368
- "font-weight": {
1369
- "type": "fontWeights",
1370
- "value": 400
1371
- },
1372
- "line-height": {
1373
- "type": "lineHeights",
1374
- "value": "150%"
1375
- },
1376
- "font-size": {
1377
- "type": "fontSizes",
1378
- "value": "1.25rem"
1379
- },
1380
- "active": {
1381
- "text-decoration": {
1382
- "type": "textDecoration",
1383
- "value": "None"
1384
- },
1385
- "color": {
1386
- "type": "color",
1387
- "value": "#163f5b",
1388
- "$extensions": {
1389
- "studio.tokens": {
1390
- "modify": {
1391
- "type": "darken",
1392
- "value": "0.4",
1393
- "space": "lch"
1394
- }
1395
- }
1396
- }
1397
- }
1398
- },
1399
- "focus": {
1400
- "text-decoration": {
1401
- "value": "None",
1402
- "type": "textDecoration"
1403
- },
1404
- "text-decoration-thickness": {
1405
- "type": "other",
1406
- "value": "auto"
1407
- },
1408
- "background-color": {
1409
- "type": "color",
1410
- "value": "transparent"
1411
- },
1412
- "color": {
1413
- "type": "color",
1414
- "value": "#01689b"
1415
- }
1416
- },
1417
- "icon": {
1418
- "inset-block-start": {
1419
- "value": "0.25rem",
1420
- "type": "dimension"
1421
- },
1422
- "size": {
1423
- "type": "dimension",
1424
- "value": "24px"
1425
- }
1426
- },
1427
1254
  "color": {
1428
1255
  "type": "color",
1429
1256
  "value": "#01689b"
@@ -1450,6 +1277,27 @@
1450
1277
  "value": "0.125rem",
1451
1278
  "description": "[code-only]"
1452
1279
  },
1280
+ "icon": {
1281
+ "size": {
1282
+ "type": "dimension",
1283
+ "value": "24px"
1284
+ }
1285
+ },
1286
+ "active": {
1287
+ "color": {
1288
+ "type": "color",
1289
+ "value": "#163f5b",
1290
+ "$extensions": {
1291
+ "studio.tokens": {
1292
+ "modify": {
1293
+ "type": "darken",
1294
+ "value": "0.4",
1295
+ "space": "lch"
1296
+ }
1297
+ }
1298
+ }
1299
+ }
1300
+ },
1453
1301
  "hover": {
1454
1302
  "color": {
1455
1303
  "type": "color",
@@ -1474,6 +1322,16 @@
1474
1322
  "description": "[code-only]"
1475
1323
  }
1476
1324
  },
1325
+ "focus": {
1326
+ "background-color": {
1327
+ "type": "color",
1328
+ "value": "transparent"
1329
+ },
1330
+ "color": {
1331
+ "type": "color",
1332
+ "value": "#01689b"
1333
+ }
1334
+ },
1477
1335
  "focus-visible": {
1478
1336
  "text-decoration": {
1479
1337
  "type": "textDecoration",
@@ -1506,230 +1364,38 @@
1506
1364
  "type": "spacing"
1507
1365
  }
1508
1366
  },
1509
- "heading-1": {
1367
+ "form-label": {
1510
1368
  "color": {
1511
1369
  "type": "color",
1512
- "value": "#154273"
1513
- },
1514
- "font-family": {
1515
- "type": "fontFamilies",
1516
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
1370
+ "value": "#0F172A"
1517
1371
  },
1518
1372
  "font-size": {
1519
1373
  "type": "fontSizes",
1520
- "value": "3.125rem"
1374
+ "value": "1.25rem"
1521
1375
  },
1522
1376
  "font-weight": {
1523
1377
  "type": "fontWeights",
1524
1378
  "value": 700
1525
1379
  },
1526
- "line-height": {
1527
- "type": "lineHeights",
1528
- "value": "125%"
1380
+ "checkbox": {
1381
+ "color": {
1382
+ "type": "color",
1383
+ "value": "#0F172A"
1384
+ },
1385
+ "font-weight": {
1386
+ "type": "fontWeights",
1387
+ "value": 400
1388
+ }
1529
1389
  },
1530
- "margin-block-end": {
1531
- "type": "dimension",
1532
- "value": "0rem",
1533
- "description": "[code-only]"
1534
- },
1535
- "margin-block-start": {
1536
- "type": "dimension",
1537
- "value": "0rem",
1538
- "description": "[code-only]"
1539
- }
1540
- },
1541
- "heading-2": {
1542
- "color": {
1543
- "type": "color",
1544
- "value": "#154273"
1545
- },
1546
- "font-family": {
1547
- "type": "fontFamilies",
1548
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
1549
- },
1550
- "font-size": {
1551
- "type": "fontSizes",
1552
- "value": "2.5rem"
1553
- },
1554
- "font-weight": {
1555
- "type": "fontWeights",
1556
- "value": 700
1557
- },
1558
- "line-height": {
1559
- "type": "lineHeights",
1560
- "value": "125%"
1561
- },
1562
- "margin-block-end": {
1563
- "type": "dimension",
1564
- "value": "0rem",
1565
- "description": "[code-only]"
1566
- },
1567
- "margin-block-start": {
1568
- "type": "dimension",
1569
- "value": "0rem",
1570
- "description": "[code-only]"
1571
- }
1572
- },
1573
- "heading-3": {
1574
- "color": {
1575
- "type": "color",
1576
- "value": "#154273"
1577
- },
1578
- "font-family": {
1579
- "type": "fontFamilies",
1580
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
1581
- },
1582
- "font-size": {
1583
- "type": "fontSizes",
1584
- "value": "1.875rem"
1585
- },
1586
- "font-weight": {
1587
- "type": "fontWeights",
1588
- "value": 700
1589
- },
1590
- "line-height": {
1591
- "type": "lineHeights",
1592
- "value": "125%"
1593
- },
1594
- "margin-block-end": {
1595
- "type": "dimension",
1596
- "value": "0rem",
1597
- "description": "[code-only]"
1598
- },
1599
- "margin-block-start": {
1600
- "type": "dimension",
1601
- "value": "0rem",
1602
- "description": "[code-only]"
1603
- }
1604
- },
1605
- "heading-4": {
1606
- "color": {
1607
- "type": "color",
1608
- "value": "#154273"
1609
- },
1610
- "font-family": {
1611
- "type": "fontFamilies",
1612
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
1613
- },
1614
- "font-size": {
1615
- "type": "fontSizes",
1616
- "value": "1.5rem"
1617
- },
1618
- "font-weight": {
1619
- "type": "fontWeights",
1620
- "value": 700
1621
- },
1622
- "line-height": {
1623
- "type": "lineHeights",
1624
- "value": "150%"
1625
- },
1626
- "margin-block-end": {
1627
- "type": "dimension",
1628
- "value": "0rem",
1629
- "description": "[code-only]"
1630
- },
1631
- "margin-block-start": {
1632
- "type": "dimension",
1633
- "value": "0rem",
1634
- "description": "[code-only]"
1635
- }
1636
- },
1637
- "heading-5": {
1638
- "color": {
1639
- "type": "color",
1640
- "value": "#154273"
1641
- },
1642
- "font-family": {
1643
- "type": "fontFamilies",
1644
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
1645
- },
1646
- "font-size": {
1647
- "type": "fontSizes",
1648
- "value": "1.25rem"
1649
- },
1650
- "font-weight": {
1651
- "type": "fontWeights",
1652
- "value": 700
1653
- },
1654
- "line-height": {
1655
- "type": "lineHeights",
1656
- "value": "150%"
1657
- },
1658
- "margin-block-end": {
1659
- "type": "dimension",
1660
- "value": "0rem",
1661
- "description": "[code-only]"
1662
- },
1663
- "margin-block-start": {
1664
- "type": "dimension",
1665
- "value": "0rem",
1666
- "description": "[code-only]"
1667
- }
1668
- },
1669
- "heading-6": {
1670
- "color": {
1671
- "type": "color",
1672
- "value": "#154273"
1673
- },
1674
- "font-family": {
1675
- "type": "fontFamilies",
1676
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
1677
- },
1678
- "font-size": {
1679
- "type": "fontSizes",
1680
- "value": "1.25rem"
1681
- },
1682
- "font-weight": {
1683
- "type": "fontWeights",
1684
- "value": 700
1685
- },
1686
- "line-height": {
1687
- "type": "lineHeights",
1688
- "value": "150%"
1689
- },
1690
- "margin-block-end": {
1691
- "type": "dimension",
1692
- "value": "0rem",
1693
- "description": "[code-only]"
1694
- },
1695
- "margin-block-start": {
1696
- "type": "dimension",
1697
- "value": "0rem",
1698
- "description": "[code-only]"
1699
- }
1700
- },
1701
- "form-label": {
1702
- "color": {
1703
- "type": "color",
1704
- "value": "#0F172A"
1705
- },
1706
- "font-size": {
1707
- "type": "fontSizes",
1708
- "value": "1.25rem"
1709
- },
1710
- "font-weight": {
1711
- "type": "fontWeights",
1712
- "value": 700
1713
- },
1714
- "checkbox": {
1715
- "color": {
1716
- "type": "color",
1717
- "value": "#0F172A"
1718
- },
1719
- "font-weight": {
1720
- "type": "fontWeights",
1721
- "value": 400
1722
- }
1723
- },
1724
- "radio": {
1725
- "color": {
1726
- "type": "color",
1727
- "value": "#0F172A"
1728
- },
1729
- "font-weight": {
1730
- "type": "fontWeights",
1731
- "value": 400
1732
- }
1390
+ "radio": {
1391
+ "color": {
1392
+ "type": "color",
1393
+ "value": "#0F172A"
1394
+ },
1395
+ "font-weight": {
1396
+ "type": "fontWeights",
1397
+ "value": 400
1398
+ }
1733
1399
  },
1734
1400
  "checked": {
1735
1401
  "font-weight": {
@@ -2821,61 +2487,59 @@
2821
2487
  }
2822
2488
  },
2823
2489
  "breadcrumb-nav": {
2824
- "divider": {
2825
- "color": {
2826
- "type": "color",
2827
- "value": "#334155"
2828
- },
2829
- "inset-block-start": {
2830
- "type": "dimension",
2831
- "value": 0
2832
- },
2833
- "size": {
2834
- "type": "dimension",
2835
- "value": "24px"
2836
- }
2490
+ "font-family": {
2491
+ "type": "fontFamilies",
2492
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
2837
2493
  },
2838
- "link": {
2494
+ "font-size": {
2495
+ "type": "fontSizes",
2496
+ "value": "1.25rem"
2497
+ },
2498
+ "line-height": {
2499
+ "type": "lineHeights",
2500
+ "value": "150%"
2501
+ },
2502
+ "min-block-size": {
2503
+ "type": "dimension",
2504
+ "value": "48px"
2505
+ },
2506
+ "item": {
2839
2507
  "padding-block-end": {
2840
2508
  "type": "dimension",
2841
- "value": "0.75rem"
2509
+ "value": "0.5rem"
2842
2510
  },
2843
2511
  "padding-block-start": {
2844
2512
  "type": "dimension",
2845
- "value": "0.75rem"
2513
+ "value": "0.5rem"
2846
2514
  },
2847
2515
  "padding-inline-end": {
2848
2516
  "type": "dimension",
2849
- "value": "0rem"
2517
+ "value": "0.5rem"
2850
2518
  },
2851
2519
  "padding-inline-start": {
2852
2520
  "type": "dimension",
2853
- "value": "0rem"
2521
+ "value": "0.5rem"
2854
2522
  },
2855
- "current": {
2856
- "color": {
2857
- "type": "color",
2858
- "value": "#334155"
2859
- },
2860
- "font-weight": {
2861
- "type": "fontWeights",
2862
- "value": 400
2523
+ "first": {
2524
+ "padding-inline-start": {
2525
+ "type": "dimension",
2526
+ "value": "0rem"
2863
2527
  }
2528
+ }
2529
+ },
2530
+ "separator": {
2531
+ "color": {
2532
+ "type": "color",
2533
+ "value": "#334155"
2864
2534
  },
2865
2535
  "icon": {
2866
- "inset-block-start": {
2867
- "type": "dimension",
2868
- "value": 0
2869
- },
2870
- "margin-inline": {
2871
- "type": "dimension",
2872
- "value": "0.25rem"
2873
- },
2874
2536
  "size": {
2875
2537
  "type": "dimension",
2876
2538
  "value": "24px"
2877
2539
  }
2878
- },
2540
+ }
2541
+ },
2542
+ "link": {
2879
2543
  "color": {
2880
2544
  "type": "color",
2881
2545
  "value": "#01689b"
@@ -2884,6 +2548,12 @@
2884
2548
  "type": "textDecoration",
2885
2549
  "value": "underline"
2886
2550
  },
2551
+ "current": {
2552
+ "font-weight": {
2553
+ "type": "fontWeights",
2554
+ "value": 400
2555
+ }
2556
+ },
2887
2557
  "active": {
2888
2558
  "color": {
2889
2559
  "type": "color",
@@ -2941,52 +2611,6 @@
2941
2611
  }
2942
2612
  }
2943
2613
  }
2944
- }
2945
- },
2946
- "font-family": {
2947
- "type": "fontFamilies",
2948
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
2949
- },
2950
- "font-size": {
2951
- "type": "fontSizes",
2952
- "value": "1.25rem"
2953
- },
2954
- "line-height": {
2955
- "type": "lineHeights",
2956
- "value": "150%"
2957
- },
2958
- "min-block-size": {
2959
- "type": "dimension",
2960
- "value": "48px"
2961
- },
2962
- "item": {
2963
- "padding-block-end": {
2964
- "type": "dimension",
2965
- "value": "0.5rem"
2966
- },
2967
- "padding-block-start": {
2968
- "type": "dimension",
2969
- "value": "0.5rem"
2970
- },
2971
- "padding-inline-end": {
2972
- "type": "dimension",
2973
- "value": "0.5rem"
2974
- },
2975
- "padding-inline-start": {
2976
- "type": "dimension",
2977
- "value": "0.5rem"
2978
- },
2979
- "first": {
2980
- "padding-inline-start": {
2981
- "type": "dimension",
2982
- "value": "0rem"
2983
- }
2984
- }
2985
- },
2986
- "separator": {
2987
- "color": {
2988
- "type": "color",
2989
- "value": "#334155"
2990
2614
  },
2991
2615
  "icon": {
2992
2616
  "size": {
@@ -3729,6 +3353,14 @@
3729
3353
  }
3730
3354
  },
3731
3355
  "rhc": {
3356
+ "unordered-list": {
3357
+ "nested": {
3358
+ "margin-inline-start": {
3359
+ "type": "dimension",
3360
+ "value": "0rem"
3361
+ }
3362
+ }
3363
+ },
3732
3364
  "toggletip": {
3733
3365
  "color": {
3734
3366
  "value": "#fff",
@@ -4392,10 +4024,10 @@
4392
4024
  "type": "spacing"
4393
4025
  }
4394
4026
  },
4395
- "link-list": {
4396
- "text-decoration": {
4397
- "type": "textDecoration",
4398
- "value": "None"
4027
+ "link": {
4028
+ "column-gap": {
4029
+ "value": "0.25rem",
4030
+ "type": "dimension"
4399
4031
  }
4400
4032
  },
4401
4033
  "icon-only-button": {
@@ -4823,51 +4455,287 @@
4823
4455
  "type": "borderWidth"
4824
4456
  },
4825
4457
  "border-color": {
4826
- "value": "#CBD5E1",
4458
+ "value": "#CBD5E1",
4459
+ "type": "color"
4460
+ },
4461
+ "border-block-end-style": {
4462
+ "value": "solid",
4463
+ "type": "other"
4464
+ },
4465
+ "color": {
4466
+ "value": "#0F172A",
4467
+ "type": "color"
4468
+ }
4469
+ },
4470
+ "font-size": {
4471
+ "value": "1.25rem",
4472
+ "type": "fontSizes"
4473
+ },
4474
+ "line-height": {
4475
+ "value": "150%",
4476
+ "type": "lineHeights"
4477
+ },
4478
+ "item-action": {
4479
+ "row": {
4480
+ "padding-block-end": {
4481
+ "value": "0.75rem",
4482
+ "type": "spacing"
4483
+ },
4484
+ "padding-block-start": {
4485
+ "value": "0.75rem",
4486
+ "type": "spacing"
4487
+ },
4488
+ "padding-inline-end": {
4489
+ "value": "0rem",
4490
+ "type": "spacing"
4491
+ },
4492
+ "padding-inline-start": {
4493
+ "value": "1rem",
4494
+ "type": "spacing"
4495
+ }
4496
+ },
4497
+ "padding-block-end": {
4498
+ "value": "0.75rem",
4499
+ "type": "spacing"
4500
+ },
4501
+ "padding-block-start": {
4502
+ "value": "0.75rem",
4503
+ "type": "spacing"
4504
+ },
4505
+ "padding-inline-end": {
4506
+ "value": "1rem",
4507
+ "type": "spacing"
4508
+ },
4509
+ "padding-inline-start": {
4510
+ "value": "0rem",
4511
+ "type": "spacing"
4512
+ }
4513
+ }
4514
+ },
4515
+ "data-badge-button": {
4516
+ "column-gap": {
4517
+ "value": "0.125rem",
4518
+ "type": "dimension"
4519
+ },
4520
+ "hover": {
4521
+ "background-color": {
4522
+ "value": "#154273",
4523
+ "type": "color"
4524
+ },
4525
+ "color": {
4526
+ "value": "#fff",
4527
+ "type": "color"
4528
+ }
4529
+ }
4530
+ },
4531
+ "code-input": {
4532
+ "size": {
4533
+ "value": "48px",
4534
+ "type": "spacing"
4535
+ }
4536
+ },
4537
+ "code-input-group": {
4538
+ "column-gap": {
4539
+ "value": "0.5rem",
4540
+ "type": "spacing"
4541
+ }
4542
+ },
4543
+ "checkbox-group": {
4544
+ "padding-block-end": {
4545
+ "value": "0.5rem",
4546
+ "type": "spacing"
4547
+ },
4548
+ "padding-block-start": {
4549
+ "value": "0.5rem",
4550
+ "type": "spacing"
4551
+ },
4552
+ "row-gap": {
4553
+ "value": "1rem",
4554
+ "type": "spacing"
4555
+ }
4556
+ },
4557
+ "card": {
4558
+ "background-color": {
4559
+ "value": "#fff",
4560
+ "type": "color"
4561
+ },
4562
+ "border-color": {
4563
+ "value": "#CBD5E1",
4564
+ "type": "color"
4565
+ },
4566
+ "border-radius": {
4567
+ "value": "5px",
4568
+ "type": "borderRadius"
4569
+ },
4570
+ "border-width": {
4571
+ "value": "1px",
4572
+ "type": "borderWidth"
4573
+ },
4574
+ "color": {
4575
+ "value": "#0F172A",
4576
+ "type": "color"
4577
+ },
4578
+ "column-gap": {
4579
+ "value": "1rem",
4580
+ "type": "spacing"
4581
+ },
4582
+ "inline-size": {
4583
+ "value": "328px",
4584
+ "type": "sizing"
4585
+ },
4586
+ "icon": {
4587
+ "color": {
4588
+ "value": "#154273",
4589
+ "type": "color"
4590
+ },
4591
+ "size": {
4592
+ "value": "24px",
4593
+ "type": "sizing"
4594
+ }
4595
+ },
4596
+ "link": {
4597
+ "color": {
4598
+ "value": "#01689b",
4599
+ "type": "color"
4600
+ },
4601
+ "text-decoration": {
4602
+ "value": "underline",
4603
+ "type": "textDecoration"
4604
+ },
4605
+ "active": {
4606
+ "text-decoration": {
4607
+ "value": "none",
4608
+ "type": "textDecoration"
4609
+ }
4610
+ },
4611
+ "hover": {
4612
+ "text-decoration": {
4613
+ "value": "none",
4614
+ "type": "textDecoration"
4615
+ }
4616
+ },
4617
+ "focus": {
4618
+ "text-decoration": {
4619
+ "value": "none",
4620
+ "type": "textDecoration"
4621
+ }
4622
+ }
4623
+ },
4624
+ "metadata": {
4625
+ "color": {
4626
+ "value": "#334155",
4627
+ "type": "color"
4628
+ }
4629
+ },
4630
+ "padding-block-end": {
4631
+ "value": "1rem",
4632
+ "type": "spacing"
4633
+ },
4634
+ "padding-block-start": {
4635
+ "value": "1rem",
4636
+ "type": "spacing"
4637
+ },
4638
+ "padding-inline-end": {
4639
+ "value": "1rem",
4640
+ "type": "spacing"
4641
+ },
4642
+ "padding-inline-start": {
4643
+ "value": "1rem",
4644
+ "type": "spacing"
4645
+ },
4646
+ "row-gap": {
4647
+ "value": "0.75rem",
4648
+ "type": "spacing"
4649
+ },
4650
+ "active": {
4651
+ "background-color": {
4652
+ "value": "#F1F5F9",
4653
+ "type": "color"
4654
+ },
4655
+ "text-decoration": {
4656
+ "value": "underline",
4657
+ "type": "textDecoration"
4658
+ }
4659
+ },
4660
+ "hover": {
4661
+ "background-color": {
4662
+ "value": "#F8FAFC",
4663
+ "type": "color"
4664
+ },
4665
+ "text-decoration": {
4666
+ "value": "underline",
4667
+ "type": "textDecoration"
4668
+ }
4669
+ },
4670
+ "focus": {
4671
+ "background-color": {
4672
+ "value": "#dce3ea",
4673
+ "type": "color"
4674
+ },
4675
+ "text-decoration": {
4676
+ "value": "underline",
4677
+ "type": "textDecoration"
4678
+ }
4679
+ },
4680
+ "full-bleed": {
4681
+ "background-color": {
4682
+ "value": "#000",
4683
+ "type": "color"
4684
+ },
4685
+ "border-color": {
4686
+ "value": "transparent",
4687
+ "type": "color"
4688
+ },
4689
+ "color": {
4690
+ "value": "#fff",
4691
+ "type": "color"
4692
+ },
4693
+ "opacity": {
4694
+ "value": 0.5,
4695
+ "type": "opacity"
4696
+ }
4697
+ },
4698
+ "heading": {
4699
+ "color": {
4700
+ "value": "#154273",
4701
+ "type": "color"
4702
+ },
4703
+ "padding-block-start": {
4704
+ "value": "0.5rem",
4705
+ "type": "spacing"
4706
+ },
4707
+ "font-size": {
4708
+ "value": "1.5rem",
4709
+ "type": "fontSizes"
4710
+ },
4711
+ "font-weight": {
4712
+ "value": 700,
4713
+ "type": "fontWeights"
4714
+ }
4715
+ },
4716
+ "horizontal": {
4717
+ "background-color": {
4718
+ "value": "#154273",
4719
+ "type": "color"
4720
+ },
4721
+ "border-color": {
4722
+ "value": "transparent",
4827
4723
  "type": "color"
4828
4724
  },
4829
- "border-block-end-style": {
4830
- "value": "solid",
4831
- "type": "other"
4832
- },
4833
4725
  "color": {
4834
- "value": "#0F172A",
4726
+ "value": "#fff",
4835
4727
  "type": "color"
4836
- }
4837
- },
4838
- "font-size": {
4839
- "value": "1.25rem",
4840
- "type": "fontSizes"
4841
- },
4842
- "line-height": {
4843
- "value": "150%",
4844
- "type": "lineHeights"
4845
- },
4846
- "item-action": {
4847
- "row": {
4848
- "padding-block-end": {
4849
- "value": "0.75rem",
4850
- "type": "spacing"
4851
- },
4852
- "padding-block-start": {
4853
- "value": "0.75rem",
4854
- "type": "spacing"
4855
- },
4856
- "padding-inline-end": {
4857
- "value": "0rem",
4858
- "type": "spacing"
4859
- },
4860
- "padding-inline-start": {
4861
- "value": "1rem",
4862
- "type": "spacing"
4863
- }
4728
+ },
4729
+ "max-block-size": {
4730
+ "value": "96px",
4731
+ "type": "sizing"
4864
4732
  },
4865
4733
  "padding-block-end": {
4866
- "value": "0.75rem",
4734
+ "value": 0,
4867
4735
  "type": "spacing"
4868
4736
  },
4869
4737
  "padding-block-start": {
4870
- "value": "0.75rem",
4738
+ "value": 0,
4871
4739
  "type": "spacing"
4872
4740
  },
4873
4741
  "padding-inline-end": {
@@ -4875,53 +4743,17 @@
4875
4743
  "type": "spacing"
4876
4744
  },
4877
4745
  "padding-inline-start": {
4878
- "value": "0rem",
4746
+ "value": "1rem",
4879
4747
  "type": "spacing"
4880
- }
4881
- }
4882
- },
4883
- "data-badge-button": {
4884
- "column-gap": {
4885
- "value": "0.125rem",
4886
- "type": "dimension"
4887
- },
4888
- "hover": {
4889
- "background-color": {
4890
- "value": "#154273",
4891
- "type": "color"
4892
4748
  },
4893
- "color": {
4894
- "value": "#fff",
4895
- "type": "color"
4749
+ "heading": {
4750
+ "inline-size": {
4751
+ "value": "200px",
4752
+ "type": "sizing"
4753
+ }
4896
4754
  }
4897
4755
  }
4898
4756
  },
4899
- "code-input": {
4900
- "size": {
4901
- "value": "48px",
4902
- "type": "spacing"
4903
- }
4904
- },
4905
- "code-input-group": {
4906
- "column-gap": {
4907
- "value": "0.5rem",
4908
- "type": "spacing"
4909
- }
4910
- },
4911
- "checkbox-group": {
4912
- "padding-block-end": {
4913
- "value": "0.5rem",
4914
- "type": "spacing"
4915
- },
4916
- "padding-block-start": {
4917
- "value": "0.5rem",
4918
- "type": "spacing"
4919
- },
4920
- "row-gap": {
4921
- "value": "1rem",
4922
- "type": "spacing"
4923
- }
4924
- },
4925
4757
  "card-as-link": {
4926
4758
  "background-color": {
4927
4759
  "value": "#fff",
@@ -4947,10 +4779,6 @@
4947
4779
  "value": "1rem",
4948
4780
  "type": "spacing"
4949
4781
  },
4950
- "inline-size": {
4951
- "value": "328px",
4952
- "type": "sizing"
4953
- },
4954
4782
  "icon": {
4955
4783
  "color": {
4956
4784
  "value": "#154273",
@@ -5122,6 +4950,16 @@
5122
4950
  }
5123
4951
  }
5124
4952
  },
4953
+ "breadcrumb-nav": {
4954
+ "link": {
4955
+ "current": {
4956
+ "color": {
4957
+ "type": "color",
4958
+ "value": "#334155"
4959
+ }
4960
+ }
4961
+ }
4962
+ },
5125
4963
  "keep": {
5126
4964
  "_comment": {
5127
4965
  "type": "other",
@@ -6767,34 +6605,6 @@
6767
6605
  }
6768
6606
  },
6769
6607
  "paragraph": {
6770
- "lead": {
6771
- "color": {
6772
- "value": "#0F172A",
6773
- "type": "color"
6774
- },
6775
- "font-size": {
6776
- "type": "fontSizes",
6777
- "value": "1.5rem"
6778
- },
6779
- "font-weight": {
6780
- "type": "fontWeights",
6781
- "value": 400
6782
- },
6783
- "line-height": {
6784
- "type": "lineHeights",
6785
- "value": "150%"
6786
- },
6787
- "margin-block-end": {
6788
- "type": "dimension",
6789
- "value": "0rem",
6790
- "description": "[code only]"
6791
- },
6792
- "margin-block-start": {
6793
- "type": "dimension",
6794
- "value": "0rem",
6795
- "description": "[code only]"
6796
- }
6797
- },
6798
6608
  "color": {
6799
6609
  "type": "color",
6800
6610
  "value": "#0F172A"
@@ -6824,6 +6634,30 @@
6824
6634
  "type": "dimension",
6825
6635
  "value": "0rem",
6826
6636
  "description": "[code only]"
6637
+ },
6638
+ "lead": {
6639
+ "font-size": {
6640
+ "type": "fontSizes",
6641
+ "value": "1.5rem"
6642
+ },
6643
+ "font-weight": {
6644
+ "type": "fontWeights",
6645
+ "value": 400
6646
+ },
6647
+ "line-height": {
6648
+ "type": "lineHeights",
6649
+ "value": "150%"
6650
+ },
6651
+ "margin-block-end": {
6652
+ "type": "dimension",
6653
+ "value": "0rem",
6654
+ "description": "[code only]"
6655
+ },
6656
+ "margin-block-start": {
6657
+ "type": "dimension",
6658
+ "value": "0rem",
6659
+ "description": "[code only]"
6660
+ }
6827
6661
  }
6828
6662
  },
6829
6663
  "number-badge": {
@@ -6881,79 +6715,6 @@
6881
6715
  }
6882
6716
  },
6883
6717
  "link": {
6884
- "column-gap": {
6885
- "type": "dimension",
6886
- "value": "0.25rem"
6887
- },
6888
- "font-family": {
6889
- "type": "fontFamilies",
6890
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
6891
- },
6892
- "font-size": {
6893
- "type": "fontSizes",
6894
- "value": "1.25rem"
6895
- },
6896
- "font-weight": {
6897
- "type": "fontWeights",
6898
- "value": 400
6899
- },
6900
- "line-height": {
6901
- "type": "lineHeights",
6902
- "value": "150%"
6903
- },
6904
- "icon": {
6905
- "inset-block-start": {
6906
- "type": "dimension",
6907
- "value": "0.25rem"
6908
- },
6909
- "size": {
6910
- "type": "dimension",
6911
- "value": "24px"
6912
- }
6913
- },
6914
- "active": {
6915
- "text-decoration": {
6916
- "type": "textDecoration",
6917
- "value": "None"
6918
- },
6919
- "color": {
6920
- "type": "color",
6921
- "value": "#1a4972",
6922
- "$extensions": {
6923
- "studio.tokens": {
6924
- "modify": {
6925
- "type": "darken",
6926
- "value": "0.4",
6927
- "space": "lch"
6928
- }
6929
- }
6930
- }
6931
- }
6932
- },
6933
- "focus": {
6934
- "background-color": {
6935
- "type": "color",
6936
- "value": "transparent"
6937
- },
6938
- "color": {
6939
- "type": "color",
6940
- "value": "#01689b"
6941
- },
6942
- "text-decoration": {
6943
- "type": "textDecoration",
6944
- "value": "None"
6945
- },
6946
- "text-decoration-thickness": {
6947
- "type": "other",
6948
- "value": "auto"
6949
- }
6950
- },
6951
- "visited": {
6952
- "color": {
6953
- "type": "color",
6954
- "value": "#01689b"
6955
- }
6956
- },
6957
6718
  "color": {
6958
6719
  "type": "color",
6959
6720
  "value": "#01689b"
@@ -6983,6 +6744,21 @@
6983
6744
  "description": "[code-only]"
6984
6745
  }
6985
6746
  },
6747
+ "active": {
6748
+ "color": {
6749
+ "type": "color",
6750
+ "value": "#1a4972",
6751
+ "$extensions": {
6752
+ "studio.tokens": {
6753
+ "modify": {
6754
+ "type": "darken",
6755
+ "value": "0.4",
6756
+ "space": "lch"
6757
+ }
6758
+ }
6759
+ }
6760
+ }
6761
+ },
6986
6762
  "disabled": {
6987
6763
  "color": {
6988
6764
  "type": "color",
@@ -7214,6 +6990,16 @@
7214
6990
  }
7215
6991
  }
7216
6992
  },
6993
+ "figma": {
6994
+ "link": {
6995
+ "icon": {
6996
+ "size": {
6997
+ "value": "1.25rem",
6998
+ "type": "dimension"
6999
+ }
7000
+ }
7001
+ }
7002
+ },
7217
7003
  "basis": {
7218
7004
  "color": {
7219
7005
  "default": {