@rijkshuisstijl-community/design-tokens 4.0.0 → 4.0.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 (104) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/_variables.scss +351 -260
  3. package/dist/index.css +351 -260
  4. package/dist/index.d.ts +350 -259
  5. package/dist/index.js +351 -260
  6. package/dist/index.json +350 -259
  7. package/dist/index.tokens.json +507 -354
  8. package/dist/koop/_variables.scss +607 -516
  9. package/dist/koop/index.css +607 -516
  10. package/dist/koop/index.d.ts +701 -610
  11. package/dist/koop/index.js +703 -612
  12. package/dist/koop/index.json +703 -612
  13. package/dist/koop/index.tokens.json +915 -762
  14. package/dist/koop/root.css +607 -516
  15. package/dist/koop/tokens.d.ts +886 -733
  16. package/dist/koop/tokens.js +16374 -14153
  17. package/dist/root.css +351 -260
  18. package/dist/tokens.d.ts +475 -322
  19. package/dist/tokens.js +18021 -15800
  20. package/dist/uitvoerend-groen/_variables.scss +607 -516
  21. package/dist/uitvoerend-groen/index.css +607 -516
  22. package/dist/uitvoerend-groen/index.d.ts +680 -589
  23. package/dist/uitvoerend-groen/index.js +698 -607
  24. package/dist/uitvoerend-groen/index.json +698 -607
  25. package/dist/uitvoerend-groen/index.tokens.json +931 -778
  26. package/dist/uitvoerend-groen/root.css +607 -516
  27. package/dist/uitvoerend-groen/tokens.d.ts +907 -754
  28. package/dist/uitvoerend-groen/tokens.js +17815 -15594
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +607 -516
  30. package/dist/uitvoerend-hemelblauw/index.css +607 -516
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +680 -589
  32. package/dist/uitvoerend-hemelblauw/index.js +698 -607
  33. package/dist/uitvoerend-hemelblauw/index.json +698 -607
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +931 -778
  35. package/dist/uitvoerend-hemelblauw/root.css +607 -516
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +907 -754
  37. package/dist/uitvoerend-hemelblauw/tokens.js +17819 -15598
  38. package/dist/uitvoerend-mintgroen/_variables.scss +607 -516
  39. package/dist/uitvoerend-mintgroen/index.css +607 -516
  40. package/dist/uitvoerend-mintgroen/index.d.ts +680 -589
  41. package/dist/uitvoerend-mintgroen/index.js +698 -607
  42. package/dist/uitvoerend-mintgroen/index.json +698 -607
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +931 -778
  44. package/dist/uitvoerend-mintgroen/root.css +607 -516
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +907 -754
  46. package/dist/uitvoerend-mintgroen/tokens.js +17815 -15594
  47. package/dist/uitvoerend-oranje/_variables.scss +607 -516
  48. package/dist/uitvoerend-oranje/index.css +607 -516
  49. package/dist/uitvoerend-oranje/index.d.ts +680 -589
  50. package/dist/uitvoerend-oranje/index.js +698 -607
  51. package/dist/uitvoerend-oranje/index.json +698 -607
  52. package/dist/uitvoerend-oranje/index.tokens.json +933 -780
  53. package/dist/uitvoerend-oranje/root.css +607 -516
  54. package/dist/uitvoerend-oranje/tokens.d.ts +908 -755
  55. package/dist/uitvoerend-oranje/tokens.js +17794 -15573
  56. package/dist/uitvoerend-paars/_variables.scss +607 -516
  57. package/dist/uitvoerend-paars/index.css +607 -516
  58. package/dist/uitvoerend-paars/index.d.ts +680 -589
  59. package/dist/uitvoerend-paars/index.js +698 -607
  60. package/dist/uitvoerend-paars/index.json +698 -607
  61. package/dist/uitvoerend-paars/index.tokens.json +931 -778
  62. package/dist/uitvoerend-paars/root.css +607 -516
  63. package/dist/uitvoerend-paars/tokens.d.ts +907 -754
  64. package/dist/uitvoerend-paars/tokens.js +17815 -15594
  65. package/dist/uitvoerend-violet/_variables.scss +607 -516
  66. package/dist/uitvoerend-violet/index.css +607 -516
  67. package/dist/uitvoerend-violet/index.d.ts +680 -589
  68. package/dist/uitvoerend-violet/index.js +698 -607
  69. package/dist/uitvoerend-violet/index.json +698 -607
  70. package/dist/uitvoerend-violet/index.tokens.json +931 -778
  71. package/dist/uitvoerend-violet/root.css +607 -516
  72. package/dist/uitvoerend-violet/tokens.d.ts +907 -754
  73. package/dist/uitvoerend-violet/tokens.js +17815 -15594
  74. package/dist/uitvoerend-violet-oud/_variables.scss +608 -517
  75. package/dist/uitvoerend-violet-oud/index.css +608 -517
  76. package/dist/uitvoerend-violet-oud/index.d.ts +681 -590
  77. package/dist/uitvoerend-violet-oud/index.js +699 -608
  78. package/dist/uitvoerend-violet-oud/index.json +699 -608
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +925 -772
  80. package/dist/uitvoerend-violet-oud/root.css +608 -517
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +898 -745
  82. package/dist/uitvoerend-violet-oud/tokens.js +17299 -15078
  83. package/dist/wetgevend/_variables.scss +606 -515
  84. package/dist/wetgevend/index.css +606 -515
  85. package/dist/wetgevend/index.d.ts +679 -588
  86. package/dist/wetgevend/index.js +682 -591
  87. package/dist/wetgevend/index.json +682 -591
  88. package/dist/wetgevend/index.tokens.json +934 -781
  89. package/dist/wetgevend/root.css +606 -515
  90. package/dist/wetgevend/tokens.d.ts +887 -734
  91. package/dist/wetgevend/tokens.js +16235 -14014
  92. package/figma/figma.tokens.json +2138 -1495
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +1876 -1437
  95. package/src/generated/koop/tokens.json +3394 -2955
  96. package/src/generated/themes.json +35654 -31703
  97. package/src/generated/uitvoerend-groen/tokens.json +3469 -3030
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +3466 -3027
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +3469 -3030
  100. package/src/generated/uitvoerend-oranje/tokens.json +3469 -3030
  101. package/src/generated/uitvoerend-paars/tokens.json +3469 -3030
  102. package/src/generated/uitvoerend-violet/tokens.json +3469 -3030
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +3482 -3043
  104. package/src/generated/wetgevend/tokens.json +3527 -3088
package/dist/index.json CHANGED
@@ -16,74 +16,79 @@
16
16
  "utrechtUnorderedListItemMarginBlockEnd": "0.25rem",
17
17
  "utrechtUnorderedListItemMarginBlockStart": "0.25rem",
18
18
  "utrechtUnorderedListItemPaddingInlineStart": "0.5rem",
19
+ "utrechtTextboxHoverBackgroundColor": "#fff",
20
+ "utrechtTextboxHoverBorderColor": "#738eab",
21
+ "utrechtTextboxHoverBorderWidth": "1px",
22
+ "utrechtTextboxHoverColor": "#0F172A",
23
+ "utrechtTextboxFocusBorderWidth": "2px",
24
+ "utrechtTextboxFocusBackgroundColor": "#fff",
25
+ "utrechtTextboxFocusBorderColor": "#154273",
26
+ "utrechtTextboxFocusColor": "#0F172A",
27
+ "utrechtTextboxBackgroundColor": "#fff",
28
+ "utrechtTextboxBorderBlockEndWidth": "auto",
29
+ "utrechtTextboxBorderColor": "#154273",
19
30
  "utrechtTextboxBorderRadius": "2.5px",
31
+ "utrechtTextboxBorderWidth": "1px",
32
+ "utrechtTextboxColor": "#0F172A",
20
33
  "utrechtTextboxFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
21
34
  "utrechtTextboxFontSize": "1.25rem",
22
35
  "utrechtTextboxFontWeight": 400,
23
36
  "utrechtTextboxLineHeight": "150%",
24
37
  "utrechtTextboxMaxInlineSize": "400px",
