@rijkshuisstijl-community/design-tokens 4.0.1 → 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 +51 -5
  2. package/README.md +2 -2
  3. package/dist/_variables.scss +77 -126
  4. package/dist/index.css +77 -126
  5. package/dist/index.d.ts +76 -125
  6. package/dist/index.js +77 -126
  7. package/dist/index.json +76 -125
  8. package/dist/index.tokens.json +148 -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 +77 -126
  19. package/dist/tokens.d.ts +146 -173
  20. package/dist/tokens.js +6238 -7259
  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 +319 -638
  94. package/package.json +2 -2
  95. package/src/generated/base.tokens.json +473 -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": {
@@ -4692,6 +4324,32 @@
4692
4324
  }
4693
4325
  }
4694
4326
  },
4327
+ "expandable-checkbox-group": {
4328
+ "details": {
4329
+ "margin-block-start": {
4330
+ "value": "0.5rem",
4331
+ "type": "dimension"
4332
+ }
4333
+ },
4334
+ "summary": {
4335
+ "color": {
4336
+ "value": "#01689b",
4337
+ "type": "color"
4338
+ },
4339
+ "margin-block-end": {
4340
+ "value": "0.5rem",
4341
+ "type": "dimension"
4342
+ },
4343
+ "margin-block-start": {
4344
+ "value": "0.5rem",
4345
+ "type": "dimension"
4346
+ },
4347
+ "text-decoration": {
4348
+ "type": "textDecoration",
4349
+ "value": "underline"
4350
+ }
4351
+ }
4352
+ },
4695
4353
  "dot-badge": {
4696
4354
  "border-radius": {
4697
4355
  "value": "999px",
@@ -4797,51 +4455,287 @@
4797
4455
  "type": "borderWidth"
4798
4456
  },
4799
4457
  "border-color": {
4800
- "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",
4801
4723
  "type": "color"
4802
4724
  },
4803
- "border-block-end-style": {
4804
- "value": "solid",
4805
- "type": "other"
4806
- },
4807
4725
  "color": {
4808
- "value": "#0F172A",
4726
+ "value": "#fff",
4809
4727
  "type": "color"
4810
- }
4811
- },
4812
- "font-size": {
4813
- "value": "1.25rem",
4814
- "type": "fontSizes"
4815
- },
4816
- "line-height": {
4817
- "value": "150%",
4818
- "type": "lineHeights"
4819
- },
4820
- "item-action": {
4821
- "row": {
4822
- "padding-block-end": {
4823
- "value": "0.75rem",
4824
- "type": "spacing"
4825
- },
4826
- "padding-block-start": {
4827
- "value": "0.75rem",
4828
- "type": "spacing"
4829
- },
4830
- "padding-inline-end": {
4831
- "value": "0rem",
4832
- "type": "spacing"
4833
- },
4834
- "padding-inline-start": {
4835
- "value": "1rem",
4836
- "type": "spacing"
4837
- }
4728
+ },
4729
+ "max-block-size": {
4730
+ "value": "96px",
4731
+ "type": "sizing"
4838
4732
  },
4839
4733
  "padding-block-end": {
4840
- "value": "0.75rem",
4734
+ "value": 0,
4841
4735
  "type": "spacing"
4842
4736
  },
4843
4737
  "padding-block-start": {
4844
- "value": "0.75rem",
4738
+ "value": 0,
4845
4739
  "type": "spacing"
4846
4740
  },
4847
4741
  "padding-inline-end": {
@@ -4849,53 +4743,17 @@
4849
4743
  "type": "spacing"
4850
4744
  },
4851
4745
  "padding-inline-start": {
4852
- "value": "0rem",
4746
+ "value": "1rem",
4853
4747
  "type": "spacing"
4854
- }
4855
- }
4856
- },
4857
- "data-badge-button": {
4858
- "column-gap": {
4859
- "value": "0.125rem",
4860
- "type": "dimension"
4861
- },
4862
- "hover": {
4863
- "background-color": {
4864
- "value": "#154273",
4865
- "type": "color"
4866
4748
  },
4867
- "color": {
4868
- "value": "#fff",
4869
- "type": "color"
4749
+ "heading": {
4750
+ "inline-size": {
4751
+ "value": "200px",
4752
+ "type": "sizing"
4753
+ }
4870
4754
  }
4871
4755
  }
4872
4756
  },
4873
- "code-input": {
4874
- "size": {
4875
- "value": "48px",
4876
- "type": "spacing"
4877
- }
4878
- },
4879
- "code-input-group": {
4880
- "column-gap": {
4881
- "value": "0.5rem",
4882
- "type": "spacing"
4883
- }
4884
- },
4885
- "checkbox-group": {
4886
- "padding-block-end": {
4887
- "value": "0.5rem",
4888
- "type": "spacing"
4889
- },
4890
- "padding-block-start": {
4891
- "value": "0.5rem",
4892
- "type": "spacing"
4893
- },
4894
- "row-gap": {
4895
- "value": "1rem",
4896
- "type": "spacing"
4897
- }
4898
- },
4899
4757
  "card-as-link": {
4900
4758
  "background-color": {
4901
4759
  "value": "#fff",
@@ -4921,10 +4779,6 @@
4921
4779
  "value": "1rem",
4922
4780
  "type": "spacing"
4923
4781
  },
4924
- "inline-size": {
4925
- "value": "328px",
4926
- "type": "sizing"
4927
- },
4928
4782
  "icon": {
4929
4783
  "color": {
4930
4784
  "value": "#154273",
@@ -5096,6 +4950,16 @@
5096
4950
  }
5097
4951
  }
5098
4952
  },
4953
+ "breadcrumb-nav": {
4954
+ "link": {
4955
+ "current": {
4956
+ "color": {
4957
+ "type": "color",
4958
+ "value": "#334155"
4959
+ }
4960
+ }
4961
+ }
4962
+ },
5099
4963
  "keep": {
5100
4964
  "_comment": {
5101
4965
  "type": "other",
@@ -6741,34 +6605,6 @@
6741
6605
  }
6742
6606
  },
6743
6607
  "paragraph": {
6744
- "lead": {
6745
- "color": {
6746
- "value": "#0F172A",
6747
- "type": "color"
6748
- },
6749
- "font-size": {
6750
- "type": "fontSizes",
6751
- "value": "1.5rem"
6752
- },
6753
- "font-weight": {
6754
- "type": "fontWeights",
6755
- "value": 400
6756
- },
6757
- "line-height": {
6758
- "type": "lineHeights",
6759
- "value": "150%"
6760
- },
6761
- "margin-block-end": {
6762
- "type": "dimension",
6763
- "value": "0rem",
6764
- "description": "[code only]"
6765
- },
6766
- "margin-block-start": {
6767
- "type": "dimension",
6768
- "value": "0rem",
6769
- "description": "[code only]"
6770
- }
6771
- },
6772
6608
  "color": {
6773
6609
  "type": "color",
6774
6610
  "value": "#0F172A"
@@ -6798,6 +6634,30 @@
6798
6634
  "type": "dimension",
6799
6635
  "value": "0rem",
6800
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
+ }
6801
6661
  }
6802
6662
  },
