@rijkshuisstijl-community/design-tokens 5.0.0 → 6.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 +34 -0
  2. package/dist/_variables.scss +603 -668
  3. package/dist/index.css +603 -668
  4. package/dist/index.d.ts +690 -755
  5. package/dist/index.js +692 -757
  6. package/dist/index.json +691 -756
  7. package/dist/index.tokens.json +1715 -1802
  8. package/dist/koop/_variables.scss +38 -118
  9. package/dist/koop/index.css +38 -118
  10. package/dist/koop/index.d.ts +36 -116
  11. package/dist/koop/index.js +38 -118
  12. package/dist/koop/index.json +37 -117
  13. package/dist/koop/index.tokens.json +47 -159
  14. package/dist/koop/root.css +38 -118
  15. package/dist/koop/tokens.d.ts +46 -158
  16. package/dist/koop/tokens.js +2345 -4171
  17. package/dist/root.css +603 -668
  18. package/dist/tokens.d.ts +1614 -1701
  19. package/dist/tokens.js +24567 -26048
  20. package/dist/uitvoerend-groen/_variables.scss +28 -108
  21. package/dist/uitvoerend-groen/index.css +28 -108
  22. package/dist/uitvoerend-groen/index.d.ts +26 -106
  23. package/dist/uitvoerend-groen/index.js +28 -108
  24. package/dist/uitvoerend-groen/index.json +27 -107
  25. package/dist/uitvoerend-groen/index.tokens.json +35 -147
  26. package/dist/uitvoerend-groen/root.css +28 -108
  27. package/dist/uitvoerend-groen/tokens.d.ts +34 -146
  28. package/dist/uitvoerend-groen/tokens.js +1240 -3066
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +28 -108
  30. package/dist/uitvoerend-hemelblauw/index.css +28 -108
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +26 -106
  32. package/dist/uitvoerend-hemelblauw/index.js +28 -108
  33. package/dist/uitvoerend-hemelblauw/index.json +27 -107
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +35 -147
  35. package/dist/uitvoerend-hemelblauw/root.css +28 -108
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +34 -146
  37. package/dist/uitvoerend-hemelblauw/tokens.js +1240 -3066
  38. package/dist/uitvoerend-mintgroen/_variables.scss +28 -108
  39. package/dist/uitvoerend-mintgroen/index.css +28 -108
  40. package/dist/uitvoerend-mintgroen/index.d.ts +26 -106
  41. package/dist/uitvoerend-mintgroen/index.js +28 -108
  42. package/dist/uitvoerend-mintgroen/index.json +27 -107
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +35 -147
  44. package/dist/uitvoerend-mintgroen/root.css +28 -108
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +34 -146
  46. package/dist/uitvoerend-mintgroen/tokens.js +1240 -3066
  47. package/dist/uitvoerend-oranje/_variables.scss +51 -131
  48. package/dist/uitvoerend-oranje/index.css +51 -131
  49. package/dist/uitvoerend-oranje/index.d.ts +49 -129
  50. package/dist/uitvoerend-oranje/index.js +51 -131
  51. package/dist/uitvoerend-oranje/index.json +50 -130
  52. package/dist/uitvoerend-oranje/index.tokens.json +69 -181
  53. package/dist/uitvoerend-oranje/root.css +51 -131
  54. package/dist/uitvoerend-oranje/tokens.d.ts +65 -177
  55. package/dist/uitvoerend-oranje/tokens.js +1856 -3682
  56. package/dist/uitvoerend-paars/_variables.scss +28 -108
  57. package/dist/uitvoerend-paars/index.css +28 -108
  58. package/dist/uitvoerend-paars/index.d.ts +26 -106
  59. package/dist/uitvoerend-paars/index.js +28 -108
  60. package/dist/uitvoerend-paars/index.json +27 -107
  61. package/dist/uitvoerend-paars/index.tokens.json +35 -147
  62. package/dist/uitvoerend-paars/root.css +28 -108
  63. package/dist/uitvoerend-paars/tokens.d.ts +34 -146
  64. package/dist/uitvoerend-paars/tokens.js +1240 -3066
  65. package/dist/uitvoerend-violet/_variables.scss +28 -108
  66. package/dist/uitvoerend-violet/index.css +28 -108
  67. package/dist/uitvoerend-violet/index.d.ts +26 -106
  68. package/dist/uitvoerend-violet/index.js +28 -108
  69. package/dist/uitvoerend-violet/index.json +27 -107
  70. package/dist/uitvoerend-violet/index.tokens.json +35 -147
  71. package/dist/uitvoerend-violet/root.css +28 -108
  72. package/dist/uitvoerend-violet/tokens.d.ts +34 -146
  73. package/dist/uitvoerend-violet/tokens.js +1240 -3066
  74. package/dist/uitvoerend-violet-oud/_variables.scss +83 -163
  75. package/dist/uitvoerend-violet-oud/index.css +83 -163
  76. package/dist/uitvoerend-violet-oud/index.d.ts +81 -161
  77. package/dist/uitvoerend-violet-oud/index.js +83 -163
  78. package/dist/uitvoerend-violet-oud/index.json +82 -162
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +102 -214
  80. package/dist/uitvoerend-violet-oud/root.css +83 -163
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +100 -212
  82. package/dist/uitvoerend-violet-oud/tokens.js +3009 -4835
  83. package/dist/wetgevend/_variables.scss +28 -108
  84. package/dist/wetgevend/index.css +28 -108
  85. package/dist/wetgevend/index.d.ts +26 -106
  86. package/dist/wetgevend/index.js +28 -108
  87. package/dist/wetgevend/index.json +27 -107
  88. package/dist/wetgevend/index.tokens.json +35 -147
  89. package/dist/wetgevend/root.css +28 -108
  90. package/dist/wetgevend/tokens.d.ts +34 -146
  91. package/dist/wetgevend/tokens.js +1240 -3066
  92. package/figma/figma.tokens.json +872 -934
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +4916 -5198
  95. package/src/generated/koop/tokens.json +167 -519
  96. package/src/generated/themes.json +1379 -4547
  97. package/src/generated/uitvoerend-groen/tokens.json +124 -476
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +124 -476
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +124 -476
  100. package/src/generated/uitvoerend-oranje/tokens.json +196 -548
  101. package/src/generated/uitvoerend-paars/tokens.json +124 -476
  102. package/src/generated/uitvoerend-violet/tokens.json +124 -476
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +434 -786
  104. package/src/generated/wetgevend/tokens.json +124 -476
  105. package/token-transformer.mjs +1 -1
