@rijkshuisstijl-community/design-tokens 8.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 +12 -0
  2. package/dist/_variables.scss +5 -9
  3. package/dist/index.css +5 -9
  4. package/dist/index.d.ts +1 -5
  5. package/dist/index.js +5 -9
  6. package/dist/index.json +4 -8
  7. package/dist/index.tokens.json +4 -8
  8. package/dist/koop/_variables.scss +17 -19
  9. package/dist/koop/index.css +17 -19
  10. package/dist/koop/index.d.ts +13 -15
  11. package/dist/koop/index.js +17 -19
  12. package/dist/koop/index.json +16 -18
  13. package/dist/koop/index.tokens.json +26 -32
  14. package/dist/koop/root.css +17 -19
  15. package/dist/koop/tokens.d.ts +23 -29
  16. package/dist/koop/tokens.js +388 -390
  17. package/dist/root.css +5 -9
  18. package/dist/tokens.d.ts +1 -5
  19. package/dist/tokens.js +9 -93
  20. package/dist/uitvoerend-groen/_variables.scss +5 -5
  21. package/dist/uitvoerend-groen/index.css +5 -5
  22. package/dist/uitvoerend-groen/index.d.ts +1 -1
  23. package/dist/uitvoerend-groen/index.js +5 -5
  24. package/dist/uitvoerend-groen/index.json +4 -4
  25. package/dist/uitvoerend-groen/index.tokens.json +4 -4
  26. package/dist/uitvoerend-groen/root.css +5 -5
  27. package/dist/uitvoerend-groen/tokens.d.ts +1 -1
  28. package/dist/uitvoerend-groen/tokens.js +9 -9
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +5 -5
  30. package/dist/uitvoerend-hemelblauw/index.css +5 -5
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +1 -1
  32. package/dist/uitvoerend-hemelblauw/index.js +5 -5
  33. package/dist/uitvoerend-hemelblauw/index.json +4 -4
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +4 -4
  35. package/dist/uitvoerend-hemelblauw/root.css +5 -5
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +1 -1
  37. package/dist/uitvoerend-hemelblauw/tokens.js +9 -9
  38. package/dist/uitvoerend-mintgroen/_variables.scss +5 -5
  39. package/dist/uitvoerend-mintgroen/index.css +5 -5
  40. package/dist/uitvoerend-mintgroen/index.d.ts +1 -1
  41. package/dist/uitvoerend-mintgroen/index.js +5 -5
  42. package/dist/uitvoerend-mintgroen/index.json +4 -4
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +4 -4
  44. package/dist/uitvoerend-mintgroen/root.css +5 -5
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +1 -1
  46. package/dist/uitvoerend-mintgroen/tokens.js +9 -9
  47. package/dist/uitvoerend-oranje/_variables.scss +5 -5
  48. package/dist/uitvoerend-oranje/index.css +5 -5
  49. package/dist/uitvoerend-oranje/index.d.ts +1 -1
  50. package/dist/uitvoerend-oranje/index.js +5 -5
  51. package/dist/uitvoerend-oranje/index.json +4 -4
  52. package/dist/uitvoerend-oranje/index.tokens.json +4 -4
  53. package/dist/uitvoerend-oranje/root.css +5 -5
  54. package/dist/uitvoerend-oranje/tokens.d.ts +1 -1
  55. package/dist/uitvoerend-oranje/tokens.js +9 -9
  56. package/dist/uitvoerend-paars/_variables.scss +5 -5
  57. package/dist/uitvoerend-paars/index.css +5 -5
  58. package/dist/uitvoerend-paars/index.d.ts +1 -1
  59. package/dist/uitvoerend-paars/index.js +5 -5
  60. package/dist/uitvoerend-paars/index.json +4 -4
  61. package/dist/uitvoerend-paars/index.tokens.json +4 -4
  62. package/dist/uitvoerend-paars/root.css +5 -5
  63. package/dist/uitvoerend-paars/tokens.d.ts +1 -1
  64. package/dist/uitvoerend-paars/tokens.js +9 -9
  65. package/dist/uitvoerend-violet/_variables.scss +5 -5
  66. package/dist/uitvoerend-violet/index.css +5 -5
  67. package/dist/uitvoerend-violet/index.d.ts +1 -1
  68. package/dist/uitvoerend-violet/index.js +5 -5
  69. package/dist/uitvoerend-violet/index.json +4 -4
  70. package/dist/uitvoerend-violet/index.tokens.json +4 -4
  71. package/dist/uitvoerend-violet/root.css +5 -5
  72. package/dist/uitvoerend-violet/tokens.d.ts +1 -1
  73. package/dist/uitvoerend-violet/tokens.js +9 -9
  74. package/dist/uitvoerend-violet-oud/_variables.scss +5 -5
  75. package/dist/uitvoerend-violet-oud/index.css +5 -5
  76. package/dist/uitvoerend-violet-oud/index.d.ts +1 -1
  77. package/dist/uitvoerend-violet-oud/index.js +5 -5
  78. package/dist/uitvoerend-violet-oud/index.json +4 -4
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +4 -4
  80. package/dist/uitvoerend-violet-oud/root.css +5 -5
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +1 -1
  82. package/dist/uitvoerend-violet-oud/tokens.js +9 -9
  83. package/dist/wetgevend/_variables.scss +5 -5
  84. package/dist/wetgevend/index.css +5 -5
  85. package/dist/wetgevend/index.d.ts +1 -1
  86. package/dist/wetgevend/index.js +5 -5
  87. package/dist/wetgevend/index.json +4 -4
  88. package/dist/wetgevend/index.tokens.json +4 -4
  89. package/dist/wetgevend/root.css +5 -5
  90. package/dist/wetgevend/tokens.d.ts +1 -1
  91. package/dist/wetgevend/tokens.js +9 -9
  92. package/figma/figma.tokens.json +49 -120
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +4 -20
  95. package/src/generated/koop/tokens.json +85 -77
  96. package/src/generated/themes.json +117 -109
  97. package/src/generated/uitvoerend-groen/tokens.json +4 -4
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +4 -4
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +4 -4
  100. package/src/generated/uitvoerend-oranje/tokens.json +4 -4
  101. package/src/generated/uitvoerend-paars/tokens.json +4 -4
  102. package/src/generated/uitvoerend-violet/tokens.json +4 -4
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +4 -4
  104. package/src/generated/wetgevend/tokens.json +4 -4
