@rijkshuisstijl-community/design-tokens 7.0.0 → 8.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 +72 -0
  2. package/dist/_variables.scss +10 -48
  3. package/dist/index.css +10 -48
  4. package/dist/index.d.ts +8 -46
  5. package/dist/index.js +10 -48
  6. package/dist/index.json +9 -47
  7. package/dist/index.tokens.json +14 -64
  8. package/dist/koop/_variables.scss +23 -61
  9. package/dist/koop/index.css +23 -61
  10. package/dist/koop/index.d.ts +21 -59
  11. package/dist/koop/index.js +23 -61
  12. package/dist/koop/index.json +22 -60
  13. package/dist/koop/index.tokens.json +47 -97
  14. package/dist/koop/root.css +23 -61
  15. package/dist/koop/tokens.d.ts +46 -96
  16. package/dist/koop/tokens.js +528 -1396
  17. package/dist/root.css +10 -48
  18. package/dist/tokens.d.ts +13 -63
  19. package/dist/tokens.js +200 -1068
  20. package/dist/uitvoerend-groen/_variables.scss +23 -61
  21. package/dist/uitvoerend-groen/index.css +23 -61
  22. package/dist/uitvoerend-groen/index.d.ts +21 -59
  23. package/dist/uitvoerend-groen/index.js +23 -61
  24. package/dist/uitvoerend-groen/index.json +22 -60
  25. package/dist/uitvoerend-groen/index.tokens.json +47 -97
  26. package/dist/uitvoerend-groen/root.css +23 -61
  27. package/dist/uitvoerend-groen/tokens.d.ts +46 -96
  28. package/dist/uitvoerend-groen/tokens.js +528 -1396
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +23 -61
  30. package/dist/uitvoerend-hemelblauw/index.css +23 -61
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +21 -59
  32. package/dist/uitvoerend-hemelblauw/index.js +23 -61
  33. package/dist/uitvoerend-hemelblauw/index.json +22 -60
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +47 -97
  35. package/dist/uitvoerend-hemelblauw/root.css +23 -61
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +46 -96
  37. package/dist/uitvoerend-hemelblauw/tokens.js +528 -1396
  38. package/dist/uitvoerend-mintgroen/_variables.scss +23 -61
  39. package/dist/uitvoerend-mintgroen/index.css +23 -61
  40. package/dist/uitvoerend-mintgroen/index.d.ts +21 -59
  41. package/dist/uitvoerend-mintgroen/index.js +23 -61
  42. package/dist/uitvoerend-mintgroen/index.json +22 -60
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +47 -97
  44. package/dist/uitvoerend-mintgroen/root.css +23 -61
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +46 -96
  46. package/dist/uitvoerend-mintgroen/tokens.js +528 -1396
  47. package/dist/uitvoerend-oranje/_variables.scss +23 -61
  48. package/dist/uitvoerend-oranje/index.css +23 -61
  49. package/dist/uitvoerend-oranje/index.d.ts +21 -59
  50. package/dist/uitvoerend-oranje/index.js +23 -61
  51. package/dist/uitvoerend-oranje/index.json +22 -60
  52. package/dist/uitvoerend-oranje/index.tokens.json +47 -97
  53. package/dist/uitvoerend-oranje/root.css +23 -61
  54. package/dist/uitvoerend-oranje/tokens.d.ts +46 -96
  55. package/dist/uitvoerend-oranje/tokens.js +528 -1396
  56. package/dist/uitvoerend-paars/_variables.scss +23 -61
  57. package/dist/uitvoerend-paars/index.css +23 -61
  58. package/dist/uitvoerend-paars/index.d.ts +21 -59
  59. package/dist/uitvoerend-paars/index.js +23 -61
  60. package/dist/uitvoerend-paars/index.json +22 -60
  61. package/dist/uitvoerend-paars/index.tokens.json +47 -97
  62. package/dist/uitvoerend-paars/root.css +23 -61
  63. package/dist/uitvoerend-paars/tokens.d.ts +46 -96
  64. package/dist/uitvoerend-paars/tokens.js +528 -1396
  65. package/dist/uitvoerend-violet/_variables.scss +23 -61
  66. package/dist/uitvoerend-violet/index.css +23 -61
  67. package/dist/uitvoerend-violet/index.d.ts +21 -59
  68. package/dist/uitvoerend-violet/index.js +23 -61
  69. package/dist/uitvoerend-violet/index.json +22 -60
  70. package/dist/uitvoerend-violet/index.tokens.json +47 -97
  71. package/dist/uitvoerend-violet/root.css +23 -61
  72. package/dist/uitvoerend-violet/tokens.d.ts +46 -96
  73. package/dist/uitvoerend-violet/tokens.js +528 -1396
  74. package/dist/uitvoerend-violet-oud/_variables.scss +23 -61
  75. package/dist/uitvoerend-violet-oud/index.css +23 -61
  76. package/dist/uitvoerend-violet-oud/index.d.ts +21 -59
  77. package/dist/uitvoerend-violet-oud/index.js +23 -61
  78. package/dist/uitvoerend-violet-oud/index.json +22 -60
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +47 -97
  80. package/dist/uitvoerend-violet-oud/root.css +23 -61
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +46 -96
  82. package/dist/uitvoerend-violet-oud/tokens.js +528 -1396
  83. package/dist/wetgevend/_variables.scss +23 -61
  84. package/dist/wetgevend/index.css +23 -61
  85. package/dist/wetgevend/index.d.ts +21 -59
  86. package/dist/wetgevend/index.js +23 -61
  87. package/dist/wetgevend/index.json +22 -60
  88. package/dist/wetgevend/index.tokens.json +47 -97
  89. package/dist/wetgevend/root.css +23 -61
  90. package/dist/wetgevend/tokens.d.ts +46 -96
  91. package/dist/wetgevend/tokens.js +528 -1396
  92. package/figma/figma.tokens.json +51 -270
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +35 -199
  95. package/src/generated/koop/tokens.json +105 -269
  96. package/src/generated/themes.json +945 -2421
  97. package/src/generated/uitvoerend-groen/tokens.json +105 -269
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +105 -269
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +105 -269
  100. package/src/generated/uitvoerend-oranje/tokens.json +105 -269
  101. package/src/generated/uitvoerend-paars/tokens.json +105 -269
  102. package/src/generated/uitvoerend-violet/tokens.json +105 -269
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +105 -269
  104. package/src/generated/wetgevend/tokens.json +105 -269
