@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/uitvoerend-oranje/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 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
@@ -1456,7 +1409,6 @@ declare const tokens: {
1456
1409
  "on-dark-color": DesignToken,
1457
1410
  "on-light-color": DesignToken
1458
1411
  },
1459
- "backdrop": DesignToken,
1460
1412
  "border": {
1461
1413
  "default": DesignToken,
1462
1414
  "subdued": DesignToken,
@@ -1645,9 +1597,6 @@ declare const tokens: {
1645
1597
  },
1646
1598
  "wit": DesignToken,
1647
1599
  "zwart": DesignToken,
1648
- "transparent": {
1649
- "30": DesignToken
1650
- },
1651
1600
  "none": DesignToken
1652
1601
  },
1653
1602
  "sub-nav-bar": {
@@ -1815,7 +1764,8 @@ declare const tokens: {
1815
1764
  "padding-block-start": DesignToken,
1816
1765
  "padding-inline-end": DesignToken,
1817
1766
  "padding-inline-start": DesignToken,
1818
- "column-gap": DesignToken
1767
+ "column-gap": DesignToken,
1768
+ "font-size": DesignToken
1819
1769
  },
1820
1770
  "heading": {
1821
1771
  "font-weight": DesignToken