package/dist/wetgevend/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 22 Aug 2025 10:20:29 GMT
3
+ * Generated on Fri, 05 Sep 2025 09:25:13 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -393,21 +393,6 @@ declare const tokens: {
393
393
  "color": DesignToken
394
394
  }
395
395
  },
396
- "number-badge": {
397
- "line-height": DesignToken,
398
- "background-color": DesignToken,
399
- "border-color": DesignToken,
400
- "border-radius": DesignToken,
401
- "border-width": DesignToken,
402
- "color": DesignToken,
403
- "font-family": DesignToken,
404
- "font-size": DesignToken,
405
- "font-weight": DesignToken,
406
- "min-block-size": DesignToken,
407
- "min-inline-size": DesignToken,
408
- "padding-block": DesignToken,
409
- "padding-inline": DesignToken
410
- },
411
396
  "figure": {
412
397
  "caption": {
413
398
  "border-color": DesignToken,
@@ -426,6 +411,20 @@ declare const tokens: {
426
411
  "border-start-start-radius": DesignToken
427
412
  }
428
413
  },
414
+ "number-badge": {
415
+ "background-color": DesignToken,
416
+ "border-color": DesignToken,
417
+ "border-radius": DesignToken,
418
+ "border-width": DesignToken,
419
+ "color": DesignToken,
420
+ "font-family": DesignToken,
421
+ "font-size": DesignToken,
422
+ "font-weight": DesignToken,
423
+ "min-block-size": DesignToken,
424
+ "min-inline-size": DesignToken,
425
+ "padding-block": DesignToken,
426
+ "padding-inline": DesignToken
427
+ },
429
428
  "blockquote": {
430
429
  "border-block-end-width": DesignToken,
431
430
  "border-block-start-width": DesignToken,
@@ -498,17 +497,6 @@ declare const tokens: {
498
497
  }
499
498
  },
500
499
  "alert": {
501
- "heading": {
502
- "font-family": DesignToken,
503
- "font-size": DesignToken,
504
- "font-weight": DesignToken,
505
- "line-height": DesignToken
506
- },
507
- "message": {
508
- "column-gap": DesignToken,
509
- "line-height": DesignToken,
510
- "row-gap": DesignToken
511
- },
512
500
  "background-color": DesignToken,
513
501
  "border-color": DesignToken,
514
502
  "border-radius": DesignToken,
@@ -534,6 +522,9 @@ declare const tokens: {
534
522
  "border-color": DesignToken,
535
523
  "color": DesignToken
536
524
  },
525
+ "message": {
526
+ "row-gap": DesignToken
527
+ },
537
528
  "ok": {
538
529
  "background-color": DesignToken,
539
530
  "border-color": DesignToken,
@@ -563,18 +554,18 @@ declare const tokens: {
563
554
  }
564
555
  },
565
556
  "accordion": {
557
+ "margin-block-end": DesignToken,
558
+ "margin-block-start": DesignToken,
559
+ "row-gap": DesignToken,
560
+ "panel": {
561
+ "border-color": DesignToken,
562
+ "border-width": DesignToken,
563
+ "padding-block-end": DesignToken,
564
+ "padding-block-start": DesignToken,
565
+ "padding-inline-end": DesignToken,
566
+ "padding-inline-start": DesignToken
567
+ },
566
568
  "button": {
567
- "active": {
568
- "row-gap": DesignToken,
569
- "background-color": DesignToken,
570
- "border-color": DesignToken,
571
- "color": DesignToken
572
- },
573
- "focus": {
574
- "background-color": DesignToken,
575
- "border-color": DesignToken,
576
- "color": DesignToken
577
- },
578
569
  "background-color": DesignToken,
579
570
  "border-color": DesignToken,
580
571
  "border-radius": DesignToken,
@@ -588,6 +579,11 @@ declare const tokens: {
588
579
  "icon": {
589
580
  "size": DesignToken
590
581
  },
582
+ "active": {
583
+ "background-color": DesignToken,
584
+ "border-color": DesignToken,
585
+ "color": DesignToken
586
+ },
591
587
  "hover": {
592
588
  "background-color": DesignToken,
593
589
  "border-color": DesignToken,
@@ -600,17 +596,6 @@ declare const tokens: {
600
596
  "color": DesignToken
601
597
  }
602
598
  },
603
- "margin-block-end": DesignToken,
604
- "margin-block-start": DesignToken,
605
- "row-gap": DesignToken,
606
- "panel": {
607
- "border-color": DesignToken,
608
- "border-width": DesignToken,
609
- "padding-block-end": DesignToken,
610
- "padding-block-start": DesignToken,
611
- "padding-inline-end": DesignToken,
612
- "padding-inline-start": DesignToken
613
- },
614
599
  "section": {
615
600
  "border-color": DesignToken,
616
601
  "hover": {
@@ -621,43 +606,6 @@ declare const tokens: {
621
606
  "margin-block-start": DesignToken
622
607
  }
623
608
  },
624
- "skip-link": {
625
- "focus": {
626
- "text-decoration": DesignToken,
627
- "border-color": DesignToken,
628
- "border-width": DesignToken,
629
- "border-style": DesignToken,
630
- "background-color": DesignToken,
631
- "color": DesignToken
632
- },
633
- "border-color": DesignToken,
634
- "box-block-end-shadow": {
635
- "color": DesignToken,
636
- "blur-radius": DesignToken,
637
- "offset-x": DesignToken,
638
- "offset-y": DesignToken,
639
- "spread-radius": DesignToken
640
- },
641
- "focus-visible": {
642
- "outline-color": DesignToken,
643
- "text-decoration": DesignToken
644
- },
645
- "font-family": DesignToken,
646
- "font-weight": DesignToken,
647
- "line-height": DesignToken,
648
- "border-width": DesignToken,
649
- "text-underline-offset": DesignToken,
650
- "font-size": DesignToken,
651
- "background-color": DesignToken,
652
- "color": DesignToken,
653
- "min-block-size": DesignToken,
654
- "min-inline-size": DesignToken,
655
- "padding-block-end": DesignToken,
656
- "padding-block-start": DesignToken,
657
- "padding-inline-end": DesignToken,
658
- "padding-inline-start": DesignToken,
659
- "text-decoration": DesignToken
660
- },
661
609
  "data-badge": {
662
610
  "background-color": DesignToken,
663
611
  "border-radius": DesignToken,
@@ -1230,14 +1178,10 @@ declare const tokens: {
1230
1178
  "text-decoration": DesignToken
1231
1179
  }
1232
1180
  }
1233
- },
1234
- "skip-link": {
1235
- "font-weight": DesignToken
1236
1181
  }
1237
1182
  },
1238
1183
  "nl": {
1239
1184
  "number-badge": {
1240
- "line-height": DesignToken,
1241
1185
  "background-color": DesignToken,
1242
1186
  "border-color": DesignToken,
1243
1187
  "border-radius": DesignToken,
@@ -1252,33 +1196,6 @@ declare const tokens: {
1252
1196
  "padding-inline": DesignToken
1253
1197
  },
1254
1198
  "skip-link": {
1255
- "border-color": DesignToken,
1256
- "border-width": DesignToken,
1257
- "font-family": DesignToken,
1258
- "font-weight": DesignToken,
1259
- "padding-block-end": DesignToken,
1260
- "padding-block-start": DesignToken,
1261
- "padding-inline-end": DesignToken,
1262
- "padding-inline-start": DesignToken,
1263
- "box-block-end-shadow": {
1264
- "blur-radius": DesignToken,
1265
- "color": DesignToken,
1266
- "offset-x": DesignToken,
1267
- "offset-y": DesignToken,
1268
- "spread-radius": DesignToken
1269
- },
1270
- "focus": {
1271
- "background-color": DesignToken,
1272
- "border-color": DesignToken,
1273
- "border-style": DesignToken,
1274
- "border-width": DesignToken,
1275
- "color": DesignToken,
1276
- "text-decoration": DesignToken
1277
- },
1278
- "focus-visible": {
1279
- "outline-color": DesignToken
1280
- },
1281
- "text-decoration": DesignToken,
1282
1199
  "background-color": DesignToken,
1283
1200
  "color": DesignToken,
1284
1201
  "padding-block": DesignToken,
@@ -1413,35 +1330,6 @@ declare const tokens: {
1413
1330
  "borderRadiusBottomLeft": DesignToken
1414
1331
  }
1415
1332
  },
1416
- "accordion": {
1417
- "border-radius": DesignToken,
1418
- "color": DesignToken,
1419
- "header": {
1420
- "margin": DesignToken
1421
- },
1422
- "section": {
1423
- "border-block-end-width": DesignToken,
1424
- "border-color": DesignToken,
1425
- "border-width": DesignToken
1426
- },
1427
- "button": {
1428
- "padding-block-end": DesignToken,
1429
- "padding-block-start": DesignToken,
1430
- "padding-inline-end": DesignToken,
1431
- "padding-inline-start": DesignToken,
1432
- "expanded": {
1433
- "background-color": DesignToken,
1434
- "color": DesignToken
1435
- },
1436
- "icon": {
1437
- "margin-block": DesignToken
1438
- },
1439
- "font-family": DesignToken,
1440
- "font-weight": DesignToken,
1441
- "font-size": DesignToken,
1442
- "line-height": DesignToken
1443
- }
1444
- },
1445
1333
  "data-badge-button": {
1446
1334
  "column-gap": DesignToken,
1447
1335
  "hover": {