@lux-design-system/design-tokens 2.1.0 → 2.2.1

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 (228) hide show
  1. package/dist/digid/dark/lg-theme.css +46 -4
  2. package/dist/digid/dark/lg.css +46 -4
  3. package/dist/digid/dark/md-theme.css +46 -4
  4. package/dist/digid/dark/md.css +46 -4
  5. package/dist/digid/dark/sm-theme.css +46 -4
  6. package/dist/digid/dark/sm.css +46 -4
  7. package/dist/digid/dark/xl-theme.css +46 -4
  8. package/dist/digid/dark/xl.css +46 -4
  9. package/dist/digid/dark/xs-theme.css +46 -4
  10. package/dist/digid/dark/xs.css +46 -4
  11. package/dist/digid/light/lg-theme.css +46 -4
  12. package/dist/digid/light/lg.css +46 -4
  13. package/dist/digid/light/md-theme.css +46 -4
  14. package/dist/digid/light/md.css +46 -4
  15. package/dist/digid/light/sm-theme.css +46 -4
  16. package/dist/digid/light/sm.css +46 -4
  17. package/dist/digid/light/xl-theme.css +46 -4
  18. package/dist/digid/light/xl.css +46 -4
  19. package/dist/digid/light/xs-theme.css +46 -4
  20. package/dist/digid/light/xs.css +46 -4
  21. package/dist/digitoegankelijk/dark/lg-theme.css +46 -4
  22. package/dist/digitoegankelijk/dark/lg.css +46 -4
  23. package/dist/digitoegankelijk/dark/md-theme.css +46 -4
  24. package/dist/digitoegankelijk/dark/md.css +46 -4
  25. package/dist/digitoegankelijk/dark/sm-theme.css +46 -4
  26. package/dist/digitoegankelijk/dark/sm.css +46 -4
  27. package/dist/digitoegankelijk/dark/xl-theme.css +46 -4
  28. package/dist/digitoegankelijk/dark/xl.css +46 -4
  29. package/dist/digitoegankelijk/dark/xs-theme.css +46 -4
  30. package/dist/digitoegankelijk/dark/xs.css +46 -4
  31. package/dist/digitoegankelijk/light/lg-theme.css +46 -4
  32. package/dist/digitoegankelijk/light/lg.css +46 -4
  33. package/dist/digitoegankelijk/light/md-theme.css +46 -4
  34. package/dist/digitoegankelijk/light/md.css +46 -4
  35. package/dist/digitoegankelijk/light/sm-theme.css +46 -4
  36. package/dist/digitoegankelijk/light/sm.css +46 -4
  37. package/dist/digitoegankelijk/light/xl-theme.css +46 -4
  38. package/dist/digitoegankelijk/light/xl.css +46 -4
  39. package/dist/digitoegankelijk/light/xs-theme.css +46 -4
  40. package/dist/digitoegankelijk/light/xs.css +46 -4
  41. package/dist/eva/dark/lg-theme.css +46 -4
  42. package/dist/eva/dark/lg.css +46 -4
  43. package/dist/eva/dark/md-theme.css +46 -4
  44. package/dist/eva/dark/md.css +46 -4
  45. package/dist/eva/dark/sm-theme.css +46 -4
  46. package/dist/eva/dark/sm.css +46 -4
  47. package/dist/eva/dark/xl-theme.css +46 -4
  48. package/dist/eva/dark/xl.css +46 -4
  49. package/dist/eva/dark/xs-theme.css +46 -4
  50. package/dist/eva/dark/xs.css +46 -4
  51. package/dist/eva/light/lg-theme.css +46 -4
  52. package/dist/eva/light/lg.css +46 -4
  53. package/dist/eva/light/md-theme.css +46 -4
  54. package/dist/eva/light/md.css +46 -4
  55. package/dist/eva/light/sm-theme.css +46 -4
  56. package/dist/eva/light/sm.css +46 -4
  57. package/dist/eva/light/xl-theme.css +46 -4
  58. package/dist/eva/light/xl.css +46 -4
  59. package/dist/eva/light/xs-theme.css +46 -4
  60. package/dist/eva/light/xs.css +46 -4
  61. package/dist/figma-tokens.json +1059 -67
  62. package/dist/index.json +823 -36
  63. package/dist/koop/dark/lg-theme.css +46 -4
  64. package/dist/koop/dark/lg.css +46 -4
  65. package/dist/koop/dark/md-theme.css +46 -4
  66. package/dist/koop/dark/md.css +46 -4
  67. package/dist/koop/dark/sm-theme.css +46 -4
  68. package/dist/koop/dark/sm.css +46 -4
  69. package/dist/koop/dark/xl-theme.css +46 -4
  70. package/dist/koop/dark/xl.css +46 -4
  71. package/dist/koop/dark/xs-theme.css +46 -4
  72. package/dist/koop/dark/xs.css +46 -4
  73. package/dist/koop/light/lg-theme.css +46 -4
  74. package/dist/koop/light/lg.css +46 -4
  75. package/dist/koop/light/md-theme.css +46 -4
  76. package/dist/koop/light/md.css +46 -4
  77. package/dist/koop/light/sm-theme.css +46 -4
  78. package/dist/koop/light/sm.css +46 -4
  79. package/dist/koop/light/xl-theme.css +46 -4
  80. package/dist/koop/light/xl.css +46 -4
  81. package/dist/koop/light/xs-theme.css +46 -4
  82. package/dist/koop/light/xs.css +46 -4
  83. package/dist/logius/dark/lg-theme.css +46 -4
  84. package/dist/logius/dark/lg.css +46 -4
  85. package/dist/logius/dark/md-theme.css +46 -4
  86. package/dist/logius/dark/md.css +46 -4
  87. package/dist/logius/dark/sm-theme.css +46 -4
  88. package/dist/logius/dark/sm.css +46 -4
  89. package/dist/logius/dark/xl-theme.css +46 -4
  90. package/dist/logius/dark/xl.css +46 -4
  91. package/dist/logius/dark/xs-theme.css +46 -4
  92. package/dist/logius/dark/xs.css +46 -4
  93. package/dist/logius/light/lg-theme.css +46 -4
  94. package/dist/logius/light/lg.css +46 -4
  95. package/dist/logius/light/md-theme.css +46 -4
  96. package/dist/logius/light/md.css +46 -4
  97. package/dist/logius/light/sm-theme.css +46 -4
  98. package/dist/logius/light/sm.css +46 -4
  99. package/dist/logius/light/xl-theme.css +46 -4
  100. package/dist/logius/light/xl.css +46 -4
  101. package/dist/logius/light/xs-theme.css +46 -4
  102. package/dist/logius/light/xs.css +46 -4
  103. package/dist/logius-blauw/dark/lg-theme.css +46 -4
  104. package/dist/logius-blauw/dark/lg.css +46 -4
  105. package/dist/logius-blauw/dark/md-theme.css +46 -4
  106. package/dist/logius-blauw/dark/md.css +46 -4
  107. package/dist/logius-blauw/dark/sm-theme.css +46 -4
  108. package/dist/logius-blauw/dark/sm.css +46 -4
  109. package/dist/logius-blauw/dark/xl-theme.css +46 -4
  110. package/dist/logius-blauw/dark/xl.css +46 -4
  111. package/dist/logius-blauw/dark/xs-theme.css +46 -4
  112. package/dist/logius-blauw/dark/xs.css +46 -4
  113. package/dist/logius-blauw/light/lg-theme.css +46 -4
  114. package/dist/logius-blauw/light/lg.css +46 -4
  115. package/dist/logius-blauw/light/md-theme.css +46 -4
  116. package/dist/logius-blauw/light/md.css +46 -4
  117. package/dist/logius-blauw/light/sm-theme.css +46 -4
  118. package/dist/logius-blauw/light/sm.css +46 -4
  119. package/dist/logius-blauw/light/xl-theme.css +46 -4
  120. package/dist/logius-blauw/light/xl.css +46 -4
  121. package/dist/logius-blauw/light/xs-theme.css +46 -4
  122. package/dist/logius-blauw/light/xs.css +46 -4
  123. package/dist/mijnoverheid/dark/lg-theme.css +46 -4
  124. package/dist/mijnoverheid/dark/lg.css +46 -4
  125. package/dist/mijnoverheid/dark/md-theme.css +46 -4
  126. package/dist/mijnoverheid/dark/md.css +46 -4
  127. package/dist/mijnoverheid/dark/sm-theme.css +46 -4
  128. package/dist/mijnoverheid/dark/sm.css +46 -4
  129. package/dist/mijnoverheid/dark/xl-theme.css +46 -4
  130. package/dist/mijnoverheid/dark/xl.css +46 -4
  131. package/dist/mijnoverheid/dark/xs-theme.css +46 -4
  132. package/dist/mijnoverheid/dark/xs.css +46 -4
  133. package/dist/mijnoverheid/light/lg-theme.css +46 -4
  134. package/dist/mijnoverheid/light/lg.css +46 -4
  135. package/dist/mijnoverheid/light/md-theme.css +46 -4
  136. package/dist/mijnoverheid/light/md.css +46 -4
  137. package/dist/mijnoverheid/light/sm-theme.css +46 -4
  138. package/dist/mijnoverheid/light/sm.css +46 -4
  139. package/dist/mijnoverheid/light/xl-theme.css +46 -4
  140. package/dist/mijnoverheid/light/xl.css +46 -4
  141. package/dist/mijnoverheid/light/xs-theme.css +46 -4
  142. package/dist/mijnoverheid/light/xs.css +46 -4
  143. package/dist/nldoc/dark/lg-theme.css +46 -4
  144. package/dist/nldoc/dark/lg.css +46 -4
  145. package/dist/nldoc/dark/md-theme.css +46 -4
  146. package/dist/nldoc/dark/md.css +46 -4
  147. package/dist/nldoc/dark/sm-theme.css +46 -4
  148. package/dist/nldoc/dark/sm.css +46 -4
  149. package/dist/nldoc/dark/xl-theme.css +46 -4
  150. package/dist/nldoc/dark/xl.css +46 -4
  151. package/dist/nldoc/dark/xs-theme.css +46 -4
  152. package/dist/nldoc/dark/xs.css +46 -4
  153. package/dist/nldoc/light/lg-theme.css +46 -4
  154. package/dist/nldoc/light/lg.css +46 -4
  155. package/dist/nldoc/light/md-theme.css +46 -4
  156. package/dist/nldoc/light/md.css +46 -4
  157. package/dist/nldoc/light/sm-theme.css +46 -4
  158. package/dist/nldoc/light/sm.css +46 -4
  159. package/dist/nldoc/light/xl-theme.css +46 -4
  160. package/dist/nldoc/light/xl.css +46 -4
  161. package/dist/nldoc/light/xs-theme.css +46 -4
  162. package/dist/nldoc/light/xs.css +46 -4
  163. package/dist/nldoc/ridderkerk/dark/lg-theme.css +46 -4
  164. package/dist/nldoc/ridderkerk/dark/lg.css +46 -4
  165. package/dist/nldoc/ridderkerk/dark/md-theme.css +46 -4
  166. package/dist/nldoc/ridderkerk/dark/md.css +46 -4
  167. package/dist/nldoc/ridderkerk/dark/sm-theme.css +46 -4
  168. package/dist/nldoc/ridderkerk/dark/sm.css +46 -4
  169. package/dist/nldoc/ridderkerk/dark/xl-theme.css +46 -4
  170. package/dist/nldoc/ridderkerk/dark/xl.css +46 -4
  171. package/dist/nldoc/ridderkerk/dark/xs-theme.css +46 -4
  172. package/dist/nldoc/ridderkerk/dark/xs.css +46 -4
  173. package/dist/nldoc/ridderkerk/light/lg-theme.css +46 -4
  174. package/dist/nldoc/ridderkerk/light/lg.css +46 -4
  175. package/dist/nldoc/ridderkerk/light/md-theme.css +46 -4
  176. package/dist/nldoc/ridderkerk/light/md.css +46 -4
  177. package/dist/nldoc/ridderkerk/light/sm-theme.css +46 -4
  178. package/dist/nldoc/ridderkerk/light/sm.css +46 -4
  179. package/dist/nldoc/ridderkerk/light/xl-theme.css +46 -4
  180. package/dist/nldoc/ridderkerk/light/xl.css +46 -4
  181. package/dist/nldoc/ridderkerk/light/xs-theme.css +46 -4
  182. package/dist/nldoc/ridderkerk/light/xs.css +46 -4
  183. package/dist/nldoc/rijksoverheid/dark/lg-theme.css +46 -4
  184. package/dist/nldoc/rijksoverheid/dark/lg.css +46 -4
  185. package/dist/nldoc/rijksoverheid/dark/md-theme.css +46 -4
  186. package/dist/nldoc/rijksoverheid/dark/md.css +46 -4
  187. package/dist/nldoc/rijksoverheid/dark/sm-theme.css +46 -4
  188. package/dist/nldoc/rijksoverheid/dark/sm.css +46 -4
  189. package/dist/nldoc/rijksoverheid/dark/xl-theme.css +46 -4
  190. package/dist/nldoc/rijksoverheid/dark/xl.css +46 -4
  191. package/dist/nldoc/rijksoverheid/dark/xs-theme.css +46 -4
  192. package/dist/nldoc/rijksoverheid/dark/xs.css +46 -4
  193. package/dist/nldoc/rijksoverheid/light/lg-theme.css +46 -4
  194. package/dist/nldoc/rijksoverheid/light/lg.css +46 -4
  195. package/dist/nldoc/rijksoverheid/light/md-theme.css +46 -4
  196. package/dist/nldoc/rijksoverheid/light/md.css +46 -4
  197. package/dist/nldoc/rijksoverheid/light/sm-theme.css +46 -4
  198. package/dist/nldoc/rijksoverheid/light/sm.css +46 -4
  199. package/dist/nldoc/rijksoverheid/light/xl-theme.css +46 -4
  200. package/dist/nldoc/rijksoverheid/light/xl.css +46 -4
  201. package/dist/nldoc/rijksoverheid/light/xs-theme.css +46 -4
  202. package/dist/nldoc/rijksoverheid/light/xs.css +46 -4
  203. package/dist/nldoc/waterschap-hollandse-delta/dark/lg-theme.css +46 -4
  204. package/dist/nldoc/waterschap-hollandse-delta/dark/lg.css +46 -4
  205. package/dist/nldoc/waterschap-hollandse-delta/dark/md-theme.css +46 -4
  206. package/dist/nldoc/waterschap-hollandse-delta/dark/md.css +46 -4
  207. package/dist/nldoc/waterschap-hollandse-delta/dark/sm-theme.css +46 -4
  208. package/dist/nldoc/waterschap-hollandse-delta/dark/sm.css +46 -4
  209. package/dist/nldoc/waterschap-hollandse-delta/dark/xl-theme.css +46 -4
  210. package/dist/nldoc/waterschap-hollandse-delta/dark/xl.css +46 -4
  211. package/dist/nldoc/waterschap-hollandse-delta/dark/xs-theme.css +46 -4
  212. package/dist/nldoc/waterschap-hollandse-delta/dark/xs.css +46 -4
  213. package/dist/nldoc/waterschap-hollandse-delta/light/lg-theme.css +46 -4
  214. package/dist/nldoc/waterschap-hollandse-delta/light/lg.css +46 -4
  215. package/dist/nldoc/waterschap-hollandse-delta/light/md-theme.css +46 -4
  216. package/dist/nldoc/waterschap-hollandse-delta/light/md.css +46 -4
  217. package/dist/nldoc/waterschap-hollandse-delta/light/sm-theme.css +46 -4
  218. package/dist/nldoc/waterschap-hollandse-delta/light/sm.css +46 -4
  219. package/dist/nldoc/waterschap-hollandse-delta/light/xl-theme.css +46 -4
  220. package/dist/nldoc/waterschap-hollandse-delta/light/xl.css +46 -4
  221. package/dist/nldoc/waterschap-hollandse-delta/light/xs-theme.css +46 -4
  222. package/dist/nldoc/waterschap-hollandse-delta/light/xs.css +46 -4
  223. package/lib/tokens/$metadata.json +1 -0
  224. package/lib/tokens/nl/utrecht-accordion.json +188 -0
  225. package/lib/tokens/nl/utrecht-action.json +37 -7
  226. package/lib/tokens/nl/utrecht-link-list.json +18 -6
  227. package/lib/tokens/nl/utrecht-link.json +7 -0
  228. package/package.json +16 -18
