@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
package/dist/wetgevend/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 28 Jul 2025 08:31:48 GMT
3
+ * Generated on Fri, 22 Aug 2025 10:20:29 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -658,62 +658,6 @@ declare const tokens: {
658
658
  "padding-inline-start": DesignToken,
659
659
  "text-decoration": DesignToken
660
660
  },
661
- "link-list": {
662
- "item": {
663
- "text-decoration": DesignToken,
664
- "column-gap": DesignToken
665
- },
666
- "margin-block-end": DesignToken,
667
- "margin-block-start": DesignToken,
668
- "row-gap": DesignToken,
669
- "icon": {
670
- "inset-block-start": DesignToken,
671
- "size": DesignToken
672
- },
673
- "link": {
674
- "column-gap": DesignToken,
675
- "text-decoration": DesignToken
676
- },
677
- "font-weight": DesignToken
678
- },
679
- "link": {
680
- "font-family": DesignToken,
681
- "font-weight": DesignToken,
682
- "line-height": DesignToken,
683
- "font-size": DesignToken,
684
- "active": {
685
- "text-decoration": DesignToken,
686
- "color": DesignToken
687
- },
688
- "focus": {
689
- "text-decoration": DesignToken,
690
- "text-decoration-thickness": DesignToken,
691
- "background-color": DesignToken,
692
- "color": DesignToken
693
- },
694
- "icon": {
695
- "inset-block-start": DesignToken,
696
- "size": DesignToken
697
- },
698
- "color": DesignToken,
699
- "text-decoration-color": DesignToken,
700
- "column-gap": DesignToken,
701
- "text-decoration": DesignToken,
702
- "text-decoration-thickness": DesignToken,
703
- "text-underline-offset": DesignToken,
704
- "hover": {
705
- "color": DesignToken,
706
- "text-decoration": DesignToken,
707
- "text-decoration-thickness": DesignToken
708
- },
709
- "focus-visible": {
710
- "text-decoration": DesignToken,
711
- "text-decoration-thickness": DesignToken
712
- },
713
- "visited": {
714
- "color": DesignToken
715
- }
716
- },
717
661
  "data-badge": {
718
662
  "background-color": DesignToken,
719
663
  "border-radius": DesignToken,
@@ -876,27 +820,31 @@ declare const tokens: {
876
820
  "row-gap": DesignToken
877
821
  },
878
822
  "breadcrumb-nav": {
879
- "divider": {
880
- "color": DesignToken,
881
- "inset-block-start": DesignToken,
882
- "size": DesignToken
883
- },
884
- "link": {
823
+ "font-family": DesignToken,
824
+ "font-size": DesignToken,
825
+ "line-height": DesignToken,
826
+ "min-block-size": DesignToken,
827
+ "item": {
885
828
  "padding-block-end": DesignToken,
886
829
  "padding-block-start": DesignToken,
887
830
  "padding-inline-end": DesignToken,
888
831
  "padding-inline-start": DesignToken,
889
- "current": {
890
- "color": DesignToken,
891
- "font-weight": DesignToken
892
- },
832
+ "first": {
833
+ "padding-inline-start": DesignToken
834
+ }
835
+ },
836
+ "separator": {
837
+ "color": DesignToken,
893
838
  "icon": {
894
- "inset-block-start": DesignToken,
895
- "margin-inline": DesignToken,
896
839
  "size": DesignToken
897
- },
840
+ }
841
+ },
842
+ "link": {
898
843
  "color": DesignToken,
899
844
  "text-decoration": DesignToken,
845
+ "current": {
846
+ "font-weight": DesignToken
847
+ },
900
848
  "active": {
901
849
  "color": DesignToken,
902
850
  "text-decoration": DesignToken
@@ -912,28 +860,26 @@ declare const tokens: {
912
860
  "hover": {
913
861
  "text-decoration": DesignToken,
914
862
  "color": DesignToken
915
- }
916
- },
917
- "font-family": DesignToken,
918
- "font-size": DesignToken,
919
- "line-height": DesignToken,
920
- "min-block-size": DesignToken,
921
- "item": {
922
- "padding-block-end": DesignToken,
923
- "padding-block-start": DesignToken,
924
- "padding-inline-end": DesignToken,
925
- "padding-inline-start": DesignToken,
926
- "first": {
927
- "padding-inline-start": DesignToken
928
- }
929
- },
930
- "separator": {
931
- "color": DesignToken,
863
+ },
932
864
  "icon": {
933
865
  "size": DesignToken
934
866
  }
935
867
  }
936
868
  },
869
+ "link-list": {
870
+ "margin-block-end": DesignToken,
871
+ "margin-block-start": DesignToken,
872
+ "row-gap": DesignToken,
873
+ "icon": {
874
+ "inset-block-start": DesignToken,
875
+ "size": DesignToken
876
+ },
877
+ "link": {
878
+ "column-gap": DesignToken,
879
+ "text-decoration": DesignToken
880
+ },
881
+ "font-weight": DesignToken
882
+ },
937
883
  "action": {
938
884
  "activate": {
939
885
  "cursor": DesignToken
@@ -955,13 +901,6 @@ declare const tokens: {
955
901
  }
956
902
  },
957
903
  "unordered-list": {
958
- "color": DesignToken,
959
- "marker": {
960
- "border-color": DesignToken,
961
- "color": DesignToken
962
- },
963
- "font-family": DesignToken,
964
- "font-weight": DesignToken,
965
904
  "font-size": DesignToken,
966
905
  "line-height": DesignToken,
967
906
  "margin-block-end": DesignToken,
@@ -971,13 +910,12 @@ declare const tokens: {
971
910
  "margin-block-end": DesignToken,
972
911
  "margin-block-start": DesignToken,
973
912
  "padding-inline-start": DesignToken
913
+ },
914
+ "marker": {
915
+ "color": DesignToken
974
916
  }
975
917
  },
976
918
  "ordered-list": {
977
- "color": DesignToken,
978
- "font-family": DesignToken,
979
- "font-weight": DesignToken,
980
- "margin-inline-start": DesignToken,
981
919
  "font-size": DesignToken,
982
920
  "line-height": DesignToken,
983
921
  "margin-block-end": DesignToken,
@@ -1083,80 +1021,35 @@ declare const tokens: {
1083
1021
  "line-height": DesignToken,
1084
1022
  "font-size": DesignToken
1085
1023
  },
1086
- "paragraph": {
1024
+ "link": {
1087
1025
  "color": DesignToken,
1088
- "font-family": DesignToken,
1089
- "font-size": DesignToken,
1090
- "font-weight": DesignToken,
1091
- "line-height": DesignToken,
1092
- "lead": {
1093
- "color": DesignToken,
1094
- "font-size": DesignToken,
1095
- "font-weight": DesignToken,
1096
- "line-height": DesignToken
1026
+ "text-decoration-color": DesignToken,
1027
+ "column-gap": DesignToken,
1028
+ "text-decoration": DesignToken,
1029
+ "text-decoration-thickness": DesignToken,
1030
+ "text-underline-offset": DesignToken,
1031
+ "icon": {
1032
+ "size": DesignToken
1097
1033
  },
1098
- "small": {
1099
- "font-size": DesignToken,
1034
+ "active": {
1035
+ "color": DesignToken
1036
+ },
1037
+ "hover": {
1100
1038
  "color": DesignToken,
1101
- "font-weight": DesignToken,
1102
- "line-height": DesignToken
1039
+ "text-decoration": DesignToken,
1040
+ "text-decoration-thickness": DesignToken
1103
1041
  },
1104
- "margin-block-end": DesignToken,
1105
- "margin-block-start": DesignToken
1106
- },
1107
- "heading-1": {
1108
- "color": DesignToken,
1109
- "font-family": DesignToken,
1110
- "font-size": DesignToken,
1111
- "font-weight": DesignToken,
1112
- "line-height": DesignToken,
1113
- "margin-block-end": DesignToken,
1114
- "margin-block-start": DesignToken
1115
- },
1116
- "heading-2": {
1117
- "color": DesignToken,
1118
- "font-family": DesignToken,
1119
- "font-size": DesignToken,
1120
- "font-weight": DesignToken,
1121
- "line-height": DesignToken,
1122
- "margin-block-end": DesignToken,
1123
- "margin-block-start": DesignToken
1124
- },
1125
- "heading-3": {
1126
- "color": DesignToken,
1127
- "font-family": DesignToken,
1128
- "font-size": DesignToken,
1129
- "font-weight": DesignToken,
1130
- "line-height": DesignToken,
1131
- "margin-block-end": DesignToken,
1132
- "margin-block-start": DesignToken
1133
- },
1134
- "heading-4": {
1135
- "color": DesignToken,
1136
- "font-family": DesignToken,
1137
- "font-size": DesignToken,
1138
- "font-weight": DesignToken,
1139
- "line-height": DesignToken,
1140
- "margin-block-end": DesignToken,
1141
- "margin-block-start": DesignToken
1142
- },
1143
- "heading-5": {
1144
- "color": DesignToken,
1145
- "font-family": DesignToken,
1146
- "font-size": DesignToken,
1147
- "font-weight": DesignToken,
1148
- "line-height": DesignToken,
1149
- "margin-block-end": DesignToken,
1150
- "margin-block-start": DesignToken
1151
- },
1152
- "heading-6": {
1153
- "color": DesignToken,
1154
- "font-family": DesignToken,
1155
- "font-size": DesignToken,
1156
- "font-weight": DesignToken,
1157
- "line-height": DesignToken,
1158
- "margin-block-end": DesignToken,
1159
- "margin-block-start": DesignToken
1042
+ "focus": {
1043
+ "background-color": DesignToken,
1044
+ "color": DesignToken
1045
+ },
1046
+ "focus-visible": {
1047
+ "text-decoration": DesignToken,
1048
+ "text-decoration-thickness": DesignToken
1049
+ },
1050
+ "visited": {
1051
+ "color": DesignToken
1052
+ }
1160
1053
  },
1161
1054
  "page-footer": {
1162
1055
  "background-color": DesignToken,
@@ -1397,29 +1290,23 @@ declare const tokens: {
1397
1290
  "line-height": DesignToken,
1398
1291
  "font-size": DesignToken
1399
1292
  },
1400
- "link": {
1401
- "column-gap": DesignToken,
1293
+ "paragraph": {
1294
+ "color": DesignToken,
1402
1295
  "font-family": DesignToken,
1403
1296
  "font-size": DesignToken,
1404
1297
  "font-weight": DesignToken,
1405
1298
  "line-height": DesignToken,
1406
- "icon": {
1407
- "inset-block-start": DesignToken,
1408
- "size": DesignToken
1409
- },
1410
- "active": {
1411
- "text-decoration": DesignToken,
1412
- "color": DesignToken
1413
- },
1414
- "focus": {
1415
- "background-color": DesignToken,
1416
- "color": DesignToken,
1417
- "text-decoration": DesignToken,
1418
- "text-decoration-thickness": DesignToken
1419
- },
1420
- "visited": {
1421
- "color": DesignToken
1422
- },
1299
+ "margin-block-end": DesignToken,
1300
+ "margin-block-start": DesignToken,
1301
+ "lead": {
1302
+ "font-size": DesignToken,
1303
+ "font-weight": DesignToken,
1304
+ "line-height": DesignToken,
1305
+ "margin-block-end": DesignToken,
1306
+ "margin-block-start": DesignToken
1307
+ }
1308
+ },
1309
+ "link": {
1423
1310
  "color": DesignToken,
1424
1311
  "text-decoration-color": DesignToken,
1425
1312
  "text-decoration-line": DesignToken,
@@ -1428,6 +1315,9 @@ declare const tokens: {
1428
1315
  "current": {
1429
1316
  "cursor": DesignToken
1430
1317
  },
1318
+ "active": {
1319
+ "color": DesignToken
1320
+ },
1431
1321
  "disabled": {
1432
1322
  "color": DesignToken,
1433
1323
  "cursor": DesignToken
@@ -1438,23 +1328,6 @@ declare const tokens: {
1438
1328
  "color": DesignToken
1439
1329
  }
1440
1330
  },
1441
- "paragraph": {
1442
- "lead": {
1443
- "color": DesignToken,
1444
- "font-size": DesignToken,
1445
- "font-weight": DesignToken,
1446
- "line-height": DesignToken,
1447
- "margin-block-end": DesignToken,
1448
- "margin-block-start": DesignToken
1449
- },
1450
- "color": DesignToken,
1451
- "font-family": DesignToken,
1452
- "font-size": DesignToken,
1453
- "font-weight": DesignToken,
1454
- "line-height": DesignToken,
1455
- "margin-block-end": DesignToken,
1456
- "margin-block-start": DesignToken
1457
- },
1458
1331
  "heading": {
1459
1332
  "level-1": {
1460
1333
  "color": DesignToken,
@@ -1569,9 +1442,6 @@ declare const tokens: {
1569
1442
  "line-height": DesignToken
1570
1443
  }
1571
1444
  },
1572
- "link-list": {
1573
- "text-decoration": DesignToken
1574
- },
1575
1445
  "data-badge-button": {
1576
1446
  "column-gap": DesignToken,
1577
1447
  "hover": {
@@ -1579,6 +1449,13 @@ declare const tokens: {
1579
1449
  "color": DesignToken
1580
1450
  }
1581
1451
  },
1452
+ "breadcrumb-nav": {
1453
+ "link": {
1454
+ "current": {
1455
+ "color": DesignToken
1456
+ }
1457
+ }
1458
+ },
1582
1459
  "rounded-corner": {
1583
1460
  "xs": {
1584
1461
  "border-radius": DesignToken
@@ -1591,6 +1468,11 @@ declare const tokens: {
1591
1468
  },
1592
1469
  "border-width": DesignToken
1593
1470
  },
1471
+ "unordered-list": {
1472
+ "nested": {
1473
+ "margin-inline-start": DesignToken
1474
+ }
1475
+ },
1594
1476
  "data-summary": {
1595
1477
  "font-family": DesignToken,
1596
1478
  "item-value": {
@@ -1874,6 +1756,9 @@ declare const tokens: {
1874
1756
  "padding-inline-start": DesignToken,
1875
1757
  "padding-inline-end": DesignToken
1876
1758
  },
1759
+ "link": {
1760
+ "column-gap": DesignToken
1761
+ },
1877
1762
  "icon-only-button": {
1878
1763
  "padding-block-end": DesignToken,
1879
1764
  "padding-block-start": DesignToken,
@@ -2002,7 +1887,6 @@ declare const tokens: {
2002
1887
  "border-width": DesignToken,
2003
1888
  "color": DesignToken,
2004
1889
  "column-gap": DesignToken,
2005
- "inline-size": DesignToken,
2006
1890
  "icon": {
2007
1891
  "color": DesignToken,
2008
1892
  "size": DesignToken
@@ -2373,5 +2257,12 @@ declare const tokens: {
2373
2257
  "600": DesignToken,
2374
2258
  "700": DesignToken
2375
2259
  }
2260
+ },
2261
+ "figma": {
2262
+ "link": {
2263
+ "icon": {
2264
+ "size": DesignToken
2265
+ }
2266
+ }
2376
2267
  }
2377
2268
  }