38
+ "utrechtTextboxMinBlockSize": "48px",
25
39
  "utrechtTextboxPaddingBlockEnd": "0.5rem",
26
40
  "utrechtTextboxPaddingBlockStart": "0.5rem",
27
41
  "utrechtTextboxPaddingInlineEnd": "0.75rem",
28
42
  "utrechtTextboxPaddingInlineStart": "0.75rem",
29
- "utrechtTextboxBackgroundColor": "#fff",
30
- "utrechtTextboxBorderColor": "#154273",
31
- "utrechtTextboxColor": "#0F172A",
32
43
  "utrechtTextboxInvalidBackgroundColor": "#f9dfdd",
44
+ "utrechtTextboxInvalidBorderBlockEndWidth": "1px",
33
45
  "utrechtTextboxInvalidBorderColor": "#d52b1e",
34
- "utrechtTextboxInvalidColor": "#0F172A",
35
46
  "utrechtTextboxInvalidBorderWidth": "1px",
47
+ "utrechtTextboxInvalidColor": "#0F172A",
36
48
  "utrechtTextboxPlaceholderColor": "#64748B",
37
- "utrechtTextboxBorderBlockEndWidth": "auto",
38
- "utrechtTextboxBorderWidth": "1px",
39
- "utrechtTextboxFocusBorderWidth": "2px",
40
- "utrechtTextboxFocusBackgroundColor": "#fff",
41
- "utrechtTextboxFocusBorderColor": "#154273",
42
- "utrechtTextboxFocusColor": "#0F172A",
43
- "utrechtTextboxDisabledBackgroundColor": "#CBD5E1",
44
- "utrechtTextboxDisabledBorderColor": "#94A3B8",
45
- "utrechtTextboxDisabledColor": "#475569",
46
49
  "utrechtTextboxReadOnlyBackgroundColor": "#F1F5F9",
47
50
  "utrechtTextboxReadOnlyBorderColor": "transparent",
48
51
  "utrechtTextboxReadOnlyColor": "#0F172A",
49
- "utrechtTextboxHoverBorderWidth": "1px",
50
- "utrechtTextboxHoverBackgroundColor": "#fff",
51
- "utrechtTextboxHoverBorderColor": "#738eab",
52
- "utrechtTextboxHoverColor": "#0F172A",
52
+ "utrechtTextboxDisabledBackgroundColor": "#CBD5E1",
53
+ "utrechtTextboxDisabledBorderColor": "#94A3B8",
54
+ "utrechtTextboxDisabledColor": "#475569",
55
+ "utrechtTextareaBorderBottomWidth": "1px",
56
+ "utrechtTextareaHoverBackgroundColor": "#fff",
57
+ "utrechtTextareaHoverBorderColor": "#738eab",
58
+ "utrechtTextareaHoverBorderWidth": "1px",
59
+ "utrechtTextareaHoverColor": "#0F172A",
60
+ "utrechtTextareaFocusBorderWidth": "2px",
61
+ "utrechtTextareaFocusBackgroundColor": "#fff",
62
+ "utrechtTextareaFocusBorderColor": "#154273",
63
+ "utrechtTextareaFocusColor": "#0F172A",
64
+ "utrechtTextareaBackgroundColor": "#fff",
65
+ "utrechtTextareaBorderBlockEndWidth": "1px",
66
+ "utrechtTextareaBorderColor": "#154273",
67
+ "utrechtTextareaBorderRadius": "2.5px",
68
+ "utrechtTextareaBorderWidth": "1px",
69
+ "utrechtTextareaColor": "#0F172A",
70
+ "utrechtTextareaFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
71
+ "utrechtTextareaFontSize": "1.25rem",
72
+ "utrechtTextareaFontWeight": 400,
73
+ "utrechtTextareaLineHeight": "150%",
53
74
  "utrechtTextareaMaxInlineSize": "400px",
75
+ "utrechtTextareaMinBlockSize": "48px",
54
76
  "utrechtTextareaPaddingBlockEnd": "0.5rem",
55
77
  "utrechtTextareaPaddingBlockStart": "0.5rem",
56
78
  "utrechtTextareaPaddingInlineEnd": "0.75rem",
57
79
  "utrechtTextareaPaddingInlineStart": "0.75rem",
58
- "utrechtTextareaBackgroundColor": "#fff",
59
- "utrechtTextareaBorderColor": "#154273",
60
- "utrechtTextareaColor": "#0F172A",
61
80
  "utrechtTextareaInvalidBackgroundColor": "#f9dfdd",
81
+ "utrechtTextareaInvalidBorderBlockEndWidth": "1px",
62
82
  "utrechtTextareaInvalidBorderColor": "#d52b1e",
63
- "utrechtTextareaInvalidColor": "#0F172A",
64
83
  "utrechtTextareaInvalidBorderWidth": "1px",
84
+ "utrechtTextareaInvalidColor": "#0F172A",
65
85
  "utrechtTextareaPlaceholderColor": "#64748B",
66
- "utrechtTextareaFocusBackgroundColor": "#fff",
67
- "utrechtTextareaFocusBorderColor": "#154273",
68
- "utrechtTextareaFocusColor": "#0F172A",
69
- "utrechtTextareaFocusBorderWidth": "2px",
70
- "utrechtTextareaDisabledBackgroundColor": "#CBD5E1",
71
- "utrechtTextareaDisabledBorderColor": "#94A3B8",
72
- "utrechtTextareaDisabledColor": "#475569",
73
86
  "utrechtTextareaReadOnlyBackgroundColor": "#F1F5F9",
74
87
  "utrechtTextareaReadOnlyBorderColor": "transparent",
75
88
  "utrechtTextareaReadOnlyColor": "#0F172A",
76
- "utrechtTextareaHoverBackgroundColor": "#fff",
77
- "utrechtTextareaHoverBorderColor": "#738eab",
78
- "utrechtTextareaHoverColor": "#0F172A",
79
- "utrechtTextareaHoverBorderWidth": "1px",
80
- "utrechtTextareaBorderRadius": "2.5px",
81
- "utrechtTextareaBorderBottomWidth": "1px",
82
- "utrechtTextareaBorderWidth": "1px",
83
- "utrechtTextareaFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
84
- "utrechtTextareaFontWeight": 400,
85
- "utrechtTextareaLineHeight": "150%",
86
- "utrechtTextareaFontSize": "1.25rem",
89
+ "utrechtTextareaDisabledBackgroundColor": "#CBD5E1",
90
+ "utrechtTextareaDisabledBorderColor": "#94A3B8",
91
+ "utrechtTextareaDisabledColor": "#475569",
87
92
  "utrechtTableHeaderCellLineHeight": "150%",
88
93
  "utrechtTableHeaderCellColor": "#0F172A",
89
94
  "utrechtTableHeaderCellFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
@@ -159,82 +164,91 @@
159
164
  "utrechtSkipLinkPaddingInlineEnd": "1rem",
160
165
  "utrechtSkipLinkPaddingInlineStart": "1rem",
161
166
  "utrechtSkipLinkTextDecoration": "underline",
162
- "utrechtSeparatorColor": "#CBD5E1",
163
167
  "utrechtSeparatorBlockSize": "2px",
168
+ "utrechtSeparatorColor": "#CBD5E1",
164
169
  "utrechtSeparatorMarginBlockEnd": "0.75rem",
165
170
  "utrechtSeparatorMarginBlockStart": "0.75rem",
171
+ "utrechtSelectBorderBottomWidth": "auto",
172
+ "utrechtSelectBorderRadius": "2.5px",
173
+ "utrechtSelectBorderWidth": "1px",
166
174
  "utrechtSelectImageBackgroundPosition": "right 0.5rem center",
175
+ "utrechtSelectMaxInlineSize": "400px",
176
+ "utrechtSelectPaddingBlockEnd": "0.5rem",
177
+ "utrechtSelectPaddingBlockStart": "0.5rem",
178
+ "utrechtSelectPaddingInlineEnd": "0.75rem",
179
+ "utrechtSelectPaddingInlineStart": "0.75rem",
167
180
  "utrechtSelectIconSize": "24px",