package/dist/koop/root.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:53 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:40 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -576,6 +576,18 @@
576
576
  --nl-heading-level-1-font-size: 3.125rem;
577
577
  --nl-heading-level-1-font-family: RijksSans, Arial, Verdana, sans-serif;
578
578
  --nl-heading-level-1-color: #154273;
579
+ --nl-link-hover-color: #01496c;
580
+ --nl-link-hover-text-decoration-thickness: auto;
581
+ --nl-link-hover-text-decoration-line: underline;
582
+ --nl-link-disabled-cursor: disabled;
583
+ --nl-link-disabled-color: #334155;
584
+ --nl-link-active-color: #1a4972;
585
+ --nl-link-current-cursor: default;
586
+ --nl-link-text-underline-offset: 0.125rem;
587
+ --nl-link-text-decoration-thickness: 0.0625em;
588
+ --nl-link-text-decoration-line: underline;
589
+ --nl-link-text-decoration-color: inherit;
590
+ --nl-link-color: #01689b;
579
591
  --nl-paragraph-lead-margin-block-start: 0rem;
580
592
  --nl-paragraph-lead-margin-block-end: 0rem;
581
593
  --nl-paragraph-lead-line-height: 150%;
@@ -598,20 +610,6 @@
598
610
  --nl-skip-link-padding-block: 0.75rem;
599
611
  --nl-skip-link-color: #01689b;
600
612
  --nl-skip-link-background-color: #fff;
