@rijkshuisstijl-community/design-tokens 7.0.0 → 9.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 (104) hide show
  1. package/CHANGELOG.md +84 -0
  2. package/dist/_variables.scss +14 -56
  3. package/dist/index.css +14 -56
  4. package/dist/index.d.ts +8 -50
  5. package/dist/index.js +14 -56
  6. package/dist/index.json +13 -55
  7. package/dist/index.tokens.json +18 -72
  8. package/dist/koop/_variables.scss +39 -79
  9. package/dist/koop/index.css +39 -79
  10. package/dist/koop/index.d.ts +33 -73
  11. package/dist/koop/index.js +39 -79
  12. package/dist/koop/index.json +38 -78
  13. package/dist/koop/index.tokens.json +73 -129
  14. package/dist/koop/root.css +39 -79
  15. package/dist/koop/tokens.d.ts +68 -124
  16. package/dist/koop/tokens.js +1187 -2057
  17. package/dist/root.css +14 -56
  18. package/dist/tokens.d.ts +13 -67
  19. package/dist/tokens.js +280 -1232
  20. package/dist/uitvoerend-groen/_variables.scss +27 -65
  21. package/dist/uitvoerend-groen/index.css +27 -65
  22. package/dist/uitvoerend-groen/index.d.ts +21 -59
  23. package/dist/uitvoerend-groen/index.js +27 -65
  24. package/dist/uitvoerend-groen/index.json +26 -64
  25. package/dist/uitvoerend-groen/index.tokens.json +51 -101
  26. package/dist/uitvoerend-groen/root.css +27 -65
  27. package/dist/uitvoerend-groen/tokens.d.ts +46 -96
  28. package/dist/uitvoerend-groen/tokens.js +526 -1394
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +27 -65
  30. package/dist/uitvoerend-hemelblauw/index.css +27 -65
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +21 -59
  32. package/dist/uitvoerend-hemelblauw/index.js +27 -65
  33. package/dist/uitvoerend-hemelblauw/index.json +26 -64
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +51 -101
  35. package/dist/uitvoerend-hemelblauw/root.css +27 -65
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +46 -96
  37. package/dist/uitvoerend-hemelblauw/tokens.js +526 -1394
  38. package/dist/uitvoerend-mintgroen/_variables.scss +27 -65
  39. package/dist/uitvoerend-mintgroen/index.css +27 -65
  40. package/dist/uitvoerend-mintgroen/index.d.ts +21 -59
  41. package/dist/uitvoerend-mintgroen/index.js +27 -65
  42. package/dist/uitvoerend-mintgroen/index.json +26 -64
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +51 -101
  44. package/dist/uitvoerend-mintgroen/root.css +27 -65
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +46 -96
  46. package/dist/uitvoerend-mintgroen/tokens.js +526 -1394
  47. package/dist/uitvoerend-oranje/_variables.scss +27 -65
  48. package/dist/uitvoerend-oranje/index.css +27 -65
  49. package/dist/uitvoerend-oranje/index.d.ts +21 -59
  50. package/dist/uitvoerend-oranje/index.js +27 -65
  51. package/dist/uitvoerend-oranje/index.json +26 -64
  52. package/dist/uitvoerend-oranje/index.tokens.json +51 -101
  53. package/dist/uitvoerend-oranje/root.css +27 -65
  54. package/dist/uitvoerend-oranje/tokens.d.ts +46 -96
  55. package/dist/uitvoerend-oranje/tokens.js +526 -1394
  56. package/dist/uitvoerend-paars/_variables.scss +27 -65
  57. package/dist/uitvoerend-paars/index.css +27 -65
  58. package/dist/uitvoerend-paars/index.d.ts +21 -59
  59. package/dist/uitvoerend-paars/index.js +27 -65
  60. package/dist/uitvoerend-paars/index.json +26 -64
  61. package/dist/uitvoerend-paars/index.tokens.json +51 -101
  62. package/dist/uitvoerend-paars/root.css +27 -65
  63. package/dist/uitvoerend-paars/tokens.d.ts +46 -96
  64. package/dist/uitvoerend-paars/tokens.js +526 -1394
  65. package/dist/uitvoerend-violet/_variables.scss +27 -65
  66. package/dist/uitvoerend-violet/index.css +27 -65
  67. package/dist/uitvoerend-violet/index.d.ts +21 -59
  68. package/dist/uitvoerend-violet/index.js +27 -65
  69. package/dist/uitvoerend-violet/index.json +26 -64
  70. package/dist/uitvoerend-violet/index.tokens.json +51 -101
  71. package/dist/uitvoerend-violet/root.css +27 -65
  72. package/dist/uitvoerend-violet/tokens.d.ts +46 -96
  73. package/dist/uitvoerend-violet/tokens.js +526 -1394
  74. package/dist/uitvoerend-violet-oud/_variables.scss +27 -65
  75. package/dist/uitvoerend-violet-oud/index.css +27 -65
  76. package/dist/uitvoerend-violet-oud/index.d.ts +21 -59
  77. package/dist/uitvoerend-violet-oud/index.js +27 -65
  78. package/dist/uitvoerend-violet-oud/index.json +26 -64
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +51 -101
  80. package/dist/uitvoerend-violet-oud/root.css +27 -65
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +46 -96
  82. package/dist/uitvoerend-violet-oud/tokens.js +526 -1394
  83. package/dist/wetgevend/_variables.scss +27 -65
  84. package/dist/wetgevend/index.css +27 -65
  85. package/dist/wetgevend/index.d.ts +21 -59
  86. package/dist/wetgevend/index.js +27 -65
  87. package/dist/wetgevend/index.json +26 -64
  88. package/dist/wetgevend/index.tokens.json +51 -101
  89. package/dist/wetgevend/root.css +27 -65
  90. package/dist/wetgevend/tokens.d.ts +46 -96
  91. package/dist/wetgevend/tokens.js +526 -1394
  92. package/figma/figma.tokens.json +100 -390
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +39 -219
  95. package/src/generated/koop/tokens.json +190 -346
  96. package/src/generated/themes.json +1062 -2530
  97. package/src/generated/uitvoerend-groen/tokens.json +109 -273
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +109 -273
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +109 -273
  100. package/src/generated/uitvoerend-oranje/tokens.json +109 -273
  101. package/src/generated/uitvoerend-paars/tokens.json +109 -273
  102. package/src/generated/uitvoerend-violet/tokens.json +109 -273
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +109 -273
  104. package/src/generated/wetgevend/tokens.json +109 -273