168
- "utrechtSelectBackgroundColor": "#fff",
169
- "utrechtSelectBorderColor": "#154273",
170
- "utrechtSelectColor": "#0F172A",
181
+ "utrechtSelectInvalidBorderWidth": "1px",
182
+ "utrechtSelectInvalidColor": "#0F172A",
171
183
  "utrechtSelectInvalidBackgroundColor": "#f9dfdd",
184
+ "utrechtSelectInvalidBorderBlockEndWidth": "1px",
172
185
  "utrechtSelectInvalidBorderColor": "#d52b1e",
173
- "utrechtSelectInvalidColor": "#0F172A",
174
- "utrechtSelectInvalidBorderWidth": "1px",
175
- "utrechtSelectFocusBackgroundColor": "#fff",
176
- "utrechtSelectFocusBorderColor": "#154273",
177
- "utrechtSelectFocusColor": "#0F172A",
178
- "utrechtSelectFocusBorderWidth": "2px",
179
- "utrechtSelectDisabledBackgroundColor": "#CBD5E1",
180
- "utrechtSelectDisabledBorderColor": "#94A3B8",
181
- "utrechtSelectDisabledColor": "#475569",
186
+ "utrechtSelectHoverBorderWidth": "1px",
182
187
  "utrechtSelectHoverBackgroundColor": "#fff",
183
188
  "utrechtSelectHoverBorderColor": "#738eab",
184
189
  "utrechtSelectHoverColor": "#0F172A",
185
- "utrechtSelectHoverBorderWidth": "1px",
186
- "utrechtSelectPaddingBlockEnd": "0.5rem",
187
- "utrechtSelectPaddingBlockStart": "0.5rem",
188
- "utrechtSelectPaddingInlineEnd": "0.75rem",
189
- "utrechtSelectPaddingInlineStart": "0.75rem",
190
- "utrechtSelectBorderRadius": "2.5px",
191
- "utrechtSelectBorderBottomWidth": "auto",
192
- "utrechtSelectBorderWidth": "1px",
190
+ "utrechtSelectFocusBorderWidth": "2px",
191
+ "utrechtSelectFocusBackgroundColor": "#fff",
192
+ "utrechtSelectFocusBorderColor": "#154273",
193
+ "utrechtSelectFocusColor": "#0F172A",
194
+ "utrechtSelectBackgroundColor": "#fff",
195
+ "utrechtSelectBorderBlockEndWidth": "1px",
196
+ "utrechtSelectBorderColor": "#154273",
197
+ "utrechtSelectColor": "#0F172A",
193
198
  "utrechtSelectFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
199
+ "utrechtSelectFontSize": "1.25rem",
194
200
  "utrechtSelectFontWeight": 400,
195
201
  "utrechtSelectLineHeight": "150%",
196
- "utrechtSelectFontSize": "1.25rem",
197
- "utrechtSelectMaxInlineSize": "400px",
198
- "utrechtRadioButtonActiveBorderWidth": "1px",
199
- "utrechtRadioButtonActiveBackgroundColor": "#fff",
200
- "utrechtRadioButtonActiveBorderColor": "#4f7196",
201
- "utrechtRadioButtonSize": "24px",
202
+ "utrechtSelectMinBlockSize": "48px",
203
+ "utrechtSelectDisabledBackgroundColor": "#CBD5E1",
204
+ "utrechtSelectDisabledBorderColor": "#94A3B8",
205
+ "utrechtSelectDisabledColor": "#475569",
206
+ "utrechtRadioButtonBorderRadius": "999px",
202
207
  "utrechtRadioButtonDotSize": "12px",
203
- "utrechtRadioButtonBackgroundColor": "#fff",
204
- "utrechtRadioButtonBorderColor": "#154273",
205
- "utrechtRadioButtonInvalidBackgroundColor": "#f9dfdd",
206
- "utrechtRadioButtonInvalidBorderColor": "#d52b1e",
207
- "utrechtRadioButtonInvalidBorderWidth": "1px",
208
- "utrechtRadioButtonFocusBackgroundColor": "#fff",
209
- "utrechtRadioButtonFocusBorderColor": "#154273",
210
- "utrechtRadioButtonFocusBorderWidth": "2px",
211
- "utrechtRadioButtonDisabledBackgroundColor": "#CBD5E1",
212
- "utrechtRadioButtonDisabledBorderColor": "#94A3B8",
213
- "utrechtRadioButtonDisabledColor": "#475569",
208
+ "utrechtRadioButtonCheckedDisabledBackgroundColor": "#CBD5E1",
209
+ "utrechtRadioButtonCheckedDisabledBorderColor": "#94A3B8",
210
+ "utrechtRadioButtonCheckedDisabledColor": "#475569",
214
211
  "utrechtRadioButtonCheckedBackgroundColor": "#154273",
215
212
  "utrechtRadioButtonCheckedBorderColor": "transparent",
213
+ "utrechtRadioButtonCheckedBorderWidth": "1px",
216
214
  "utrechtRadioButtonCheckedColor": "#fff",
217
- "utrechtRadioButtonCheckedHoverBackgroundColor": "#738eab",
218
- "utrechtRadioButtonCheckedHoverBorderColor": "transparent",
219
- "utrechtRadioButtonCheckedHoverColor": "#fff",
220
- "utrechtRadioButtonCheckedHoverBorderWidth": "1px",
221
215
  "utrechtRadioButtonCheckedActiveBackgroundColor": "#4f7196",
222
216
  "utrechtRadioButtonCheckedActiveBorderColor": "transparent",
223
- "utrechtRadioButtonCheckedActiveColor": "#fff",
224
217
  "utrechtRadioButtonCheckedActiveBorderWidth": "1px",
218
+ "utrechtRadioButtonCheckedActiveColor": "#fff",
219
+ "utrechtRadioButtonCheckedHoverBackgroundColor": "#738eab",
220
+ "utrechtRadioButtonCheckedHoverBorderColor": "transparent",
221
+ "utrechtRadioButtonCheckedHoverBorderWidth": "1px",
222
+ "utrechtRadioButtonCheckedHoverColor": "#fff",
225
223
  "utrechtRadioButtonCheckedFocusBackgroundColor": "#fff",
226
224
  "utrechtRadioButtonCheckedFocusBorderColor": "#154273",
227
- "utrechtRadioButtonCheckedFocusColor": "#154273",
228
225
  "utrechtRadioButtonCheckedFocusBorderWidth": "2px",
229
- "utrechtRadioButtonCheckedDisabledBackgroundColor": "#CBD5E1",
230
- "utrechtRadioButtonCheckedDisabledBorderColor": "#94A3B8",
231
- "utrechtRadioButtonCheckedDisabledColor": "#475569",
232
- "utrechtRadioButtonCheckedBorderWidth": "1px",
226
+ "utrechtRadioButtonCheckedFocusColor": "#154273",
227
+ "utrechtRadioButtonBackgroundColor": "#fff",
228
+ "utrechtRadioButtonBorderColor": "#154273",
229
+ "utrechtRadioButtonColor": "#154273",
230
+ "utrechtRadioButtonBorderWidth": "1px",
231
+ "utrechtRadioButtonSize": "24px",
232
+ "utrechtRadioButtonIconSize": "12px",
233
+ "utrechtRadioButtonInvalidBackgroundColor": "#f9dfdd",
234
+ "utrechtRadioButtonInvalidBorderColor": "#d52b1e",
235
+ "utrechtRadioButtonInvalidColor": "#d52b1e",
236
+ "utrechtRadioButtonInvalidBorderWidth": "1px",
237
+ "utrechtRadioButtonActiveBackgroundColor": "#fff",
238
+ "utrechtRadioButtonActiveBorderColor": "#4f7196",
239
+ "utrechtRadioButtonActiveColor": "#4f7196",
240
+ "utrechtRadioButtonActiveBorderWidth": "1px",
241
+ "utrechtRadioButtonDisabledBackgroundColor": "#CBD5E1",
242
+ "utrechtRadioButtonDisabledBorderColor": "#94A3B8",
243
+ "utrechtRadioButtonDisabledColor": "#94A3B8",
233
244
  "utrechtRadioButtonHoverBackgroundColor": "#fff",
