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