package/dist/wetgevend/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:23 GMT
3
+ * Generated on Fri, 26 Sep 2025 23:36:52 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": {
@@ -1329,6 +1276,26 @@ declare const tokens: {
1329
1276
  }
1330
1277
  },
1331
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
+ },
1332
1299
  "keep": {
1333
1300
  "_comment": DesignToken,
1334
1301
  "top-left": {
@@ -1356,20 +1323,6 @@ declare const tokens: {
1356
1323
  "borderRadiusBottomLeft": DesignToken
1357
1324
  }
1358
1325
  },
1359
- "data-badge-button": {
1360
- "column-gap": DesignToken,
1361
- "hover": {
1362
- "background-color": DesignToken,
1363
- "color": DesignToken
1364
- }
1365
- },
1366
- "breadcrumb-nav": {
1367
- "link": {
1368
- "current": {
1369
- "color": DesignToken
1370
- }
1371
- }
1372
- },
1373
1326
  "rounded-corner": {
1374
1327
  "xs": {
1375
1328
  "border-radius": DesignToken
@@ -1601,7 +1554,8 @@ declare const tokens: {
1601
1554
  "padding-block-start": DesignToken,
1602
1555
  "padding-inline-end": DesignToken,
1603
1556
  "padding-inline-start": DesignToken,
1604
- "column-gap": DesignToken
1557
+ "column-gap": DesignToken,
1558
+ "font-size": DesignToken
1605
1559
  },
1606
1560
  "heading": {
1607
1561
  "font-weight": DesignToken
@@ -1881,7 +1835,6 @@ declare const tokens: {
1881
1835
  "on-dark-color": DesignToken,
1882
1836
  "on-light-color": DesignToken
1883
1837
  },
1884
- "backdrop": DesignToken,
1885
1838
  "border": {
1886
1839
  "default": DesignToken,
1887
1840
  "subdued": DesignToken,
@@ -2079,9 +2032,6 @@ declare const tokens: {
2079
2032
  },
2080
2033
  "wit": DesignToken,
2081
2034
  "zwart": DesignToken,
2082
- "transparent": {
2083
- "30": DesignToken
2084
- },
2085
2035
  "none": DesignToken
2086
2036
  },
2087
2037
  "focus": {