234
245
  "utrechtRadioButtonHoverBorderColor": "#738eab",
246
+ "utrechtRadioButtonHoverColor": "#738eab",
235
247
  "utrechtRadioButtonHoverBorderWidth": "1px",
236
- "utrechtRadioButtonBorderRadius": "999px",
237
- "utrechtRadioButtonBorderWidth": "1px",
248
+ "utrechtRadioButtonFocusBackgroundColor": "#fff",
249
+ "utrechtRadioButtonFocusBorderColor": "#154273",
250
+ "utrechtRadioButtonFocusColor": "#154273",
251
+ "utrechtRadioButtonFocusBorderWidth": "2px",
238
252
  "utrechtPreHeadingColor": "#0F172A",
239
253
  "utrechtPreHeadingFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
240
254
  "utrechtPreHeadingFontWeight": 700,
@@ -267,6 +281,19 @@
267
281
  "utrechtOrderedListItemMarginBlockEnd": "0.25rem",
268
282
  "utrechtOrderedListItemMarginBlockStart": "0.25rem",
269
283
  "utrechtOrderedListItemPaddingInlineStart": "0.5rem",
284
+ "utrechtNumberBadgeLineHeight": "125%",
285
+ "utrechtNumberBadgeBackgroundColor": "#154273",
286
+ "utrechtNumberBadgeBorderColor": "transparent",
287
+ "utrechtNumberBadgeBorderRadius": "999px",
288
+ "utrechtNumberBadgeBorderWidth": "0px",
289
+ "utrechtNumberBadgeColor": "#fff",
290
+ "utrechtNumberBadgeFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
291
+ "utrechtNumberBadgeFontSize": "1.25rem",
292
+ "utrechtNumberBadgeFontWeight": 700,
293
+ "utrechtNumberBadgeMinBlockSize": "24px",
294
+ "utrechtNumberBadgeMinInlineSize": "24px",
295
+ "utrechtNumberBadgePaddingBlock": "0.125rem",
296
+ "utrechtNumberBadgePaddingInline": "0.5rem",
270
297
  "utrechtLinkListItemTextDecoration": "None",
271
298
  "utrechtLinkListItemColumnGap": "0.5rem",
272
299
  "utrechtLinkListMarginBlockEnd": "0rem",
@@ -349,33 +376,39 @@
349
376
  "utrechtFormLabelColor": "#0F172A",
350
377
  "utrechtFormLabelFontSize": "1.25rem",
351
378
  "utrechtFormLabelFontWeight": 700,
352
- "utrechtFormFieldLabelColor": "#0F172A",
353
- "utrechtFormFieldLabelFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
354
- "utrechtFormFieldLabelFontSize": "1.25rem",
355
- "utrechtFormFieldLabelFontWeight": 700,
356
- "utrechtFormFieldLabelLineHeight": "150%",
357
- "utrechtFormFieldErrorMessageIconSize": "24px",
379
+ "utrechtFormLabelCheckboxColor": "#0F172A",
380
+ "utrechtFormLabelCheckboxFontWeight": 400,
381
+ "utrechtFormLabelRadioColor": "#0F172A",
382
+ "utrechtFormLabelRadioFontWeight": 400,
383
+ "utrechtFormLabelCheckedFontWeight": 400,
384
+ "utrechtFormLabelDisabledColor": "#94A3B8",
358
385
  "utrechtFormFieldErrorMessageIconMarginInlineEnd": "0.5rem",
386
+ "utrechtFormFieldErrorMessageIconSize": "24px",
387
+ "utrechtFormFieldErrorMessageBackgroundColor": "transparent",
359
388
  "utrechtFormFieldErrorMessageColor": "#d52b1e",
360
389
  "utrechtFormFieldErrorMessageFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
361
390
  "utrechtFormFieldErrorMessageFontSize": "1.25rem",
362
391
  "utrechtFormFieldErrorMessageFontWeight": 400,
392
+ "utrechtFormFieldErrorMessageLineHeight": "normal",
363
393
  "utrechtFormFieldErrorMessageMarginBlockEnd": "0.5rem",
394
+ "utrechtFormFieldErrorMessageMarginBlockStart": "0rem",
364
395
  "utrechtFormFieldErrorMessagePaddingBlockEnd": "0.5rem",
396
+ "utrechtFormFieldErrorMessagePaddingBlockStart": "0rem",
397
+ "utrechtFormFieldErrorMessagePaddingInlineEnd": "0rem",
398
+ "utrechtFormFieldErrorMessagePaddingInlineStart": "0rem",
399
+ "utrechtFormFieldDescriptionPaddingBlockEnd": "0.5rem",
365
400
  "utrechtFormFieldDescriptionColor": "#334155",
366
401
  "utrechtFormFieldDescriptionFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
367
402
  "utrechtFormFieldDescriptionFontSize": "1.25rem",
368
403
  "utrechtFormFieldDescriptionLineHeight": "150%",
369
- "utrechtFormFieldDescriptionMarginBlockStart": "-0.5rem",
370
404
  "utrechtFormFieldDescriptionMarginBlockEnd": "0.5rem",
371
- "utrechtFormFieldDescriptionPaddingBlockEnd": "0.5rem",
372
- "utrechtFormFieldMarginBlockStart": "0.5rem",
405
+ "utrechtFormFieldDescriptionMarginBlockStart": "-0.5rem",
406
+ "utrechtFormFieldLabelMarginBlockEnd": "0.5rem",
373
407
  "utrechtFormFieldMarginBlockEnd": "0.5rem",
408
+ "utrechtFormFieldMarginBlockStart": "0.5rem",
374
409
  "utrechtFormFieldInvalidBorderInlineStartColor": "#d52b1e",
375
410
  "utrechtFormFieldInvalidBorderInlineStartWidth": "0px",
376
411
  "utrechtFormFieldInvalidPaddingInlineStart": "0rem",
377
- "utrechtFormFieldLabelMarginBlockEnd": "0.5rem",
378
- "utrechtFormFieldErrorMessageLineHeight": "normal",
379
412
  "utrechtPageFooterBackgroundColor": "#154273",
380
413
  "utrechtPageFooterColor": "#fff",
381
414
  "utrechtPageFooterPaddingBlockStart": "3rem",
@@ -384,12 +417,12 @@
384
417
  "utrechtPageFooterPaddingInlineEnd": "80px",
385
418
  "utrechtFigureCaptionBorderColor": "#CBD5E1",
386
419
  "utrechtFigureCaptionBorderWidth": "4px",
387
- "utrechtFigureCaptionColor": "#154273",
388
420
  "utrechtFigureCaptionPaddingBlockEnd": "0.5rem",
389
421
  "utrechtFigureCaptionPaddingBlockStart": "0.5rem",
390
422
  "utrechtFigureCaptionPaddingInlineStart": "1rem",
391
- "utrechtFigureCaptionLineHeight": "150%",
423
+ "utrechtFigureCaptionColor": "#0F172A",
392
424
  "utrechtFigureCaptionFontSize": "1.25rem",
425
+ "utrechtFigureCaptionLineHeight": "150%",
393
426
  "utrechtFigureImgBorderEndEndRadius": 0,
394
427
  "utrechtFigureImgBorderEndStartRadius": 0,
395
428
  "utrechtFigureImgBorderStartEndRadius": 0,
@@ -410,62 +443,13 @@
410
443
  "utrechtDataBadgeColor": "#154273",
411
444
  "utrechtDataBadgePaddingBlock": "0.125rem",
412
445
  "utrechtDataBadgePaddingInline": "0.75rem",