package/dist/koop/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 09 Sep 2025 07:01:24 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:40 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -347,11 +347,26 @@ declare const tokens: {
347
347
  "color": DesignToken
348
348
  }
349
349
  },
350
- "form-field-error-message": {
351
- "icon": {
352
- "margin-inline-end": DesignToken,
353
- "size": DesignToken
350
+ "form-label": {
351
+ "color": DesignToken,
352
+ "font-size": DesignToken,
353
+ "font-weight": DesignToken,
354
+ "checkbox": {
355
+ "color": DesignToken,
356
+ "font-weight": DesignToken
357
+ },
358
+ "radio": {
359
+ "color": DesignToken,
360
+ "font-weight": DesignToken
361
+ },
362
+ "checked": {
363
+ "font-weight": DesignToken
354
364
  },
365
+ "disabled": {
366
+ "color": DesignToken
367
+ }
368
+ },
369
+ "form-field-error-message": {
355
370
  "background-color": DesignToken,
356
371
  "color": DesignToken,
357
372
  "font-family": DesignToken,
@@ -366,7 +381,6 @@ declare const tokens: {
366
381
  "padding-inline-start": DesignToken
367
382
  },
368
383
  "form-field-description": {
369
- "padding-block-end": DesignToken,
370
384
  "color": DesignToken,
371
385
  "font-family": DesignToken,
372
386
  "font-size": DesignToken,
@@ -374,25 +388,6 @@ declare const tokens: {
374
388
  "margin-block-end": DesignToken,
375
389
  "margin-block-start": DesignToken
376
390
  },
377
- "form-label": {
378
- "color": DesignToken,
379
- "font-size": DesignToken,
380
- "font-weight": DesignToken,
381
- "checkbox": {
382
- "color": DesignToken,
383
- "font-weight": DesignToken
384
- },
385
- "radio": {
386
- "color": DesignToken,
387
- "font-weight": DesignToken
388
- },
389
- "checked": {
390
- "font-weight": DesignToken
391
- },
392
- "disabled": {
393
- "color": DesignToken
394
- }
395
- },
396
391
  "figure": {
397
392
  "caption": {
398
393
  "border-color": DesignToken,
@@ -426,58 +421,6 @@ declare const tokens: {
426
421
  "padding-inline": DesignToken
427
422
  },
428
423
  "blockquote": {
429
- "border-block-end-width": DesignToken,
430
- "border-block-start-width": DesignToken,
431
- "border-end-end-radius": DesignToken,
432
- "border-end-start-radius": DesignToken,
433
- "border-inline-end-width": DesignToken,
434
- "border-start-end-radius": DesignToken,
435
- "border-start-start-radius": DesignToken,
436
- "margin-block-end": DesignToken,
437
- "margin-block-start": DesignToken,
438
- "margin-inline-end": DesignToken,
439
- "margin-inline-start": DesignToken,
440
- "blue-corner-border-variation": {
441
- "border-block-end-width": DesignToken,
442
- "border-color": DesignToken,
443
- "border-end-end-radius": DesignToken,
444
- "border-inline-end-width": DesignToken
445
- },
446
- "caption": {
447
- "color": DesignToken,
448
- "font-family": DesignToken,
449
- "font-size": DesignToken,
450
- "font-weight": DesignToken,
451
- "line-height": DesignToken,
452
- "padding-block-start": DesignToken
453
- },
454
- "content": {
455
- "font-family": DesignToken,
456
- "font-weight": DesignToken,
457
- "line-height": DesignToken,
458
- "color": DesignToken,
459
- "font-size": DesignToken
460
- },
461
- "pink-background-variation": {
462
- "background-color": DesignToken,
463
- "border-end-start-radius": DesignToken,
464
- "padding": DesignToken
465
- },
466
- "pink-corner-border-variation": {
467
- "border-block-start-width": DesignToken,
468
- "border-color": DesignToken,
469
- "border-inline-start-width": DesignToken,
470
- "border-start-start-radius": DesignToken,
471
- "padding": DesignToken
472
- },
473
- "pink-left-border-variation": {
474
- "border-color": DesignToken,
475
- "border-inline-start-width": DesignToken,
476
- "padding-block-end": DesignToken,
477
- "padding-block-start": DesignToken,
478
- "padding-inline-end": DesignToken,
479
- "padding-inline-start": DesignToken
480
- },
481
424
  "background-color": DesignToken,
482
425
  "border-inline-start-width": DesignToken,
483
426
  "border-color": DesignToken,
@@ -494,6 +437,10 @@ declare const tokens: {
494
437
  "attribution": {
495
438
  "color": DesignToken,
496
439
  "font-size": DesignToken
440
+ },
441
+ "content": {
442
+ "color": DesignToken,
443
+ "font-size": DesignToken
497
444
  }
498
445
  },
499
446
  "alert": {
@@ -1221,34 +1168,6 @@ declare const tokens: {
1221
1168
  "padding-block": DesignToken,
1222
1169
  "padding-inline": DesignToken
1223
1170
  },
1224
- "link": {
1225
- "active": {
1226
- "color": DesignToken
1227
- },
1228
- "focus": {
1229
- "text-decoration-thickness": DesignToken
1230
- },
1231
- "hover": {
1232
- "text-decoration-line": DesignToken,
1233
- "text-decoration-thickness": DesignToken,
1234
- "color": DesignToken
1235
- },
1236
- "text-decoration-line": DesignToken,
1237
- "text-decoration-thickness": DesignToken,
1238
- "visited": {
1239
- "color": DesignToken
1240
- },
1241
- "color": DesignToken,
1242
- "text-decoration-color": DesignToken,
1243
- "text-underline-offset": DesignToken,
1244
- "current": {
1245
- "cursor": DesignToken
1246
- },
1247
- "disabled": {
1248
- "color": DesignToken,
1249
- "cursor": DesignToken
1250
- }
1251
- },
1252
1171
  "skip-link": {
1253
1172
  "background-color": DesignToken,
1254
1173
  "color": DesignToken,
@@ -1277,6 +1196,28 @@ declare const tokens: {
1277
1196
  "margin-block-start": DesignToken
1278
1197
  }
1279
1198
  },
1199
+ "link": {
1200
+ "color": DesignToken,
1201
+ "text-decoration-color": DesignToken,
1202
+ "text-decoration-line": DesignToken,
1203
+ "text-decoration-thickness": DesignToken,
1204
+ "text-underline-offset": DesignToken,
1205
+ "current": {
1206
+ "cursor": DesignToken
1207
+ },
1208
+ "active": {
1209
+ "color": DesignToken
1210
+ },
1211
+ "disabled": {
1212
+ "color": DesignToken,
1213
+ "cursor": DesignToken
1214
+ },
1215
+ "hover": {
1216
+ "text-decoration-line": DesignToken,
1217
+ "text-decoration-thickness": DesignToken,
1218
+ "color": DesignToken
1219
+ }
1220
+ },
1280
1221
  "heading": {
1281
1222
  "level-1": {
1282
1223
  "color": DesignToken,
@@ -1335,6 +1276,26 @@ declare const tokens: {
1335
1276
  }
1336
1277
  },
1337
1278
  "rhc": {
1279
+ "blockquote": {
1280
+ "margin-block-end": DesignToken,
1281
+ "margin-block-start": DesignToken,
1282
+ "margin-inline-end": DesignToken,
1283
+ "margin-inline-start": DesignToken
1284
+ },
1285
+ "data-badge-button": {
1286
+ "column-gap": DesignToken,
1287
+ "hover": {
1288
+ "background-color": DesignToken,
1289
+ "color": DesignToken
1290
+ }
1291
+ },
1292
+ "breadcrumb-nav": {
1293
+ "link": {
1294
+ "current": {
1295
+ "color": DesignToken
1296
+ }
1297
+ }
1298
+ },
1338
1299
  "keep": {
1339
1300
  "_comment": DesignToken,
1340
1301
  "top-left": {
@@ -1362,20 +1323,6 @@ declare const tokens: {
1362
1323
  "borderRadiusBottomLeft": DesignToken
1363
1324
  }
1364
1325
  },
1365
- "data-badge-button": {
1366
- "column-gap": DesignToken,
1367
- "hover": {
1368
- "background-color": DesignToken,
1369
- "color": DesignToken
1370
- }
1371
- },
1372
- "breadcrumb-nav": {
1373
- "link": {
1374
- "current": {
1375
- "color": DesignToken
1376
- }
1377
- }
1378
- },
1379
1326
  "rounded-corner": {
1380
1327
  "xs": {
1381
1328
  "border-radius": DesignToken
@@ -1424,7 +1371,8 @@ declare const tokens: {
1424
1371
  "padding-block-start": DesignToken,
1425
1372
  "padding-inline-end": DesignToken,
1426
1373
  "padding-inline-start": DesignToken,
1427
- "column-gap": DesignToken
1374
+ "column-gap": DesignToken,
1375
+ "font-size": DesignToken
1428
1376
  },
1429
1377
  "background-color": DesignToken,
1430
1378
  "color": DesignToken,
@@ -1891,7 +1839,6 @@ declare const tokens: {
1891
1839
  "on-dark-color": DesignToken,
1892
1840
  "on-light-color": DesignToken
1893
1841
  },
1894
- "backdrop": DesignToken,
1895
1842
  "border": {
1896
1843
  "default": DesignToken,
1897
1844
  "subdued": DesignToken,
@@ -2089,9 +2036,6 @@ declare const tokens: {
2089
2036
  },
2090
2037
  "wit": DesignToken,
2091
2038
  "zwart": DesignToken,
2092
- "transparent": {
2093
- "30": DesignToken
2094
- },
2095
2039
  "none": DesignToken
2096
2040
  },
2097
2041
  "focus": {