6803
6663
  "number-badge": {
@@ -6855,79 +6715,6 @@
6855
6715
  }
6856
6716
  },
6857
6717
  "link": {
6858
- "column-gap": {
6859
- "type": "dimension",
6860
- "value": "0.25rem"
6861
- },
6862
- "font-family": {
6863
- "type": "fontFamilies",
6864
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
6865
- },
6866
- "font-size": {
6867
- "type": "fontSizes",
6868
- "value": "1.25rem"
6869
- },
6870
- "font-weight": {
6871
- "type": "fontWeights",
6872
- "value": 400
6873
- },
6874
- "line-height": {
6875
- "type": "lineHeights",
6876
- "value": "150%"
6877
- },
6878
- "icon": {
6879
- "inset-block-start": {
6880
- "type": "dimension",
6881
- "value": "0.25rem"
6882
- },
6883
- "size": {
6884
- "type": "dimension",
6885
- "value": "24px"
6886
- }
6887
- },
6888
- "active": {
6889
- "text-decoration": {
6890
- "type": "textDecoration",
6891
- "value": "None"
6892
- },
6893
- "color": {
6894
- "type": "color",
6895
- "value": "#1a4972",
6896
- "$extensions": {
6897
- "studio.tokens": {
6898
- "modify": {
6899
- "type": "darken",
6900
- "value": "0.4",
6901
- "space": "lch"
6902
- }
6903
- }
6904
- }
6905
- }
6906
- },
6907
- "focus": {
6908
- "background-color": {
6909
- "type": "color",
6910
- "value": "transparent"
6911
- },
6912
- "color": {
6913
- "type": "color",
6914
- "value": "#01689b"
6915
- },
6916
- "text-decoration": {
6917
- "type": "textDecoration",
6918
- "value": "None"
6919
- },
6920
- "text-decoration-thickness": {
6921
- "type": "other",
6922
- "value": "auto"
6923
- }
6924
- },
6925
- "visited": {
6926
- "color": {
6927
- "type": "color",
6928
- "value": "#01689b"
6929
- }
6930
- },
6931
6718
  "color": {
6932
6719
  "type": "color",
6933
6720
  "value": "#01689b"
@@ -6957,6 +6744,21 @@
6957
6744
  "description": "[code-only]"
6958
6745
  }
6959
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
+ },
6960
6762
  "disabled": {
6961
6763
  "color": {
6962
6764
  "type": "color",
@@ -7188,6 +6990,16 @@
7188
6990
  }
7189
6991
  }
7190
6992
  },
6993
+ "figma": {
6994
+ "link": {
6995
+ "icon": {
6996
+ "size": {
6997
+ "value": "1.25rem",
6998
+ "type": "dimension"
6999
+ }
7000
+ }
7001
+ }
7002
+ },
7191
7003
  "basis": {
7192
7004
  "color": {
7193
7005
  "default": {