413
- "utrechtNumberBadgeFontSize": "1.25rem",
414
- "utrechtNumberBadgeLineHeight": "125%",
415
- "utrechtNumberBadgeMinBlockSize": "24px",
416
- "utrechtNumberBadgeMinInlineSize": "24px",
417
- "utrechtNumberBadgeFontWeight": 700,
418
- "utrechtNumberBadgeBorderWidth": "0px",
419
- "utrechtNumberBadgeBorderRadius": "999px",
420
- "utrechtNumberBadgeFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
421
- "utrechtNumberBadgeBackgroundColor": "#154273",
422
- "utrechtNumberBadgeBorderColor": "transparent",
423
- "utrechtNumberBadgeColor": "#fff",
424
- "utrechtNumberBadgePaddingInline": "0.5rem",
425
- "utrechtNumberBadgePaddingBlock": "0.125rem",
426
- "utrechtCheckboxBorderRadius": "2.5px",
427
- "utrechtCheckboxSize": "24px",
428
- "utrechtCheckboxIconSize": "24px",
429
- "utrechtCheckboxBackgroundColor": "#fff",
430
- "utrechtCheckboxBorderColor": "#154273",
431
- "utrechtCheckboxInvalidBackgroundColor": "#f9dfdd",
432
- "utrechtCheckboxInvalidBorderColor": "#d52b1e",
433
- "utrechtCheckboxInvalidBorderWidth": "1px",
434
- "utrechtCheckboxFocusBackgroundColor": "#fff",
435
- "utrechtCheckboxFocusBorderColor": "#154273",
436
- "utrechtCheckboxFocusBorderWidth": "2px",
437
- "utrechtCheckboxDisabledBackgroundColor": "#CBD5E1",
438
- "utrechtCheckboxDisabledBorderColor": "#94A3B8",
439
- "utrechtCheckboxCheckedBackgroundColor": "#154273",
440
- "utrechtCheckboxCheckedBorderColor": "transparent",
441
- "utrechtCheckboxCheckedColor": "#fff",
442
- "utrechtCheckboxCheckedBorderWidth": "1px",
443
- "utrechtCheckboxCheckedDisabledBackgroundColor": "#CBD5E1",
444
- "utrechtCheckboxCheckedDisabledBorderColor": "#94A3B8",
445
- "utrechtCheckboxCheckedDisabledColor": "#475569",
446
- "utrechtCheckboxCheckedFocusBorderWidth": "2px",
447
- "utrechtCheckboxCheckedFocusBackgroundColor": "#fff",
448
- "utrechtCheckboxCheckedFocusBorderColor": "#154273",
449
- "utrechtCheckboxCheckedFocusColor": "#154273",
450
- "utrechtCheckboxCheckedHoverBorderWidth": "1px",
451
- "utrechtCheckboxCheckedHoverBackgroundColor": "#738eab",
452
- "utrechtCheckboxCheckedHoverBorderColor": "transparent",
453
- "utrechtCheckboxCheckedHoverColor": "#fff",
454
- "utrechtCheckboxCheckedActiveBorderWidth": "1px",
455
- "utrechtCheckboxCheckedActiveBackgroundColor": "#4f7196",
456
- "utrechtCheckboxCheckedActiveBorderColor": "transparent",
457
- "utrechtCheckboxCheckedActiveColor": "#fff",
458
- "utrechtCheckboxIndeterminateBackgroundColor": "#154273",
459
- "utrechtCheckboxIndeterminateBorderColor": "transparent",
460
- "utrechtCheckboxIndeterminateColor": "#fff",
461
- "utrechtCheckboxIndeterminateBorderWidth": "1px",
462
- "utrechtCheckboxIndeterminateDisabledBackgroundColor": "#CBD5E1",
463
- "utrechtCheckboxIndeterminateDisabledBorderColor": "#94A3B8",
464
- "utrechtCheckboxIndeterminateDisabledColor": "#475569",
465
446
  "utrechtCheckboxIndeterminateActiveBackgroundColor": "#4f7196",
466
447
  "utrechtCheckboxIndeterminateActiveBorderColor": "transparent",
467
448
  "utrechtCheckboxIndeterminateActiveColor": "#fff",
468
449
  "utrechtCheckboxIndeterminateActiveBorderWidth": "1px",
450
+ "utrechtCheckboxIndeterminateDisabledBackgroundColor": "#CBD5E1",
451
+ "utrechtCheckboxIndeterminateDisabledBorderColor": "#94A3B8",
452
+ "utrechtCheckboxIndeterminateDisabledColor": "#475569",
469
453
  "utrechtCheckboxIndeterminateHoverBackgroundColor": "#738eab",
470
454
  "utrechtCheckboxIndeterminateHoverBorderColor": "transparent",
471
455
  "utrechtCheckboxIndeterminateHoverColor": "#fff",
@@ -474,15 +458,49 @@
474
458
  "utrechtCheckboxIndeterminateFocusBorderColor": "#154273",
475
459
  "utrechtCheckboxIndeterminateFocusColor": "#154273",
476
460
  "utrechtCheckboxIndeterminateFocusBorderWidth": "2px",
461
+ "utrechtCheckboxIndeterminateBackgroundColor": "#154273",
462
+ "utrechtCheckboxIndeterminateBorderColor": "transparent",
463
+ "utrechtCheckboxIndeterminateBorderWidth": "1px",
464
+ "utrechtCheckboxIndeterminateColor": "#fff",
465
+ "utrechtCheckboxCheckedActiveBackgroundColor": "#4f7196",
466
+ "utrechtCheckboxCheckedActiveBorderColor": "transparent",
467
+ "utrechtCheckboxCheckedActiveColor": "#fff",
468
+ "utrechtCheckboxCheckedActiveBorderWidth": "1px",
469
+ "utrechtCheckboxCheckedDisabledBackgroundColor": "#CBD5E1",
470
+ "utrechtCheckboxCheckedDisabledBorderColor": "#94A3B8",
471
+ "utrechtCheckboxCheckedDisabledColor": "#475569",
472
+ "utrechtCheckboxCheckedHoverBackgroundColor": "#738eab",
473
+ "utrechtCheckboxCheckedHoverBorderColor": "transparent",
474
+ "utrechtCheckboxCheckedHoverColor": "#fff",
475
+ "utrechtCheckboxCheckedHoverBorderWidth": "1px",
476
+ "utrechtCheckboxCheckedFocusBackgroundColor": "#fff",
477
+ "utrechtCheckboxCheckedFocusBorderColor": "#154273",
478
+ "utrechtCheckboxCheckedFocusColor": "#154273",
479
+ "utrechtCheckboxCheckedFocusBorderWidth": "2px",
480
+ "utrechtCheckboxCheckedBackgroundColor": "#154273",
481
+ "utrechtCheckboxCheckedBorderColor": "transparent",
482
+ "utrechtCheckboxCheckedBorderWidth": "1px",
483
+ "utrechtCheckboxCheckedColor": "#fff",
484
+ "utrechtCheckboxBackgroundColor": "#fff",
485
+ "utrechtCheckboxBorderColor": "#154273",
486
+ "utrechtCheckboxBorderRadius": "2.5px",
477
487
  "utrechtCheckboxBorderWidth": "1px",
478
- "utrechtCheckboxHoverBorderWidth": "1px",
479
- "utrechtCheckboxHoverBackgroundColor": "#fff",
480
- "utrechtCheckboxHoverBorderColor": "#738eab",
481
- "utrechtCheckboxActiveBorderWidth": "1px",
488
+ "utrechtCheckboxSize": "24px",
489
+ "utrechtCheckboxIconSize": "24px",
490
+ "utrechtCheckboxInvalidBackgroundColor": "#f9dfdd",
491
+ "utrechtCheckboxInvalidBorderColor": "#d52b1e",
492
+ "utrechtCheckboxInvalidBorderWidth": "1px",
482
493
  "utrechtCheckboxActiveBackgroundColor": "#fff",
483
494
  "utrechtCheckboxActiveBorderColor": "#4f7196",
484
- "utrechtButtonIconGap": "0.5rem",
485
- "utrechtButtonIconSize": "24px",
495
+ "utrechtCheckboxActiveBorderWidth": "1px",
496
+ "utrechtCheckboxDisabledBackgroundColor": "#CBD5E1",
497
+ "utrechtCheckboxDisabledBorderColor": "#94A3B8",
498
+ "utrechtCheckboxHoverBackgroundColor": "#fff",
499
+ "utrechtCheckboxHoverBorderColor": "#738eab",
500
+ "utrechtCheckboxHoverBorderWidth": "1px",
501
+ "utrechtCheckboxFocusBackgroundColor": "#fff",
502
+ "utrechtCheckboxFocusBorderColor": "#154273",
503
+ "utrechtCheckboxFocusBorderWidth": "2px",
486
504
  "utrechtButtonBackgroundColor": "#0F172A",