601
- --nl-link-disabled-cursor: disabled;
602
- --nl-link-disabled-color: #334155;
603
- --nl-link-current-cursor: default;
604
- --nl-link-text-underline-offset: 0.125rem;
605
- --nl-link-text-decoration-color: inherit;
606
- --nl-link-color: #01689b;
607
- --nl-link-visited-color: #800080;
608
- --nl-link-text-decoration-thickness: 1px;
609
- --nl-link-text-decoration-line: underline;
610
- --nl-link-hover-color: #0F2E51;
611
- --nl-link-hover-text-decoration-thickness: 2px;
612
- --nl-link-hover-text-decoration-line: underline;
613
- --nl-link-focus-text-decoration-thickness: 1px;
614
- --nl-link-active-color: #800080;
615
613
  --nl-number-badge-padding-inline: 0.5rem;
616
614
  --nl-number-badge-padding-block: 0.125rem;
617
615
  --nl-number-badge-min-inline-size: 24px;
@@ -711,8 +709,8 @@
711
709
  --utrecht-drawer-background-color: #fff;
712
710
  --utrecht-drawer-z-index: 1;
713
711
  --utrecht-drawer-max-inline-size: 256px;
714
- --utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
715
- --utrecht-form-fieldset-invalid-padding-inline-start: 0rem;
712
+ --utrecht-form-fieldset-invalid-border-inline-start-width: 2px;
713
+ --utrecht-form-fieldset-invalid-padding-inline-start: 1rem;
716
714
  --utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
717
715
  --utrecht-form-fieldset-section-color: #0F172A;
718
716
  --utrecht-form-fieldset-section-background-color: transparent;
@@ -1198,8 +1196,8 @@
1198
1196
  --utrecht-checkbox-indeterminate-active-color: #fff;
1199
1197
  --utrecht-checkbox-indeterminate-active-border-color: transparent;
1200
1198
  --utrecht-checkbox-indeterminate-active-background-color: #4f7196;
1201
- --utrecht-form-field-invalid-padding-inline-start: 0rem;
1202
- --utrecht-form-field-invalid-border-inline-start-width: 0px;
1199
+ --utrecht-form-field-invalid-padding-inline-start: 1rem;
1200
+ --utrecht-form-field-invalid-border-inline-start-width: 2px;
1203
1201
  --utrecht-form-field-invalid-border-inline-start-color: #d52b1e;
1204
1202
  --utrecht-form-field-margin-block-start: 0.5rem;
1205
1203
  --utrecht-form-field-margin-block-end: 0.5rem;
package/dist/koop/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 23:36:53 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:40 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -1168,34 +1168,6 @@ declare const tokens: {
1168
1168
  "padding-block": DesignToken,
1169
1169
  "padding-inline": DesignToken
1170
1170
  },
1171
- "link": {
1172
- "active": {
1173
- "color": DesignToken
1174
- },
1175
- "focus": {
1176
- "text-decoration-thickness": DesignToken
1177
- },
1178
- "hover": {
1179
- "text-decoration-line": DesignToken,
1180
- "text-decoration-thickness": DesignToken,
1181
- "color": DesignToken
1182
- },
1183
- "text-decoration-line": DesignToken,
1184
- "text-decoration-thickness": DesignToken,
1185
- "visited": {
1186
- "color": DesignToken
1187
- },
1188
- "color": DesignToken,
1189
- "text-decoration-color": DesignToken,
1190
- "text-underline-offset": DesignToken,
1191
- "current": {
1192
- "cursor": DesignToken
1193
- },
1194
- "disabled": {
1195
- "color": DesignToken,
1196
- "cursor": DesignToken
1197
- }
1198
- },
1199
1171
  "skip-link": {
1200
1172
  "background-color": DesignToken,
1201
1173
  "color": DesignToken,
@@ -1224,6 +1196,28 @@ declare const tokens: {
1224
1196
  "margin-block-start": DesignToken
1225
1197
  }
1226
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
+ },
1227
1221
  "heading": {
1228
1222
  "level-1": {
1229
1223
  "color": DesignToken,