package/dist/nldoc/ridderkerk/dark/lg-theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 21 May 2025 07:28:22 GMT
3
+ * Generated on Mon, 23 Mar 2026 11:56:59 GMT
4
4
  */
5
5
 
6
6
  .lux-theme--nldoc-ridderkerk-dark {
@@ -25,7 +25,6 @@
25
25
  --figma-focus-outline-radius: 0px;
26
26
  --nl-skip-link-text-underline-offset: 1px;
27
27
  --nl-skip-link-text-decoration-thickness: 1px;
28
- --todo-link-list-item-text-decoration: None;
29
28
  --todo-checkbox-indeterminate-focus-border-width: 2px;
30
29
  --todo-checkbox-indeterminate-hover-border-width: 2px;
31
30
  --todo-checkbox-indeterminate-active-border-width: 1.5px;
@@ -48,11 +47,13 @@
48
47
  --utrecht-link-text-decoration: underline;
49
48
  --utrecht-link-hover-text-decoration: none;
50
49
  --utrecht-link-hover-text-decoration-thickness: auto;
51
- --utrecht-link-focus-text-decoration: none;
50
+ --utrecht-link-focus-visible-text-decoration: None;
51
+ --utrecht-link-focus-text-decoration: none; /* Legacy token */
52
52
  --utrecht-link-focus-text-decoration-thickness: auto;
53
53
  --utrecht-link-active-text-decoration: none;
54
54
  --utrecht-link-text-underline-offset: auto;
55
55
  --utrecht-link-text-decoration-thickness: auto;
56
+ --utrecht-link-list-link-text-decoration: None;
56
57
  --utrecht-form-field-error-message-icon-size: 1.5rem;
57
58
  --utrecht-focus-inverse-outline-color: transparant;
58
59
  --utrecht-column-layout-column-width: 12.5rem; /* full-size, hoe stel ik dit in? */
@@ -65,10 +66,15 @@
65
66
  --utrecht-action-disabled-cursor: not-allowed;
66
67
  --utrecht-action-busy-cursor: wait;
67
68
  --utrecht-action-activate-cursor: pointer;
69
+ --utrecht-accordion-section-margin-block-start: 0px; /* [code-only] */
70
+ --utrecht-accordion-section-margin-block-end: 0px; /* [code-only] */
71
+ --utrecht-accordion-margin-block-start: 0px; /* [code-only] */
72
+ --utrecht-accordion-margin-block-end: 0px; /* [code-only] */
68
73
  --ro-font-family-secondary: RijksoverheidSerifWeb, 'Times New Roman', serif;
69
74
  --ro-font-family-primary: RijksoverheidSansWebText, Arial, Verdana, sans-serif;
70
75
  --no-token: /* */; /* Discussie nodig */
71
76
  --lux-icon-inset-block-start: 0.375rem;
77
+ --lux-link-list-link-hover-text-decoration: underline;
72
78
  --lux-button-small-min-block-size: 2rem;
73
79
  --lux-alert-icon-size: 1.5rem;
74
80
  --lux-login-link-border-style: solid;
@@ -293,7 +299,6 @@
293
299
  --nl-skip-link-padding-inline: var(--lux-space-200);
294
300
  --nl-skip-link-padding-block: var(--lux-space-100);
295
301
  --nl-skip-link-font-size: var(--lux-font-size-body-default);
296
- --todo-link-list-item-column-gap: var(--lux-space-100);
297
302
  --todo-form-field-error-message-border-width: var(--lux-border-width-default);
298
303
  --todo-form-field-error-message-border-radius: var(--lux-border-radius-default); /* todo token */
299
304
  --todo-checkbox-indeterminate-focus-color: var(--lux-color-wit);
@@ -363,6 +368,8 @@
363
368
  --utrecht-link-icon-size: var(--lux-size-icon);
364
369
  --utrecht-link-font-weight: var(--lux-font-weight-regular);
365
370
  --utrecht-link-focus-background-color: var(--lux-color-none);
371
+ --utrecht-link-list-font-weight: var(--lux-font-weight-regular);
372
+ --utrecht-link-list-link-column-gap: var(--lux-space-100);
366
373
  --utrecht-link-list-icon-inset-block-start: var(--lux-icon-inset-block-start);
367
374
  --utrecht-link-list-icon-size: var(--lux-size-icon);
368
375
  --utrecht-link-list-row-gap: var(--lux-space-100);
@@ -496,6 +503,27 @@
496
503
  --utrecht-alert-border-width: var(--lux-border-width-default);
497
504
  --utrecht-alert-border-radius: var(--lux-border-radius-default);
498
505
  --utrecht-alert-border-color: var(--lux-color-none);
506
+ --utrecht-accordion-section-border-width: var(--lux-border-width-default);
507
+ --utrecht-accordion-panel-padding-inline-start: var(--lux-space-400);
508
+ --utrecht-accordion-panel-padding-inline-end: var(--lux-space-400);
509
+ --utrecht-accordion-panel-padding-block-start: var(--lux-space-200);
510
+ --utrecht-accordion-panel-padding-block-end: var(--lux-space-400);
511
+ --utrecht-accordion-panel-border-width: var(--lux-border-width-default);
512
+ --utrecht-accordion-button-focus-visible-border-width: var(--lux-border-width-default);
513
+ --utrecht-accordion-button-focus-visible-border-color: var(--lux-color-none);
514
+ --utrecht-accordion-button-hover-border-color: var(--lux-color-none);
515
+ --utrecht-accordion-button-active-border-color: var(--lux-color-none);
516
+ --utrecht-accordion-button-active-background-color: var(--lux-color-grijs-400);
517
+ --utrecht-accordion-button-icon-size: var(--lux-size-icon);
518
+ --utrecht-accordion-button-padding-inline-start: var(--lux-space-200);
519
+ --utrecht-accordion-button-padding-inline-end: var(--lux-space-200);
520
+ --utrecht-accordion-button-padding-block-start: var(--lux-space-150);
521
+ --utrecht-accordion-button-padding-block-end: var(--lux-space-150);
522
+ --utrecht-accordion-button-gap: var(--lux-space-100);
523
+ --utrecht-accordion-button-border-width: var(--lux-border-width-default);
524
+ --utrecht-accordion-button-border-radius: var(--lux-border-radius-default);
525
+ --utrecht-accordion-button-border-color: var(--lux-color-none);
526
+ --utrecht-accordion-row-gap: var(--lux-space-100);
499
527
  --lux-font-family-primary: var(--nldoc-font-family-primary);
500
528
  --lux-textarea-hover-border-width: var(--lux-border-width-m);
501
529
  --lux-textarea-focus-border-width: var(--lux-border-width-m);
@@ -594,6 +622,9 @@
594
622
  --todo-checkbox-indeterminate-focus-background-color: var(--lux-color-brand-default);
595
623
  --todo-checkbox-indeterminate-hover-background-color: var(--lux-color-brand-hover);
596
624
  --todo-checkbox-indeterminate-active-background-color: var(--lux-color-brand-hover);
625
+ --todo-accordion-button-line-height: var(--utrecht-button-line-height);
626
+ --todo-accordion-button-font-weight: var(--utrecht-button-font-weight);
627
+ --todo-accordion-button-font-size: var(--utrecht-button-font-size);
597
628
  --utrecht-textarea-line-height: var(--lux-line-height-body-default);
598
629
  --utrecht-textarea-font-family: var(--lux-font-family-primary);
599
630
  --utrecht-textarea-hover-color: var(--lux-color-foreground-default);
@@ -779,6 +810,16 @@
779
810
  --utrecht-alert-error-background-color: var(--lux-color-feedback-error-subdued);
780
811
  --utrecht-alert-warning-background-color: var(--lux-color-feedback-warning-subdued);
781
812
  --utrecht-alert-background-color: var(--lux-color-background-subdued);
813
+ --utrecht-accordion-section-hover-border-color: var(--lux-color-background-hover);
814
+ --utrecht-accordion-section-border-color: var(--lux-color-background-subdued);
815
+ --utrecht-accordion-panel-border-color: var(--lux-color-background-default);
816
+ --utrecht-accordion-button-focus-visible-color: var(--lux-color-foreground-default);
817
+ --utrecht-accordion-button-focus-visible-background-color: var(--lux-color-background-subdued);
818
+ --utrecht-accordion-button-hover-color: var(--lux-color-foreground-default);
819
+ --utrecht-accordion-button-hover-background-color: var(--lux-color-background-hover);
820
+ --utrecht-accordion-button-active-color: var(--lux-color-foreground-default);
821
+ --utrecht-accordion-button-color: var(--lux-color-foreground-default);
822
+ --utrecht-accordion-button-background-color: var(--lux-color-background-subdued);
782
823
  --lux-checkbox-checked-disabled-color: var(--lux-color-foreground-subdued);
783
824
  --lux-checkbox-checked-disabled-border-color: var(--lux-color-border-subdued);
784
825
  --lux-checkbox-checked-disabled-background-color: var(--lux-color-background-subdued);
@@ -809,6 +850,7 @@
809
850
  --todo-checkbox-indeterminate-focus-border-color: var(--lux-color-border-strong);
810
851
  --todo-checkbox-indeterminate-hover-border-color: var(--lux-color-border-strong);
811
852
  --todo-checkbox-indeterminate-active-border-color: var(--lux-color-border-strong);
853
+ --todo-accordion-button-font-family: var(--utrecht-button-font-family);
812
854
  --utrecht-textarea-hover-border-color: var(--lux-color-border-strong);
813
855
  --utrecht-textarea-focus-border-color: var(--lux-color-border-strong);
814
856
  --utrecht-textarea-border-color: var(--lux-color-border-strong);
package/dist/nldoc/ridderkerk/dark/lg.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 21 May 2025 07:28:22 GMT
3
+ * Generated on Mon, 23 Mar 2026 11:56:59 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -20,7 +20,6 @@
20
20
  --product-button-font-size: 1rem;
21
21
  --nl-skip-link-text-underline-offset: 1px;
22
22
  --nl-skip-link-text-decoration-thickness: 1px;
23
- --todo-link-list-item-text-decoration: None;
24
23
  --todo-checkbox-indeterminate-focus-border-width: 2px;
25
24
  --todo-checkbox-indeterminate-hover-border-width: 2px;
26
25
  --todo-checkbox-indeterminate-active-border-width: 1.5px;
@@ -43,11 +42,13 @@
43
42
  --utrecht-link-text-decoration: underline;
44
43
  --utrecht-link-hover-text-decoration: none;
45
44
  --utrecht-link-hover-text-decoration-thickness: auto;
46
- --utrecht-link-focus-text-decoration: none;
45
+ --utrecht-link-focus-visible-text-decoration: None;
46
+ --utrecht-link-focus-text-decoration: none; /* Legacy token */
47
47
  --utrecht-link-focus-text-decoration-thickness: auto;
48
48
  --utrecht-link-active-text-decoration: none;
49
49
  --utrecht-link-text-underline-offset: auto;
50
50
  --utrecht-link-text-decoration-thickness: auto;
51
+ --utrecht-link-list-link-text-decoration: None;
51
52
  --utrecht-form-field-error-message-icon-size: 1.5rem;
52
53
  --utrecht-focus-inverse-outline-color: transparant;
53
54
  --utrecht-column-layout-column-width: 12.5rem; /* full-size, hoe stel ik dit in? */
@@ -60,10 +61,15 @@
60
61
  --utrecht-action-disabled-cursor: not-allowed;
61
62
  --utrecht-action-busy-cursor: wait;
62
63
  --utrecht-action-activate-cursor: pointer;
64
+ --utrecht-accordion-section-margin-block-start: 0px; /* [code-only] */
65
+ --utrecht-accordion-section-margin-block-end: 0px; /* [code-only] */
66
+ --utrecht-accordion-margin-block-start: 0px; /* [code-only] */
67
+ --utrecht-accordion-margin-block-end: 0px; /* [code-only] */
63
68
  --ro-font-family-secondary: RijksoverheidSerifWeb, 'Times New Roman', serif;
64
69
  --ro-font-family-primary: RijksoverheidSansWebText, Arial, Verdana, sans-serif;
65
70
  --no-token: /* */; /* Discussie nodig */
66
71
  --lux-icon-inset-block-start: 0.375rem;
72
+ --lux-link-list-link-hover-text-decoration: underline;
67
73
  --lux-button-small-min-block-size: 2rem;
68
74
  --lux-alert-icon-size: 1.5rem;
69
75
  --lux-login-link-border-style: solid;
@@ -288,7 +294,6 @@
288
294
  --nl-skip-link-padding-inline: var(--lux-space-200);
289
295
  --nl-skip-link-padding-block: var(--lux-space-100);
290
296
  --nl-skip-link-font-size: var(--lux-font-size-body-default);
291
- --todo-link-list-item-column-gap: var(--lux-space-100);
292
297
  --todo-form-field-error-message-border-width: var(--lux-border-width-default);
293
298
  --todo-form-field-error-message-border-radius: var(--lux-border-radius-default); /* todo token */
294
299
  --todo-checkbox-indeterminate-focus-color: var(--lux-color-wit);
@@ -358,6 +363,8 @@
358
363
  --utrecht-link-icon-size: var(--lux-size-icon);
359
364
  --utrecht-link-font-weight: var(--lux-font-weight-regular);
360
365
  --utrecht-link-focus-background-color: var(--lux-color-none);
366
+ --utrecht-link-list-font-weight: var(--lux-font-weight-regular);
367
+ --utrecht-link-list-link-column-gap: var(--lux-space-100);
361
368
  --utrecht-link-list-icon-inset-block-start: var(--lux-icon-inset-block-start);
362
369
  --utrecht-link-list-icon-size: var(--lux-size-icon);
363
370
  --utrecht-link-list-row-gap: var(--lux-space-100);
@@ -491,6 +498,27 @@
491
498
  --utrecht-alert-border-width: var(--lux-border-width-default);
492
499
  --utrecht-alert-border-radius: var(--lux-border-radius-default);
493
500
  --utrecht-alert-border-color: var(--lux-color-none);
501
+ --utrecht-accordion-section-border-width: var(--lux-border-width-default);
502
+ --utrecht-accordion-panel-padding-inline-start: var(--lux-space-400);
503
+ --utrecht-accordion-panel-padding-inline-end: var(--lux-space-400);
504
+ --utrecht-accordion-panel-padding-block-start: var(--lux-space-200);
505
+ --utrecht-accordion-panel-padding-block-end: var(--lux-space-400);
506
+ --utrecht-accordion-panel-border-width: var(--lux-border-width-default);
507
+ --utrecht-accordion-button-focus-visible-border-width: var(--lux-border-width-default);
508
+ --utrecht-accordion-button-focus-visible-border-color: var(--lux-color-none);
509
+ --utrecht-accordion-button-hover-border-color: var(--lux-color-none);
510
+ --utrecht-accordion-button-active-border-color: var(--lux-color-none);
511
+ --utrecht-accordion-button-active-background-color: var(--lux-color-grijs-400);
512
+ --utrecht-accordion-button-icon-size: var(--lux-size-icon);
513
+ --utrecht-accordion-button-padding-inline-start: var(--lux-space-200);
514
+ --utrecht-accordion-button-padding-inline-end: var(--lux-space-200);
515
+ --utrecht-accordion-button-padding-block-start: var(--lux-space-150);
516
+ --utrecht-accordion-button-padding-block-end: var(--lux-space-150);
517
+ --utrecht-accordion-button-gap: var(--lux-space-100);
518
+ --utrecht-accordion-button-border-width: var(--lux-border-width-default);
519
+ --utrecht-accordion-button-border-radius: var(--lux-border-radius-default);
520
+ --utrecht-accordion-button-border-color: var(--lux-color-none);
521
+ --utrecht-accordion-row-gap: var(--lux-space-100);
494
522
  --lux-font-family-primary: var(--nldoc-font-family-primary);
495
523
  --lux-textarea-hover-border-width: var(--lux-border-width-m);
496
524
  --lux-textarea-focus-border-width: var(--lux-border-width-m);
@@ -589,6 +617,9 @@
589
617
  --todo-checkbox-indeterminate-focus-background-color: var(--lux-color-brand-default);
590
618
  --todo-checkbox-indeterminate-hover-background-color: var(--lux-color-brand-hover);
591
619
  --todo-checkbox-indeterminate-active-background-color: var(--lux-color-brand-hover);
620
+ --todo-accordion-button-line-height: var(--utrecht-button-line-height);
621
+ --todo-accordion-button-font-weight: var(--utrecht-button-font-weight);
622
+ --todo-accordion-button-font-size: var(--utrecht-button-font-size);
592
623
  --utrecht-textarea-line-height: var(--lux-line-height-body-default);
593
624
  --utrecht-textarea-font-family: var(--lux-font-family-primary);
594
625
  --utrecht-textarea-hover-color: var(--lux-color-foreground-default);
@@ -774,6 +805,16 @@
774
805
  --utrecht-alert-error-background-color: var(--lux-color-feedback-error-subdued);
775
806
  --utrecht-alert-warning-background-color: var(--lux-color-feedback-warning-subdued);
776
807
  --utrecht-alert-background-color: var(--lux-color-background-subdued);
808
+ --utrecht-accordion-section-hover-border-color: var(--lux-color-background-hover);
809
+ --utrecht-accordion-section-border-color: var(--lux-color-background-subdued);
810
+ --utrecht-accordion-panel-border-color: var(--lux-color-background-default);
811
+ --utrecht-accordion-button-focus-visible-color: var(--lux-color-foreground-default);
812
+ --utrecht-accordion-button-focus-visible-background-color: var(--lux-color-background-subdued);
813
+ --utrecht-accordion-button-hover-color: var(--lux-color-foreground-default);
814
+ --utrecht-accordion-button-hover-background-color: var(--lux-color-background-hover);
815
+ --utrecht-accordion-button-active-color: var(--lux-color-foreground-default);
816
+ --utrecht-accordion-button-color: var(--lux-color-foreground-default);
817
+ --utrecht-accordion-button-background-color: var(--lux-color-background-subdued);
777
818
  --lux-checkbox-checked-disabled-color: var(--lux-color-foreground-subdued);
778
819
  --lux-checkbox-checked-disabled-border-color: var(--lux-color-border-subdued);
779
820
  --lux-checkbox-checked-disabled-background-color: var(--lux-color-background-subdued);
@@ -804,6 +845,7 @@
804
845
  --todo-checkbox-indeterminate-focus-border-color: var(--lux-color-border-strong);
805
846
  --todo-checkbox-indeterminate-hover-border-color: var(--lux-color-border-strong);
806
847
  --todo-checkbox-indeterminate-active-border-color: var(--lux-color-border-strong);
848
+ --todo-accordion-button-font-family: var(--utrecht-button-font-family);
807
849
  --utrecht-textarea-hover-border-color: var(--lux-color-border-strong);
808
850
  --utrecht-textarea-focus-border-color: var(--lux-color-border-strong);
809
851
  --utrecht-textarea-border-color: var(--lux-color-border-strong);
package/dist/nldoc/ridderkerk/dark/md-theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 21 May 2025 07:28:22 GMT
3
+ * Generated on Mon, 23 Mar 2026 11:56:59 GMT
4
4
  */
5
5
 
6
6
  .lux-theme--nldoc-ridderkerk-dark {
@@ -25,7 +25,6 @@
25
25
  --figma-focus-outline-radius: 0px;
26
26
  --nl-skip-link-text-underline-offset: 1px;
27
27
  --nl-skip-link-text-decoration-thickness: 1px;
28
- --todo-link-list-item-text-decoration: None;
29
28
  --todo-checkbox-indeterminate-focus-border-width: 2px;
30
29
  --todo-checkbox-indeterminate-hover-border-width: 2px;
31
30
  --todo-checkbox-indeterminate-active-border-width: 1.5px;
@@ -48,11 +47,13 @@
48
47
  --utrecht-link-text-decoration: underline;
49
48
  --utrecht-link-hover-text-decoration: none;
50
49
  --utrecht-link-hover-text-decoration-thickness: auto;
51
- --utrecht-link-focus-text-decoration: none;
50
+ --utrecht-link-focus-visible-text-decoration: None;
51
+ --utrecht-link-focus-text-decoration: none; /* Legacy token */
52
52
  --utrecht-link-focus-text-decoration-thickness: auto;
53
53
  --utrecht-link-active-text-decoration: none;
54
54
  --utrecht-link-text-underline-offset: auto;
55
55
  --utrecht-link-text-decoration-thickness: auto;
56
+ --utrecht-link-list-link-text-decoration: None;
56
57
  --utrecht-form-field-error-message-icon-size: 1.5rem;
57
58
  --utrecht-focus-inverse-outline-color: transparant;
58
59
  --utrecht-column-layout-column-width: 12.5rem; /* full-size, hoe stel ik dit in? */
@@ -65,10 +66,15 @@
65
66
  --utrecht-action-disabled-cursor: not-allowed;
66
67
  --utrecht-action-busy-cursor: wait;
67
68
  --utrecht-action-activate-cursor: pointer;
69
+ --utrecht-accordion-section-margin-block-start: 0px; /* [code-only] */
70
+ --utrecht-accordion-section-margin-block-end: 0px; /* [code-only] */
71
+ --utrecht-accordion-margin-block-start: 0px; /* [code-only] */
72
+ --utrecht-accordion-margin-block-end: 0px; /* [code-only] */
68
73
  --ro-font-family-secondary: RijksoverheidSerifWeb, 'Times New Roman', serif;
69
74
  --ro-font-family-primary: RijksoverheidSansWebText, Arial, Verdana, sans-serif;
70
75
  --no-token: /* */; /* Discussie nodig */
71
76
  --lux-icon-inset-block-start: 0.375rem;
77
+ --lux-link-list-link-hover-text-decoration: underline;
72
78
  --lux-button-small-min-block-size: 2rem;
73
79
  --lux-alert-icon-size: 1.5rem;
74
80
  --lux-login-link-border-style: solid;
@@ -293,7 +299,6 @@
293
299
  --nl-skip-link-padding-inline: var(--lux-space-200);
294
300
  --nl-skip-link-padding-block: var(--lux-space-100);
295
301
  --nl-skip-link-font-size: var(--lux-font-size-body-default);
296
- --todo-link-list-item-column-gap: var(--lux-space-100);
297
302
  --todo-form-field-error-message-border-width: var(--lux-border-width-default);
298
303
  --todo-form-field-error-message-border-radius: var(--lux-border-radius-default); /* todo token */
299
304
  --todo-checkbox-indeterminate-focus-color: var(--lux-color-wit);
@@ -363,6 +368,8 @@
363
368
  --utrecht-link-icon-size: var(--lux-size-icon);
364
369
  --utrecht-link-font-weight: var(--lux-font-weight-regular);
365
370
  --utrecht-link-focus-background-color: var(--lux-color-none);
371
+ --utrecht-link-list-font-weight: var(--lux-font-weight-regular);
372
+ --utrecht-link-list-link-column-gap: var(--lux-space-100);
366
373
  --utrecht-link-list-icon-inset-block-start: var(--lux-icon-inset-block-start);
367
374
  --utrecht-link-list-icon-size: var(--lux-size-icon);
368
375
  --utrecht-link-list-row-gap: var(--lux-space-100);
@@ -496,6 +503,27 @@
496
503
  --utrecht-alert-border-width: var(--lux-border-width-default);
497
504
  --utrecht-alert-border-radius: var(--lux-border-radius-default);
498
505
  --utrecht-alert-border-color: var(--lux-color-none);
506
+ --utrecht-accordion-section-border-width: var(--lux-border-width-default);
507
+ --utrecht-accordion-panel-padding-inline-start: var(--lux-space-400);
508
+ --utrecht-accordion-panel-padding-inline-end: var(--lux-space-400);
509
+ --utrecht-accordion-panel-padding-block-start: var(--lux-space-200);
510
+ --utrecht-accordion-panel-padding-block-end: var(--lux-space-400);
511
+ --utrecht-accordion-panel-border-width: var(--lux-border-width-default);
512
+ --utrecht-accordion-button-focus-visible-border-width: var(--lux-border-width-default);
513
+ --utrecht-accordion-button-focus-visible-border-color: var(--lux-color-none);
514
+ --utrecht-accordion-button-hover-border-color: var(--lux-color-none);
515
+ --utrecht-accordion-button-active-border-color: var(--lux-color-none);
516
+ --utrecht-accordion-button-active-background-color: var(--lux-color-grijs-400);
517
+ --utrecht-accordion-button-icon-size: var(--lux-size-icon);
518
+ --utrecht-accordion-button-padding-inline-start: var(--lux-space-200);
519
+ --utrecht-accordion-button-padding-inline-end: var(--lux-space-200);
520
+ --utrecht-accordion-button-padding-block-start: var(--lux-space-150);
521
+ --utrecht-accordion-button-padding-block-end: var(--lux-space-150);
522
+ --utrecht-accordion-button-gap: var(--lux-space-100);
523
+ --utrecht-accordion-button-border-width: var(--lux-border-width-default);
524
+ --utrecht-accordion-button-border-radius: var(--lux-border-radius-default);
525
+ --utrecht-accordion-button-border-color: var(--lux-color-none);
526
+ --utrecht-accordion-row-gap: var(--lux-space-100);
499
527
  --lux-font-family-primary: var(--nldoc-font-family-primary);
500
528
  --lux-textarea-hover-border-width: var(--lux-border-width-m);
501
529
  --lux-textarea-focus-border-width: var(--lux-border-width-m);
@@ -594,6 +622,9 @@
594
622
  --todo-checkbox-indeterminate-focus-background-color: var(--lux-color-brand-default);
595
623
  --todo-checkbox-indeterminate-hover-background-color: var(--lux-color-brand-hover);
596
624
  --todo-checkbox-indeterminate-active-background-color: var(--lux-color-brand-hover);
625
+ --todo-accordion-button-line-height: var(--utrecht-button-line-height);
626
+ --todo-accordion-button-font-weight: var(--utrecht-button-font-weight);
627
+ --todo-accordion-button-font-size: var(--utrecht-button-font-size);
597
628
  --utrecht-textarea-line-height: var(--lux-line-height-body-default);
598
629
  --utrecht-textarea-font-family: var(--lux-font-family-primary);
599
630
  --utrecht-textarea-hover-color: var(--lux-color-foreground-default);
@@ -779,6 +810,16 @@
779
810
  --utrecht-alert-error-background-color: var(--lux-color-feedback-error-subdued);
780
811
  --utrecht-alert-warning-background-color: var(--lux-color-feedback-warning-subdued);
781
812
  --utrecht-alert-background-color: var(--lux-color-background-subdued);
813
+ --utrecht-accordion-section-hover-border-color: var(--lux-color-background-hover);
814
+ --utrecht-accordion-section-border-color: var(--lux-color-background-subdued);
815
+ --utrecht-accordion-panel-border-color: var(--lux-color-background-default);
816
+ --utrecht-accordion-button-focus-visible-color: var(--lux-color-foreground-default);
817
+ --utrecht-accordion-button-focus-visible-background-color: var(--lux-color-background-subdued);
818
+ --utrecht-accordion-button-hover-color: var(--lux-color-foreground-default);
819
+ --utrecht-accordion-button-hover-background-color: var(--lux-color-background-hover);
820
+ --utrecht-accordion-button-active-color: var(--lux-color-foreground-default);
821
+ --utrecht-accordion-button-color: var(--lux-color-foreground-default);
822
+ --utrecht-accordion-button-background-color: var(--lux-color-background-subdued);
782
823
  --lux-checkbox-checked-disabled-color: var(--lux-color-foreground-subdued);
783
824
  --lux-checkbox-checked-disabled-border-color: var(--lux-color-border-subdued);
784
825
  --lux-checkbox-checked-disabled-background-color: var(--lux-color-background-subdued);
@@ -809,6 +850,7 @@
809
850
  --todo-checkbox-indeterminate-focus-border-color: var(--lux-color-border-strong);
810
851
  --todo-checkbox-indeterminate-hover-border-color: var(--lux-color-border-strong);
811
852
  --todo-checkbox-indeterminate-active-border-color: var(--lux-color-border-strong);
853
+ --todo-accordion-button-font-family: var(--utrecht-button-font-family);
812
854
  --utrecht-textarea-hover-border-color: var(--lux-color-border-strong);
813
855
  --utrecht-textarea-focus-border-color: var(--lux-color-border-strong);
814
856
  --utrecht-textarea-border-color: var(--lux-color-border-strong);
package/dist/nldoc/ridderkerk/dark/md.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 21 May 2025 07:28:22 GMT
3
+ * Generated on Mon, 23 Mar 2026 11:56:59 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -20,7 +20,6 @@
20
20
  --product-button-font-size: 1rem;
21
21
  --nl-skip-link-text-underline-offset: 1px;
22
22
  --nl-skip-link-text-decoration-thickness: 1px;
23
- --todo-link-list-item-text-decoration: None;
24
23
  --todo-checkbox-indeterminate-focus-border-width: 2px;
25
24
  --todo-checkbox-indeterminate-hover-border-width: 2px;
26
25
  --todo-checkbox-indeterminate-active-border-width: 1.5px;
@@ -43,11 +42,13 @@
43
42
  --utrecht-link-text-decoration: underline;
44
43
  --utrecht-link-hover-text-decoration: none;
45
44
  --utrecht-link-hover-text-decoration-thickness: auto;
46
- --utrecht-link-focus-text-decoration: none;
45
+ --utrecht-link-focus-visible-text-decoration: None;
46
+ --utrecht-link-focus-text-decoration: none; /* Legacy token */
47
47
  --utrecht-link-focus-text-decoration-thickness: auto;
48
48
  --utrecht-link-active-text-decoration: none;
49
49
  --utrecht-link-text-underline-offset: auto;
50
50
  --utrecht-link-text-decoration-thickness: auto;
51
+ --utrecht-link-list-link-text-decoration: None;
51
52
  --utrecht-form-field-error-message-icon-size: 1.5rem;
52
53
  --utrecht-focus-inverse-outline-color: transparant;
53
54
  --utrecht-column-layout-column-width: 12.5rem; /* full-size, hoe stel ik dit in? */
@@ -60,10 +61,15 @@
60
61
  --utrecht-action-disabled-cursor: not-allowed;
61
62
  --utrecht-action-busy-cursor: wait;
62
63
  --utrecht-action-activate-cursor: pointer;
64
+ --utrecht-accordion-section-margin-block-start: 0px; /* [code-only] */
65
+ --utrecht-accordion-section-margin-block-end: 0px; /* [code-only] */
66
+ --utrecht-accordion-margin-block-start: 0px; /* [code-only] */
67
+ --utrecht-accordion-margin-block-end: 0px; /* [code-only] */
63
68
  --ro-font-family-secondary: RijksoverheidSerifWeb, 'Times New Roman', serif;
64
69
  --ro-font-family-primary: RijksoverheidSansWebText, Arial, Verdana, sans-serif;
65
70
  --no-token: /* */; /* Discussie nodig */
66
71
  --lux-icon-inset-block-start: 0.375rem;
72
+ --lux-link-list-link-hover-text-decoration: underline;
67
73
  --lux-button-small-min-block-size: 2rem;
68
74
  --lux-alert-icon-size: 1.5rem;
69
75
  --lux-login-link-border-style: solid;
@@ -288,7 +294,6 @@
288
294
  --nl-skip-link-padding-inline: var(--lux-space-200);
289
295
  --nl-skip-link-padding-block: var(--lux-space-100);
290
296
  --nl-skip-link-font-size: var(--lux-font-size-body-default);
291
- --todo-link-list-item-column-gap: var(--lux-space-100);
292
297
  --todo-form-field-error-message-border-width: var(--lux-border-width-default);
293
298
  --todo-form-field-error-message-border-radius: var(--lux-border-radius-default); /* todo token */
294
299
  --todo-checkbox-indeterminate-focus-color: var(--lux-color-wit);
@@ -358,6 +363,8 @@
358
363
  --utrecht-link-icon-size: var(--lux-size-icon);
359
364
  --utrecht-link-font-weight: var(--lux-font-weight-regular);
360
365
  --utrecht-link-focus-background-color: var(--lux-color-none);
366
+ --utrecht-link-list-font-weight: var(--lux-font-weight-regular);
367
+ --utrecht-link-list-link-column-gap: var(--lux-space-100);
361
368
  --utrecht-link-list-icon-inset-block-start: var(--lux-icon-inset-block-start);
362
369
  --utrecht-link-list-icon-size: var(--lux-size-icon);
363
370
  --utrecht-link-list-row-gap: var(--lux-space-100);
@@ -491,6 +498,27 @@
491
498
  --utrecht-alert-border-width: var(--lux-border-width-default);
492
499
  --utrecht-alert-border-radius: var(--lux-border-radius-default);
493
500
  --utrecht-alert-border-color: var(--lux-color-none);
501
+ --utrecht-accordion-section-border-width: var(--lux-border-width-default);
502
+ --utrecht-accordion-panel-padding-inline-start: var(--lux-space-400);
503
+ --utrecht-accordion-panel-padding-inline-end: var(--lux-space-400);
504
+ --utrecht-accordion-panel-padding-block-start: var(--lux-space-200);
505
+ --utrecht-accordion-panel-padding-block-end: var(--lux-space-400);
506
+ --utrecht-accordion-panel-border-width: var(--lux-border-width-default);
507
+ --utrecht-accordion-button-focus-visible-border-width: var(--lux-border-width-default);
508
+ --utrecht-accordion-button-focus-visible-border-color: var(--lux-color-none);
509
+ --utrecht-accordion-button-hover-border-color: var(--lux-color-none);
510
+ --utrecht-accordion-button-active-border-color: var(--lux-color-none);
511
+ --utrecht-accordion-button-active-background-color: var(--lux-color-grijs-400);
512
+ --utrecht-accordion-button-icon-size: var(--lux-size-icon);
513
+ --utrecht-accordion-button-padding-inline-start: var(--lux-space-200);
514
+ --utrecht-accordion-button-padding-inline-end: var(--lux-space-200);
515
+ --utrecht-accordion-button-padding-block-start: var(--lux-space-150);
516
+ --utrecht-accordion-button-padding-block-end: var(--lux-space-150);
517
+ --utrecht-accordion-button-gap: var(--lux-space-100);
518
+ --utrecht-accordion-button-border-width: var(--lux-border-width-default);
519
+ --utrecht-accordion-button-border-radius: var(--lux-border-radius-default);
520
+ --utrecht-accordion-button-border-color: var(--lux-color-none);
521
+ --utrecht-accordion-row-gap: var(--lux-space-100);
494
522
  --lux-font-family-primary: var(--nldoc-font-family-primary);
495
523
  --lux-textarea-hover-border-width: var(--lux-border-width-m);
496
524
  --lux-textarea-focus-border-width: var(--lux-border-width-m);
@@ -589,6 +617,9 @@
589
617
  --todo-checkbox-indeterminate-focus-background-color: var(--lux-color-brand-default);
590
618
  --todo-checkbox-indeterminate-hover-background-color: var(--lux-color-brand-hover);
591
619
  --todo-checkbox-indeterminate-active-background-color: var(--lux-color-brand-hover);
620
+ --todo-accordion-button-line-height: var(--utrecht-button-line-height);
621
+ --todo-accordion-button-font-weight: var(--utrecht-button-font-weight);
622
+ --todo-accordion-button-font-size: var(--utrecht-button-font-size);
592
623
  --utrecht-textarea-line-height: var(--lux-line-height-body-default);
593
624
  --utrecht-textarea-font-family: var(--lux-font-family-primary);
594
625
  --utrecht-textarea-hover-color: var(--lux-color-foreground-default);
@@ -774,6 +805,16 @@
774
805
  --utrecht-alert-error-background-color: var(--lux-color-feedback-error-subdued);
775
806
  --utrecht-alert-warning-background-color: var(--lux-color-feedback-warning-subdued);
776
807
  --utrecht-alert-background-color: var(--lux-color-background-subdued);
808
+ --utrecht-accordion-section-hover-border-color: var(--lux-color-background-hover);
809
+ --utrecht-accordion-section-border-color: var(--lux-color-background-subdued);
810
+ --utrecht-accordion-panel-border-color: var(--lux-color-background-default);
811
+ --utrecht-accordion-button-focus-visible-color: var(--lux-color-foreground-default);
812
+ --utrecht-accordion-button-focus-visible-background-color: var(--lux-color-background-subdued);
813
+ --utrecht-accordion-button-hover-color: var(--lux-color-foreground-default);
814
+ --utrecht-accordion-button-hover-background-color: var(--lux-color-background-hover);
815
+ --utrecht-accordion-button-active-color: var(--lux-color-foreground-default);
816
+ --utrecht-accordion-button-color: var(--lux-color-foreground-default);
817
+ --utrecht-accordion-button-background-color: var(--lux-color-background-subdued);
777
818
  --lux-checkbox-checked-disabled-color: var(--lux-color-foreground-subdued);
778
819
  --lux-checkbox-checked-disabled-border-color: var(--lux-color-border-subdued);
779
820
  --lux-checkbox-checked-disabled-background-color: var(--lux-color-background-subdued);
@@ -804,6 +845,7 @@
804
845
  --todo-checkbox-indeterminate-focus-border-color: var(--lux-color-border-strong);
805
846
  --todo-checkbox-indeterminate-hover-border-color: var(--lux-color-border-strong);
806
847
  --todo-checkbox-indeterminate-active-border-color: var(--lux-color-border-strong);
848
+ --todo-accordion-button-font-family: var(--utrecht-button-font-family);
807
849
  --utrecht-textarea-hover-border-color: var(--lux-color-border-strong);
808
850
  --utrecht-textarea-focus-border-color: var(--lux-color-border-strong);
809
851
  --utrecht-textarea-border-color: var(--lux-color-border-strong);
package/dist/nldoc/ridderkerk/dark/sm-theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 21 May 2025 07:28:22 GMT
3
+ * Generated on Mon, 23 Mar 2026 11:56:59 GMT
4
4
  */
5
5
 
6
6
  .lux-theme--nldoc-ridderkerk-dark {
@@ -25,7 +25,6 @@
25
25
  --figma-focus-outline-radius: 0px;
26
26
  --nl-skip-link-text-underline-offset: 1px;
27
27
  --nl-skip-link-text-decoration-thickness: 1px;
28
- --todo-link-list-item-text-decoration: None;
29
28
  --todo-checkbox-indeterminate-focus-border-width: 2px;
30
29
  --todo-checkbox-indeterminate-hover-border-width: 2px;
31
30
  --todo-checkbox-indeterminate-active-border-width: 1.5px;
@@ -48,11 +47,13 @@
48
47
  --utrecht-link-text-decoration: underline;
49
48
  --utrecht-link-hover-text-decoration: none;
50
49
  --utrecht-link-hover-text-decoration-thickness: auto;
51
- --utrecht-link-focus-text-decoration: none;
50
+ --utrecht-link-focus-visible-text-decoration: None;
51
+ --utrecht-link-focus-text-decoration: none; /* Legacy token */
52
52
  --utrecht-link-focus-text-decoration-thickness: auto;
53
53
  --utrecht-link-active-text-decoration: none;
54
54
  --utrecht-link-text-underline-offset: auto;
55
55
  --utrecht-link-text-decoration-thickness: auto;
56
+ --utrecht-link-list-link-text-decoration: None;
56
57
  --utrecht-form-field-error-message-icon-size: 1.5rem;
57
58
  --utrecht-focus-inverse-outline-color: transparant;
58
59
  --utrecht-column-layout-column-width: 12.5rem; /* full-size, hoe stel ik dit in? */
@@ -65,10 +66,15 @@
65
66
  --utrecht-action-disabled-cursor: not-allowed;
66
67
  --utrecht-action-busy-cursor: wait;
67
68
  --utrecht-action-activate-cursor: pointer;
69
+ --utrecht-accordion-section-margin-block-start: 0px; /* [code-only] */
70
+ --utrecht-accordion-section-margin-block-end: 0px; /* [code-only] */
71
+ --utrecht-accordion-margin-block-start: 0px; /* [code-only] */
72
+ --utrecht-accordion-margin-block-end: 0px; /* [code-only] */
68
73
  --ro-font-family-secondary: RijksoverheidSerifWeb, 'Times New Roman', serif;
69
74
  --ro-font-family-primary: RijksoverheidSansWebText, Arial, Verdana, sans-serif;
70
75
  --no-token: /* */; /* Discussie nodig */
71
76
  --lux-icon-inset-block-start: 0.375rem;
77
+ --lux-link-list-link-hover-text-decoration: underline;
72
78
  --lux-button-small-min-block-size: 2rem;
73
79
  --lux-alert-icon-size: 1.5rem;
74
80
  --lux-login-link-border-style: solid;
@@ -293,7 +299,6 @@
293
299
  --nl-skip-link-padding-inline: var(--lux-space-200);
294
300
  --nl-skip-link-padding-block: var(--lux-space-100);
295
301
  --nl-skip-link-font-size: var(--lux-font-size-body-default);
296
- --todo-link-list-item-column-gap: var(--lux-space-100);
297
302
  --todo-form-field-error-message-border-width: var(--lux-border-width-default);
298
303
  --todo-form-field-error-message-border-radius: var(--lux-border-radius-default); /* todo token */
299
304
  --todo-checkbox-indeterminate-focus-color: var(--lux-color-wit);
@@ -363,6 +368,8 @@
363
368
  --utrecht-link-icon-size: var(--lux-size-icon);
364
369
  --utrecht-link-font-weight: var(--lux-font-weight-regular);
365
370
  --utrecht-link-focus-background-color: var(--lux-color-none);
371
+ --utrecht-link-list-font-weight: var(--lux-font-weight-regular);
372
+ --utrecht-link-list-link-column-gap: var(--lux-space-100);
366
373
  --utrecht-link-list-icon-inset-block-start: var(--lux-icon-inset-block-start);
367
374
  --utrecht-link-list-icon-size: var(--lux-size-icon);
368
375
  --utrecht-link-list-row-gap: var(--lux-space-100);
@@ -496,6 +503,27 @@
496
503
  --utrecht-alert-border-width: var(--lux-border-width-default);
497
504
  --utrecht-alert-border-radius: var(--lux-border-radius-default);
498
505
  --utrecht-alert-border-color: var(--lux-color-none);
506
+ --utrecht-accordion-section-border-width: var(--lux-border-width-default);
507
+ --utrecht-accordion-panel-padding-inline-start: var(--lux-space-400);
508
+ --utrecht-accordion-panel-padding-inline-end: var(--lux-space-400);
509
+ --utrecht-accordion-panel-padding-block-start: var(--lux-space-200);
510
+ --utrecht-accordion-panel-padding-block-end: var(--lux-space-400);
511
+ --utrecht-accordion-panel-border-width: var(--lux-border-width-default);
512
+ --utrecht-accordion-button-focus-visible-border-width: var(--lux-border-width-default);
513
+ --utrecht-accordion-button-focus-visible-border-color: var(--lux-color-none);
514
+ --utrecht-accordion-button-hover-border-color: var(--lux-color-none);
515
+ --utrecht-accordion-button-active-border-color: var(--lux-color-none);
516
+ --utrecht-accordion-button-active-background-color: var(--lux-color-grijs-400);
517
+ --utrecht-accordion-button-icon-size: var(--lux-size-icon);
518
+ --utrecht-accordion-button-padding-inline-start: var(--lux-space-200);
519
+ --utrecht-accordion-button-padding-inline-end: var(--lux-space-200);
520
+ --utrecht-accordion-button-padding-block-start: var(--lux-space-150);
521
+ --utrecht-accordion-button-padding-block-end: var(--lux-space-150);
522
+ --utrecht-accordion-button-gap: var(--lux-space-100);
523
+ --utrecht-accordion-button-border-width: var(--lux-border-width-default);
524
+ --utrecht-accordion-button-border-radius: var(--lux-border-radius-default);
525
+ --utrecht-accordion-button-border-color: var(--lux-color-none);
526
+ --utrecht-accordion-row-gap: var(--lux-space-100);
499
527
  --lux-font-family-primary: var(--nldoc-font-family-primary);
500
528
  --lux-textarea-hover-border-width: var(--lux-border-width-m);
501
529
  --lux-textarea-focus-border-width: var(--lux-border-width-m);
@@ -594,6 +622,9 @@
594
622
  --todo-checkbox-indeterminate-focus-background-color: var(--lux-color-brand-default);
595
623
  --todo-checkbox-indeterminate-hover-background-color: var(--lux-color-brand-hover);
596
624
  --todo-checkbox-indeterminate-active-background-color: var(--lux-color-brand-hover);
625
+ --todo-accordion-button-line-height: var(--utrecht-button-line-height);
626
+ --todo-accordion-button-font-weight: var(--utrecht-button-font-weight);
627
+ --todo-accordion-button-font-size: var(--utrecht-button-font-size);
597
628
  --utrecht-textarea-line-height: var(--lux-line-height-body-default);
598
629
  --utrecht-textarea-font-family: var(--lux-font-family-primary);
599
630
  --utrecht-textarea-hover-color: var(--lux-color-foreground-default);
@@ -779,6 +810,16 @@
779
810
  --utrecht-alert-error-background-color: var(--lux-color-feedback-error-subdued);
780
811
  --utrecht-alert-warning-background-color: var(--lux-color-feedback-warning-subdued);
781
812
  --utrecht-alert-background-color: var(--lux-color-background-subdued);
813
+ --utrecht-accordion-section-hover-border-color: var(--lux-color-background-hover);
814
+ --utrecht-accordion-section-border-color: var(--lux-color-background-subdued);
815
+ --utrecht-accordion-panel-border-color: var(--lux-color-background-default);
816
+ --utrecht-accordion-button-focus-visible-color: var(--lux-color-foreground-default);
817
+ --utrecht-accordion-button-focus-visible-background-color: var(--lux-color-background-subdued);
818
+ --utrecht-accordion-button-hover-color: var(--lux-color-foreground-default);
819
+ --utrecht-accordion-button-hover-background-color: var(--lux-color-background-hover);
820
+ --utrecht-accordion-button-active-color: var(--lux-color-foreground-default);
821
+ --utrecht-accordion-button-color: var(--lux-color-foreground-default);
822
+ --utrecht-accordion-button-background-color: var(--lux-color-background-subdued);
782
823
  --lux-checkbox-checked-disabled-color: var(--lux-color-foreground-subdued);
783
824
  --lux-checkbox-checked-disabled-border-color: var(--lux-color-border-subdued);
784
825
  --lux-checkbox-checked-disabled-background-color: var(--lux-color-background-subdued);
@@ -809,6 +850,7 @@
809
850
  --todo-checkbox-indeterminate-focus-border-color: var(--lux-color-border-strong);
810
851
  --todo-checkbox-indeterminate-hover-border-color: var(--lux-color-border-strong);
811
852
  --todo-checkbox-indeterminate-active-border-color: var(--lux-color-border-strong);
853
+ --todo-accordion-button-font-family: var(--utrecht-button-font-family);
812
854
  --utrecht-textarea-hover-border-color: var(--lux-color-border-strong);
813
855
  --utrecht-textarea-focus-border-color: var(--lux-color-border-strong);
814
856
  --utrecht-textarea-border-color: var(--lux-color-border-strong);