487
505
  "utrechtButtonBorderColor": "transparent",
488
506
  "utrechtButtonBorderRadius": "5px",
@@ -499,6 +517,7 @@
499
517
  "utrechtButtonPaddingBlockStart": "0.5rem",
500
518
  "utrechtButtonPaddingInlineEnd": "1rem",
501
519
  "utrechtButtonPaddingInlineStart": "1rem",
520
+ "utrechtButtonIconSize": "24px",
502
521
  "utrechtButtonPressedBackgroundColor": "#1E293B",
503
522
  "utrechtButtonPressedBorderColor": "transparent",
504
523
  "utrechtButtonPressedColor": "#fff",
@@ -617,120 +636,140 @@
617
636
  "utrechtBreadcrumbNavItemFirstPaddingInlineStart": "0rem",
618
637
  "utrechtBreadcrumbNavSeparatorColor": "#334155",
619
638
  "utrechtBreadcrumbNavSeparatorIconSize": "24px",
620
- "utrechtBlockquoteBackgroundColor": "transparent",
621
- "utrechtBlockquoteBorderInlineStartWidth": 0,
622
- "utrechtBlockquoteBorderColor": "transparent",
623
- "utrechtBlockquoteBorderRadius": 0,
624
- "utrechtBlockquoteBorderWidth": 0,
625
- "utrechtBlockquoteColor": "#154273",
626
- "utrechtBlockquoteFontSize": "1.25rem",
627
- "utrechtBlockquoteFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
628
- "utrechtBlockquotePaddingBlockEnd": "2rem",
629
- "utrechtBlockquotePaddingBlockStart": "2rem",
630
- "utrechtBlockquotePaddingInlineEnd": "2rem",
631
- "utrechtBlockquotePaddingInlineStart": "2rem",
632
- "utrechtBlockquoteRowGap": "0.75rem",
633
- "utrechtBlockquoteAttributionColor": "#154273",
634
- "utrechtBlockquoteAttributionFontSize": "1.25rem",
635
- "utrechtBlockquoteContentColor": "#154273",
636
- "utrechtBlockquoteContentFontSize": "1.25rem",
637
- "utrechtBlockquoteContentFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
638
- "utrechtBlockquoteContentLineHeight": "150%",
639
- "utrechtBlockquoteContentFontWeight": 400,
640
- "utrechtBlockquoteCaptionFontSize": "1.25rem",
641
- "utrechtBlockquoteCaptionFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
642
- "utrechtBlockquoteCaptionLineHeight": "150%",
643
- "utrechtBlockquoteCaptionFontWeight": 400,
644
- "utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
645
- "utrechtBlockquoteCaptionColor": "#154273",
639
+ "utrechtBlockquoteBorderBlockEndWidth": 0,
640
+ "utrechtBlockquoteBorderBlockStartWidth": 0,
641
+ "utrechtBlockquoteBorderEndEndRadius": 0,
642
+ "utrechtBlockquoteBorderEndStartRadius": 0,
643
+ "utrechtBlockquoteBorderInlineEndWidth": 0,
644
+ "utrechtBlockquoteBorderStartEndRadius": 0,
645
+ "utrechtBlockquoteBorderStartStartRadius": 0,
646
646
  "utrechtBlockquoteMarginBlockEnd": 0,
647
647
  "utrechtBlockquoteMarginBlockStart": 0,
648
648
  "utrechtBlockquoteMarginInlineEnd": 0,
649
649
  "utrechtBlockquoteMarginInlineStart": 0,
650
- "utrechtBlockquoteBorderBlockStartWidth": 0,
651
- "utrechtBlockquoteBorderBlockEndWidth": 0,
652
- "utrechtBlockquoteBorderInlineEndWidth": 0,
653
- "utrechtBlockquoteBorderStartStartRadius": 0,
654
- "utrechtBlockquoteBorderStartEndRadius": 0,
655
- "utrechtBlockquoteBorderEndStartRadius": 0,
656
- "utrechtBlockquoteBorderEndEndRadius": 0,
657
- "utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#154273",
658
650
  "utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
659
- "utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
651
+ "utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#154273",
660
652
  "utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
653
+ "utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
654
+ "utrechtBlockquoteCaptionColor": "#154273",
655
+ "utrechtBlockquoteCaptionFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
656
+ "utrechtBlockquoteCaptionFontSize": "1.25rem",
657
+ "utrechtBlockquoteCaptionFontWeight": 400,
658
+ "utrechtBlockquoteCaptionLineHeight": "150%",
659
+ "utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
660
+ "utrechtBlockquoteContentFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
661
+ "utrechtBlockquoteContentFontWeight": 400,
662
+ "utrechtBlockquoteContentLineHeight": "150%",
663
+ "utrechtBlockquoteContentColor": "#154273",
664
+ "utrechtBlockquoteContentFontSize": "1.25rem",
661
665
  "utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
662
666
  "utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
663
667
  "utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
664
- "utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
665
- "utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
666
- "utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
667
- "utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
668
- "utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
669
- "utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
670
- "utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
671
668
  "utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
669
+ "utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
672
670
  "utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
673
671
  "utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
674
672
  "utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
673
+ "utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
674
+ "utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
675
+ "utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
676
+ "utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
677
+ "utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
678
+ "utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
679
+ "utrechtBlockquoteBackgroundColor": "transparent",
680
+ "utrechtBlockquoteBorderInlineStartWidth": "0px",
681
+ "utrechtBlockquoteBorderColor": "transparent",
682
+ "utrechtBlockquoteBorderRadius": "0px",
683
+ "utrechtBlockquoteBorderWidth": "0px",
684
+ "utrechtBlockquoteColor": "#154273",
685
+ "utrechtBlockquoteFontSize": "1.25rem",
686
+ "utrechtBlockquoteFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
687
+ "utrechtBlockquotePaddingBlockEnd": "2rem",
688
+ "utrechtBlockquotePaddingBlockStart": "2rem",
689
+ "utrechtBlockquotePaddingInlineEnd": "2rem",
690
+ "utrechtBlockquotePaddingInlineStart": "2rem",
691
+ "utrechtBlockquoteRowGap": "0.75rem",
692
+ "utrechtBlockquoteAttributionColor": "#154273",
693
+ "utrechtBlockquoteAttributionFontSize": "1.25rem",
675
694
  "utrechtArticleMaxInlineSize": "75ch",
676
695
  "utrechtAlertHeadingFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
696
+ "utrechtAlertHeadingFontSize": "1.25rem",
677
697
  "utrechtAlertHeadingFontWeight": 700,
678
698
  "utrechtAlertHeadingLineHeight": "150%",
679
- "utrechtAlertHeadingFontSize": "1.25rem",
680
- "utrechtAlertColumnGap": "0.5rem",
699
+ "utrechtAlertMessageColumnGap": "0.5rem",
700
+ "utrechtAlertMessageLineHeight": "150%",
701
+ "utrechtAlertMessageRowGap": "0rem",
702
+ "utrechtAlertBackgroundColor": "#d9ebf7",
703
+ "utrechtAlertBorderColor": "transparent",
704
+ "utrechtAlertBorderRadius": "5px",
681
705
  "utrechtAlertBorderWidth": "0px",
706
+ "utrechtAlertColor": "#000",
707
+ "utrechtAlertColumnGap": "0.5rem",
682
708
  "utrechtAlertMarginBlockEnd": "0.75rem",
683
709
  "utrechtAlertMarginBlockStart": "0.75rem",
684
710
  "utrechtAlertPaddingBlockEnd": "1rem",
685
711
  "utrechtAlertPaddingBlockStart": "1rem",
686
712
  "utrechtAlertPaddingInlineEnd": "1rem",
687
713
  "utrechtAlertPaddingInlineStart": "1rem",
688
- "utrechtAlertBackgroundColor": "#d9ebf7",
689
- "utrechtAlertBorderColor": "transparent",
690
- "utrechtAlertColor": "#000",
691
- "utrechtAlertInfoBackgroundColor": "#d9ebf7",
692
- "utrechtAlertInfoBorderColor": "transparent",
693
- "utrechtAlertInfoColor": "#000",
714
+ "utrechtAlertContentRowGap": "0.5rem",
694
715
  "utrechtAlertErrorBackgroundColor": "#f9dfdd",
695
716
  "utrechtAlertErrorBorderColor": "transparent",
696
717
  "utrechtAlertErrorColor": "#000",
718
+ "utrechtAlertInfoBackgroundColor": "#d9ebf7",
719
+ "utrechtAlertInfoBorderColor": "transparent",
720
+ "utrechtAlertInfoColor": "#000",
697
721
  "utrechtAlertOkBackgroundColor": "#e1eddb",
698
722
  "utrechtAlertOkBorderColor": "transparent",
699
723
  "utrechtAlertOkColor": "#000",
700
724
  "utrechtAlertWarningBackgroundColor": "#fff4db",
701
725
  "utrechtAlertWarningBorderColor": "transparent",
702
726
  "utrechtAlertWarningColor": "#000",
727
+ "utrechtAlertIconColor": "#007bc7",
703
728
  "utrechtAlertIconInsetBlockStart": "3px",
704
- "utrechtAlertIconInfoColor": "#007bc7",
729
+ "utrechtAlertIconSize": "24px",
705
730
  "utrechtAlertIconErrorColor": "#d52b1e",
731
+ "utrechtAlertIconInfoColor": "#007bc7",
706
732
  "utrechtAlertIconOkColor": "#39870c",
707
733
  "utrechtAlertIconWarningColor": "#ffb612",
708
- "utrechtAlertIconSize": "24px",
709
- "utrechtAlertMessageLineHeight": "150%",
710
- "utrechtAlertMessageColumnGap": "0.5rem",
711
- "utrechtAlertBorderRadius": "5px",
712
- "utrechtAccordionPanelBorderColor": "#94A3B8",
713
- "utrechtAccordionPanelBorderWidth": 0,
714
- "utrechtAccordionPanelPaddingBlockEnd": "1.5rem",
715
- "utrechtAccordionPanelPaddingBlockStart": "1rem",
716
- "utrechtAccordionPanelPaddingInlineEnd": "1rem",
717
- "utrechtAccordionPanelPaddingInlineStart": "1rem",
734
+ "utrechtAccordionButtonActiveRowGap": 0,
735
+ "utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
736
+ "utrechtAccordionButtonActiveBorderColor": "transparent",
737
+ "utrechtAccordionButtonActiveColor": "#0F172A",
738
+ "utrechtAccordionButtonFocusBackgroundColor": "#dce3ea",
739
+ "utrechtAccordionButtonFocusBorderColor": "#154273",
740
+ "utrechtAccordionButtonFocusColor": "#0F172A",
741
+ "utrechtAccordionButtonBackgroundColor": "#fff",
742
+ "utrechtAccordionButtonBorderColor": "transparent",
743
+ "utrechtAccordionButtonBorderRadius": "0px",
744
+ "utrechtAccordionButtonBorderWidth": "1px",
745
+ "utrechtAccordionButtonColor": "#0F172A",
718
746
  "utrechtAccordionButtonGap": "0.5rem",
747
+ "utrechtAccordionButtonPaddingBlockEnd": "0.75rem",
748
+ "utrechtAccordionButtonPaddingBlockStart": "0.75rem",
749
+ "utrechtAccordionButtonPaddingInlineEnd": "1rem",
750
+ "utrechtAccordionButtonPaddingInlineStart": "1rem",
719
751
  "utrechtAccordionButtonIconSize": "24px",
720
752
  "utrechtAccordionButtonHoverBackgroundColor": "#F8FAFC",
721
- "utrechtAccordionButtonHoverBorderColor": "#94A3B8",
753
+ "utrechtAccordionButtonHoverBorderColor": "transparent",
722
754
  "utrechtAccordionButtonHoverColor": "#0F172A",
723
- "utrechtAccordionButtonBackgroundColor": "#fff",
724
- "utrechtAccordionButtonBorderColor": "#94A3B8",
725
- "utrechtAccordionButtonBorderWidth": 0,
726
- "utrechtAccordionButtonColor": "#0F172A",
727
- "utrechtAccordionButtonFocusBackgroundColor": "#dce3ea",
728
- "utrechtAccordionButtonFocusBorderColor": "#154273",
729
- "utrechtAccordionButtonFocusColor": "#0F172A",
730
- "utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
731
- "utrechtAccordionButtonActiveBorderColor": "#94A3B8",
732
- "utrechtAccordionButtonActiveColor": "#0F172A",
733
- "utrechtAccordionButtonActiveRowGap": 0,
755
+ "utrechtAccordionButtonFocusVisibleBackgroundColor": "#dce3ea",
756
+ "utrechtAccordionButtonFocusVisibleBorderColor": "transparent",
757
+ "utrechtAccordionButtonFocusVisibleBorderWidth": "1px",
758
+ "utrechtAccordionButtonFocusVisibleColor": "#0F172A",
759
+ "utrechtAccordionMarginBlockEnd": "0rem",
760
+ "utrechtAccordionMarginBlockStart": "0rem",
761
+ "utrechtAccordionRowGap": "0rem",
762
+ "utrechtAccordionPanelBorderColor": "transparent",
763
+ "utrechtAccordionPanelBorderWidth": "1px",
764
+ "utrechtAccordionPanelPaddingBlockEnd": "1.5rem",
765
+ "utrechtAccordionPanelPaddingBlockStart": "1rem",
766
+ "utrechtAccordionPanelPaddingInlineEnd": "1rem",
767
+ "utrechtAccordionPanelPaddingInlineStart": "1rem",
768
+ "utrechtAccordionSectionBorderColor": "#94A3B8",
769
+ "utrechtAccordionSectionHoverBorderColor": "#94A3B8",
770
+ "utrechtAccordionSectionBorderWidth": "1px",
771
+ "utrechtAccordionSectionMarginBlockEnd": "0rem",
772
+ "utrechtAccordionSectionMarginBlockStart": "0rem",
734
773
  "utrechtRichTextStrangerMarginBlockEnd": "2rem",
735
774
  "utrechtRichTextAcquaintanceMarginBlockEnd": "1rem",
736
775
  "utrechtRichTextFriendMarginBlockEnd": "0.5rem",
@@ -1062,23 +1101,23 @@
1062
1101
  "rhcKeepBottomLeftBorderRadiusTopRight": 0,
1063
1102
  "rhcKeepBottomLeftBorderRadiusBottomRight": 0,
1064
1103
  "rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
1065
- "rhcAccordionButtonFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1066
- "rhcAccordionButtonFontSize": "1.25rem",
1067
- "rhcAccordionButtonFontWeight": 400,
1068
- "rhcAccordionButtonLineHeight": "150%",
1069
- "rhcAccordionButtonIconMarginBlock": "0.25rem",
1104
+ "rhcAccordionBorderRadius": "0px",
1105
+ "rhcAccordionColor": "#0F172A",
1106
+ "rhcAccordionHeaderMargin": 0,
1107
+ "rhcAccordionSectionBorderBlockEndWidth": "1px",
1108
+ "rhcAccordionSectionBorderColor": "#94A3B8",
1109
+ "rhcAccordionSectionBorderWidth": "1px",
1070
1110
  "rhcAccordionButtonPaddingBlockEnd": "0.75rem",
1071
1111
  "rhcAccordionButtonPaddingBlockStart": "0.75rem",
1072
1112
  "rhcAccordionButtonPaddingInlineEnd": "1rem",
1073
1113
  "rhcAccordionButtonPaddingInlineStart": "1rem",
1074
1114
  "rhcAccordionButtonExpandedBackgroundColor": "#fff",
1075
1115
  "rhcAccordionButtonExpandedColor": "#0F172A",
1076
- "rhcAccordionSectionBorderBlockEndWidth": "1px",
1077
- "rhcAccordionSectionBorderWidth": 0,
1078
- "rhcAccordionSectionBorderColor": "#94A3B8",
1079
- "rhcAccordionHeaderMargin": 0,
1080
- "rhcAccordionBorderRadius": "0px",
1081
- "rhcAccordionColor": "#0F172A",
1116
+ "rhcAccordionButtonIconMarginBlock": "0.25rem",
1117
+ "rhcAccordionButtonFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1118
+ "rhcAccordionButtonFontWeight": 400,
1119
+ "rhcAccordionButtonFontSize": "1.25rem",
1120
+ "rhcAccordionButtonLineHeight": "150%",
1082
1121
  "rhcRoundedCornerXsBorderRadius": "24px",
1083
1122
  "rhcRoundedCornerMdBorderRadius": "48px",
1084
1123
  "rhcRoundedCornerXlBorderRadius": "96px",
@@ -1294,6 +1333,60 @@
1294
1333
  "rhcSpace500": "2.5rem",
1295
1334
  "rhcSpace600": "3rem",
1296
1335
  "rhcSpace700": "3.5rem",
1336
+ "todoTextboxHoverBackgroundColor": "#fff",
1337
+ "todoTextboxHoverBorderColor": "#738eab",
1338
+ "todoTextboxHoverColor": "#0F172A",
1339
+ "todoTextareaHoverBackgroundColor": "#fff",
1340
+ "todoTextareaHoverBorderColor": "#738eab",
1341
+ "todoTextareaHoverColor": "#0F172A",
1342
+ "todoSkipLinkFontWeight": 700,
1343
+ "todoRadioButtonCheckedDisabledBackgroundColor": "#CBD5E1",
1344
+ "todoRadioButtonCheckedDisabledBorderColor": "#94A3B8",
1345
+ "todoRadioButtonCheckedDisabledColor": "#475569",
1346
+ "todoLinkListLinkHoverTextDecoration": "underline",
1347
+ "todoFormFieldLabelColor": "#0F172A",
1348
+ "todoFormFieldLabelColumnGap": "0.5rem",
1349
+ "todoFormFieldLabelFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1350
+ "todoFormFieldLabelFontSize": "1.25rem",
1351
+ "todoFormFieldLabelFontWeight": 700,
1352
+ "todoFormFieldLabelLineHeight": "150%",
1353
+ "todoFormFieldErrorMessageColumnGap": "0.5rem",
1354
+ "todoFormFieldErrorMessageIconSize": "24px",
1355
+ "todoFigureRowGap": "0.5rem",
1356
+ "todoCheckboxIndeterminateActiveBackgroundColor": "#4f7196",
1357
+ "todoCheckboxIndeterminateActiveBorderColor": "transparent",
1358
+ "todoCheckboxIndeterminateActiveBorderWidth": "1px",
1359
+ "todoCheckboxIndeterminateActiveColor": "#fff",
1360
+ "todoCheckboxIndeterminateDisabledBackgroundColor": "#CBD5E1",
1361
+ "todoCheckboxIndeterminateDisabledBorderColor": "#94A3B8",
1362
+ "todoCheckboxIndeterminateDisabledColor": "#475569",
1363
+ "todoCheckboxIndeterminateHoverBackgroundColor": "#738eab",
1364
+ "todoCheckboxIndeterminateHoverBorderColor": "transparent",
1365
+ "todoCheckboxIndeterminateHoverBorderWidth": "1px",
1366
+ "todoCheckboxIndeterminateHoverColor": "#fff",
1367
+ "todoCheckboxIndeterminateFocusVisibleBackgroundColor": "#fff",
1368
+ "todoCheckboxIndeterminateFocusVisibleBorderColor": "#154273",
1369
+ "todoCheckboxIndeterminateFocusVisibleBorderWidth": "2px",
1370
+ "todoCheckboxIndeterminateFocusVisibleColor": "#154273",
1371
+ "todoCheckboxCheckedActiveBackgroundColor": "#4f7196",
1372
+ "todoCheckboxCheckedActiveBorderColor": "transparent",
1373
+ "todoCheckboxCheckedActiveBorderWidth": "1px",
1374
+ "todoCheckboxCheckedActiveColor": "#fff",
1375
+ "todoCheckboxCheckedDisabledBackgroundColor": "#CBD5E1",
1376
+ "todoCheckboxCheckedDisabledBorderColor": "#94A3B8",
1377
+ "todoCheckboxCheckedDisabledColor": "#475569",
1378
+ "todoCheckboxCheckedHoverBackgroundColor": "#738eab",
1379
+ "todoCheckboxCheckedHoverBorderColor": "transparent",
1380
+ "todoCheckboxCheckedHoverBorderWidth": "1px",
1381
+ "todoCheckboxCheckedHoverColor": "#fff",
1382
+ "todoCheckboxCheckedFocusVisibleBackgroundColor": "#fff",
1383
+ "todoCheckboxCheckedFocusVisibleBorderColor": "#154273",
1384
+ "todoCheckboxCheckedFocusVisibleBorderWidth": "2px",
1385
+ "todoCheckboxCheckedFocusVisibleColor": "#154273",
1386
+ "todoAccordionButtonFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1387
+ "todoAccordionButtonFontSize": "1.25rem",
1388
+ "todoAccordionButtonFontWeight": 400,
1389
+ "todoAccordionButtonLineHeight": "150%",
1297
1390
  "nlSkipLinkBorderColor": "transparent",
1298
1391
  "nlSkipLinkBorderWidth": "2px",
1299
1392
  "nlSkipLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
@@ -1338,6 +1431,19 @@
1338
1431
  "nlParagraphLineHeight": "150%",
1339
1432
  "nlParagraphMarginBlockEnd": "0rem",
1340
1433
  "nlParagraphMarginBlockStart": "0rem",
1434
+ "nlNumberBadgeLineHeight": "125%",
1435
+ "nlNumberBadgeBackgroundColor": "#154273",
1436
+ "nlNumberBadgeBorderColor": "transparent",
1437
+ "nlNumberBadgeBorderRadius": "999px",
1438
+ "nlNumberBadgeBorderWidth": "0px",
1439
+ "nlNumberBadgeColor": "#fff",
1440
+ "nlNumberBadgeFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1441
+ "nlNumberBadgeFontSize": "1.25rem",
1442
+ "nlNumberBadgeFontWeight": 700,
1443
+ "nlNumberBadgeMinBlockSize": "24px",
1444
+ "nlNumberBadgeMinInlineSize": "24px",
1445
+ "nlNumberBadgePaddingBlock": "0.125rem",
1446
+ "nlNumberBadgePaddingInline": "0.5rem",
1341
1447
  "nlLinkColumnGap": "0.25rem",
1342
1448
  "nlLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1343
1449
  "nlLinkFontSize": "1.25rem",
@@ -1405,21 +1511,6 @@
1405
1511
  "nlHeadingLevel6LineHeight": "150%",
1406
1512
  "nlHeadingLevel6MarginBlockEnd": "0rem",
1407
1513
  "nlHeadingLevel6MarginBlockStart": "0rem",
1408
- "nlNumberBadgeFontSize": "1.25rem",
1409
- "nlNumberBadgeLineHeight": "125%",
1410
- "nlNumberBadgeMinBlockSize": "24px",
1411
- "nlNumberBadgeMinInlineSize": "24px",
1412
- "nlNumberBadgeFontWeight": 700,
1413
- "nlNumberBadgeBorderWidth": "0px",
1414
- "nlNumberBadgeBorderRadius": "999px",
1415
- "nlNumberBadgeFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1416
- "nlNumberBadgeBackgroundColor": "#154273",
1417
- "nlNumberBadgeBorderColor": "transparent",
1418
- "nlNumberBadgeColor": "#fff",
1419
- "nlNumberBadgePaddingInline": "0.5rem",
1420
- "nlNumberBadgePaddingBlock": "0.125rem",
1421
- "todoSkipLinkFontWeight": 700,
1422
- "todoLinkListLinkHoverTextDecoration": "underline",
1423
1514
  "basisColorDefaultBgDocument": "#fff",
1424
1515
  "basisColorDefaultColorDocument": "#0F172A",
1425
1516
  "basisColorDefaultColorSubtle": "#334155",