@rijkshuisstijl-community/design-tokens 1.2.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/CHANGELOG.md +64 -0
  2. package/README.md +153 -12
  3. package/dist/_variables.scss +155 -100
  4. package/dist/index.css +155 -100
  5. package/dist/index.d.ts +98 -43
  6. package/dist/index.js +155 -100
  7. package/dist/index.json +154 -99
  8. package/dist/index.tokens.json +214 -125
  9. package/dist/root.css +155 -100
  10. package/dist/tokens.d.ts +157 -68
  11. package/dist/tokens.js +7489 -6212
  12. package/dist/uitvoerend-groen/_variables.scss +1337 -0
  13. package/dist/uitvoerend-groen/index.css +1340 -0
  14. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/index.d.ts +468 -457
  15. package/dist/uitvoerend-groen/index.js +1338 -0
  16. package/dist/uitvoerend-groen/index.json +1335 -0
  17. package/dist/uitvoerend-groen/index.tokens.json +2045 -0
  18. package/dist/uitvoerend-groen/root.css +1340 -0
  19. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.d.ts +723 -732
  20. package/dist/uitvoerend-groen/tokens.js +31224 -0
  21. package/dist/uitvoerend-hemelblauw/_variables.scss +1337 -0
  22. package/dist/uitvoerend-hemelblauw/index.css +1340 -0
  23. package/dist/uitvoerend-hemelblauw/index.d.ts +1338 -0
  24. package/dist/uitvoerend-hemelblauw/index.js +1338 -0
  25. package/dist/uitvoerend-hemelblauw/index.json +1335 -0
  26. package/dist/uitvoerend-hemelblauw/index.tokens.json +2045 -0
  27. package/dist/uitvoerend-hemelblauw/root.css +1340 -0
  28. package/dist/uitvoerend-hemelblauw/tokens.d.ts +2068 -0
  29. package/dist/uitvoerend-hemelblauw/tokens.js +31224 -0
  30. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/_variables.scss +589 -578
  31. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.css +590 -579
  32. package/dist/uitvoerend-mintgroen/index.d.ts +1338 -0
  33. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.js +533 -522
  34. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.json +532 -521
  35. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.tokens.json +773 -782
  36. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/root.css +589 -578
  37. package/dist/uitvoerend-mintgroen/tokens.d.ts +2068 -0
  38. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.js +18125 -17940
  39. package/dist/uitvoerend-oranje/_variables.scss +1337 -0
  40. package/dist/uitvoerend-oranje/index.css +1340 -0
  41. package/dist/uitvoerend-oranje/index.d.ts +1338 -0
  42. package/dist/uitvoerend-oranje/index.js +1338 -0
  43. package/dist/uitvoerend-oranje/index.json +1335 -0
  44. package/dist/uitvoerend-oranje/index.tokens.json +2045 -0
  45. package/dist/uitvoerend-oranje/root.css +1340 -0
  46. package/dist/uitvoerend-oranje/tokens.d.ts +2068 -0
  47. package/dist/uitvoerend-oranje/tokens.js +31224 -0
  48. package/dist/uitvoerend-paars/_variables.scss +1337 -0
  49. package/dist/uitvoerend-paars/index.css +1340 -0
  50. package/dist/uitvoerend-paars/index.d.ts +1338 -0
  51. package/dist/uitvoerend-paars/index.js +1338 -0
  52. package/dist/uitvoerend-paars/index.json +1335 -0
  53. package/dist/uitvoerend-paars/index.tokens.json +2045 -0
  54. package/dist/uitvoerend-paars/root.css +1340 -0
  55. package/dist/uitvoerend-paars/tokens.d.ts +2068 -0
  56. package/dist/uitvoerend-paars/tokens.js +31224 -0
  57. package/dist/uitvoerend-violet/_variables.scss +680 -664
  58. package/dist/uitvoerend-violet/index.css +680 -664
  59. package/dist/uitvoerend-violet/index.d.ts +771 -755
  60. package/dist/uitvoerend-violet/index.js +803 -787
  61. package/dist/uitvoerend-violet/index.json +802 -786
  62. package/dist/uitvoerend-violet/index.tokens.json +1644 -1620
  63. package/dist/uitvoerend-violet/root.css +680 -664
  64. package/dist/uitvoerend-violet/tokens.d.ts +1539 -1515
  65. package/dist/uitvoerend-violet/tokens.js +21711 -21381
  66. package/dist/uitvoerend-violet-oud/_variables.scss +687 -670
  67. package/dist/uitvoerend-violet-oud/index.css +687 -670
  68. package/dist/uitvoerend-violet-oud/index.d.ts +771 -754
  69. package/dist/uitvoerend-violet-oud/index.js +803 -786
  70. package/dist/uitvoerend-violet-oud/index.json +802 -785
  71. package/dist/uitvoerend-violet-oud/index.tokens.json +1678 -1653
  72. package/dist/uitvoerend-violet-oud/root.css +687 -670
  73. package/dist/uitvoerend-violet-oud/tokens.d.ts +1536 -1511
  74. package/dist/uitvoerend-violet-oud/tokens.js +21594 -21243
  75. package/dist/wetgevend/_variables.scss +636 -620
  76. package/dist/wetgevend/index.css +636 -620
  77. package/dist/wetgevend/index.d.ts +771 -755
  78. package/dist/wetgevend/index.js +791 -775
  79. package/dist/wetgevend/index.json +790 -774
  80. package/dist/wetgevend/index.tokens.json +1643 -1619
  81. package/dist/wetgevend/root.css +636 -620
  82. package/dist/wetgevend/tokens.d.ts +1553 -1529
  83. package/dist/wetgevend/tokens.js +21924 -21594
  84. package/figma/figma.tokens.json +1575 -666
  85. package/package.json +1 -1
  86. package/src/generated/base.tokens.json +528 -273
  87. package/src/generated/themes.json +40651 -15395
  88. package/src/generated/uitvoerend-groen/tokens.json +6248 -0
  89. package/src/generated/uitvoerend-hemelblauw/tokens.json +6248 -0
  90. package/src/generated/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.json +2598 -2573
  91. package/src/generated/uitvoerend-oranje/tokens.json +6248 -0
  92. package/src/generated/uitvoerend-paars/tokens.json +6248 -0
  93. package/src/generated/uitvoerend-violet/tokens.json +4538 -4465
  94. package/src/generated/uitvoerend-violet-oud/tokens.json +4525 -4448
  95. package/src/generated/wetgevend/tokens.json +4547 -4474
package/dist/uitvoerend-violet-oud/index.js CHANGED
@@ -1,717 +1,62 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 29 Apr 2025 12:01:02 GMT
3
+ * Generated on Mon, 16 Jun 2025 09:33:53 GMT
4
4
  */
5
5
 
6
- export const utrechtPreHeadingColor = "#0F172A";
7
- export const utrechtPreHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
8
- export const utrechtPreHeadingFontWeight = 700;
9
- export const utrechtPreHeadingLineHeight = "125%";
10
- export const utrechtPreHeadingFontSize = "1rem";
11
- export const utrechtIconColor = "inherit";
12
- export const utrechtIconSize = "24px";
13
- export const utrechtIconInsetBlockStart = 0;
14
- export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
15
- export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
16
- export const utrechtUnorderedListMarginBlockStart = "0.25rem";
17
- export const utrechtUnorderedListColor = "#0F172A";
18
- export const utrechtUnorderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
19
- export const utrechtUnorderedListFontWeight = 400;
20
- export const utrechtUnorderedListFontSize = "1.25rem";
21
- export const utrechtUnorderedListLineHeight = "150%";
22
- export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
23
- export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
24
- export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
25
- export const utrechtUnorderedListMarkerColor = "#0F172A";
26
- export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
27
- export const utrechtTextboxBorderRadius = 0;
28
- export const utrechtTextboxFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
29
- export const utrechtTextboxFontSize = "1.25rem";
30
- export const utrechtTextboxFontWeight = 400;
31
- export const utrechtTextboxLineHeight = "150%";
32
- export const utrechtTextboxMaxInlineSize = "400px";
33
- export const utrechtTextboxPaddingBlockEnd = "0.5rem";
34
- export const utrechtTextboxPaddingBlockStart = "0.5rem";
35
- export const utrechtTextboxPaddingInlineEnd = "0.75rem";
36
- export const utrechtTextboxPaddingInlineStart = "0.75rem";
37
- export const utrechtTextboxBackgroundColor = "#fff";
38
- export const utrechtTextboxBorderColor = "#154273";
39
- export const utrechtTextboxColor = "#0F172A";
40
- export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
41
- export const utrechtTextboxInvalidBorderColor = "#d52b1e";
42
- export const utrechtTextboxInvalidColor = "#0F172A";
43
- export const utrechtTextboxInvalidBorderWidth = "1px";
44
- export const utrechtTextboxPlaceholderColor = "#64748B";
45
- export const utrechtTextboxBorderBlockEndWidth = "auto";
46
- export const utrechtTextboxBorderWidth = "1px";
47
- export const utrechtTextboxFocusBorderWidth = "2px";
48
- export const utrechtTextboxFocusBackgroundColor = "#fff";
49
- export const utrechtTextboxFocusBorderColor = "#154273";
50
- export const utrechtTextboxFocusColor = "#0F172A";
51
- export const utrechtTextboxDisabledBackgroundColor = "#CBD5E1";
52
- export const utrechtTextboxDisabledBorderColor = "#94A3B8";
53
- export const utrechtTextboxDisabledColor = "#475569";
54
- export const utrechtTextboxReadOnlyBackgroundColor = "#F1F5F9";
55
- export const utrechtTextboxReadOnlyBorderColor = "transparent";
56
- export const utrechtTextboxReadOnlyColor = "#0F172A";
57
- export const utrechtTextboxHoverBorderWidth = "1px";
58
- export const utrechtTextboxHoverBackgroundColor = "#fff";
59
- export const utrechtTextboxHoverBorderColor = "#738eab";
60
- export const utrechtTextboxHoverColor = "#0F172A";
61
- export const utrechtTextareaMaxInlineSize = "400px";
62
- export const utrechtTextareaPaddingBlockEnd = "0.5rem";
63
- export const utrechtTextareaPaddingBlockStart = "0.5rem";
64
- export const utrechtTextareaPaddingInlineEnd = "0.75rem";
65
- export const utrechtTextareaPaddingInlineStart = "0.75rem";
66
- export const utrechtTextareaBackgroundColor = "#fff";
67
- export const utrechtTextareaBorderColor = "#154273";
68
- export const utrechtTextareaColor = "#0F172A";
69
- export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
70
- export const utrechtTextareaInvalidBorderColor = "#d52b1e";
71
- export const utrechtTextareaInvalidColor = "#0F172A";
72
- export const utrechtTextareaInvalidBorderWidth = "1px";
73
- export const utrechtTextareaPlaceholderColor = "#64748B";
74
- export const utrechtTextareaFocusBackgroundColor = "#fff";
75
- export const utrechtTextareaFocusBorderColor = "#154273";
76
- export const utrechtTextareaFocusColor = "#0F172A";
77
- export const utrechtTextareaFocusBorderWidth = "2px";
78
- export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
79
- export const utrechtTextareaDisabledBorderColor = "#94A3B8";
80
- export const utrechtTextareaDisabledColor = "#475569";
81
- export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
82
- export const utrechtTextareaReadOnlyBorderColor = "transparent";
83
- export const utrechtTextareaReadOnlyColor = "#0F172A";
84
- export const utrechtTextareaHoverBackgroundColor = "#fff";
85
- export const utrechtTextareaHoverBorderColor = "#738eab";
86
- export const utrechtTextareaHoverColor = "#0F172A";
87
- export const utrechtTextareaHoverBorderWidth = "1px";
88
- export const utrechtTextareaBorderRadius = 0;
89
- export const utrechtTextareaBorderBottomWidth = "1px";
90
- export const utrechtTextareaBorderWidth = "1px";
91
- export const utrechtTextareaFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
92
- export const utrechtTextareaFontWeight = 400;
93
- export const utrechtTextareaLineHeight = "150%";
94
- export const utrechtTextareaFontSize = "1.25rem";
95
- export const utrechtTableHeaderCellLineHeight = "150%";
96
- export const utrechtTableHeaderCellColor = "#0F172A";
97
- export const utrechtTableHeaderCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
98
- export const utrechtTableHeaderCellFontWeight = 700;
99
- export const utrechtTableHeaderCellFontSize = "1.25rem";
100
- export const utrechtTableCaptionLineHeight = "125%";
101
- export const utrechtTableCaptionMarginBlockEnd = "1.5rem";
102
- export const utrechtTableCaptionColor = "#0F172A";
103
- export const utrechtTableCaptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
104
- export const utrechtTableCaptionFontWeight = 700;
105
- export const utrechtTableCaptionFontSize = "1.875rem";
106
- export const utrechtTableCellPaddingBlockEnd = "0.75rem";
107
- export const utrechtTableCellPaddingBlockStart = "0.75rem";
108
- export const utrechtTableCellPaddingInlineEnd = "1rem";
109
- export const utrechtTableCellPaddingInlineStart = "1rem";
110
- export const utrechtTableCellLineHeight = "150%";
111
- export const utrechtTableDataCellColor = "#0F172A";
112
- export const utrechtTableDataCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
113
- export const utrechtTableDataCellFontWeight = 400;
114
- export const utrechtTableDataCellLineHeight = "150%";
115
- export const utrechtTableDataCellFontSize = "1.25rem";
116
- export const utrechtTableHeaderBorderBlockEndWidth = "2px";
117
- export const utrechtTableHeaderBorderBlockEndColor = "#CBD5E1";
118
- export const utrechtTableHeaderBackgroundColor = "transparent";
119
- export const utrechtTableFooterBorderBlockEndWidth = "1px";
120
- export const utrechtTableFooterBorderBlockEndColor = "#CBD5E1";
121
- export const utrechtTableFooterBackgroundColor = "transparent";
122
- export const utrechtTableRowBorderBlockEndWidth = "1px";
123
- export const utrechtTableRowBorderBlockEndColor = "#CBD5E1";
124
- export const utrechtTableRowBackgroundColor = "transparent";
125
- export const utrechtTableFooterCellFontWeight = 700;
126
- export const utrechtTableFooterCellFontSize = "1.25rem";
127
- export const utrechtTableFooterCellColor = "#0F172A";
128
- export const utrechtTableFooterCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
129
- export const utrechtTableFooterCellLineHeight = "150%";
130
- export const utrechtTableContainerBoxInlineEndShadowX = 0;
131
- export const utrechtTableContainerBoxInlineEndShadowY = "16px";
132
- export const utrechtTableContainerBoxInlineEndShadowBlur = "48px";
133
- export const utrechtTableContainerBoxInlineEndShadowSpread = 0;
134
- export const utrechtTableContainerBoxInlineEndShadowColor = "#0000001a";
135
- export const utrechtTableContainerBoxInlineStartShadowX = 0;
136
- export const utrechtTableContainerBoxInlineStartShadowY = "16px";
137
- export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
138
- export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
139
- export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
140
- export const utrechtTableFontSize = "1.25rem";
141
- export const utrechtSkipLinkFontWeight = 700;
142
- export const utrechtSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
143
- export const utrechtSkipLinkFontSize = "1.25rem";
144
- export const utrechtSkipLinkLineHeight = "150%";
145
- export const utrechtSkipLinkMinBlockSize = "48px";
146
- export const utrechtSkipLinkMinInlineSize = "48px";
147
- export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
148
- export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
149
- export const utrechtSkipLinkPaddingInlineEnd = "1rem";
150
- export const utrechtSkipLinkPaddingInlineStart = "1rem";
151
- export const utrechtSkipLinkFocusBackgroundColor = "#fff";
152
- export const utrechtSkipLinkFocusBorderColor = "#154273";
153
- export const utrechtSkipLinkFocusBorderStyle = "solid";
154
- export const utrechtSkipLinkFocusBorderWidth = "2px";
155
- export const utrechtSkipLinkFocusColor = "#0F172A";
156
- export const utrechtSkipLinkFocusTextDecoration = "None";
157
- export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
158
- export const utrechtSkipLinkBackgroundColor = "#154273";
159
- export const utrechtSkipLinkBorderColor = "transparent";
160
- export const utrechtSkipLinkColor = "#fff";
161
- export const utrechtSkipLinkBorderWidth = "2px";
162
- export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
163
- export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
164
- export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
165
- export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
166
- export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
167
- export const utrechtSkipLinkTextDecoration = "underline";
168
- export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
169
- export const utrechtSeparatorColor = "#CBD5E1";
170
- export const utrechtSeparatorBlockSize = "2px";
171
- export const utrechtSeparatorMarginBlockEnd = "0.75rem";
172
- export const utrechtSeparatorMarginBlockStart = "0.75rem";
173
- export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
174
- export const utrechtSelectIconSize = "24px";
175
- export const utrechtSelectBackgroundColor = "#fff";
176
- export const utrechtSelectBorderColor = "#154273";
177
- export const utrechtSelectColor = "#0F172A";
178
- export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
179
- export const utrechtSelectInvalidBorderColor = "#d52b1e";
180
- export const utrechtSelectInvalidColor = "#0F172A";
181
- export const utrechtSelectInvalidBorderWidth = "1px";
182
- export const utrechtSelectFocusBackgroundColor = "#fff";
183
- export const utrechtSelectFocusBorderColor = "#154273";
184
- export const utrechtSelectFocusColor = "#0F172A";
185
- export const utrechtSelectFocusBorderWidth = "2px";
186
- export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
187
- export const utrechtSelectDisabledBorderColor = "#94A3B8";
188
- export const utrechtSelectDisabledColor = "#475569";
189
- export const utrechtSelectHoverBackgroundColor = "#fff";
190
- export const utrechtSelectHoverBorderColor = "#738eab";
191
- export const utrechtSelectHoverColor = "#0F172A";
192
- export const utrechtSelectHoverBorderWidth = "1px";
193
- export const utrechtSelectPaddingBlockEnd = "0.5rem";
194
- export const utrechtSelectPaddingBlockStart = "0.5rem";
195
- export const utrechtSelectPaddingInlineEnd = "0.75rem";
196
- export const utrechtSelectPaddingInlineStart = "0.75rem";
197
- export const utrechtSelectBorderRadius = 0;
198
- export const utrechtSelectBorderBottomWidth = "auto";
199
- export const utrechtSelectBorderWidth = "1px";
200
- export const utrechtSelectFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
201
- export const utrechtSelectFontWeight = 400;
202
- export const utrechtSelectLineHeight = "150%";
203
- export const utrechtSelectFontSize = "1.25rem";
204
- export const utrechtSelectMaxInlineSize = "400px";
205
- export const utrechtRadioButtonActiveBorderWidth = "1px";
206
- export const utrechtRadioButtonActiveBackgroundColor = "#fff";
207
- export const utrechtRadioButtonActiveBorderColor = "#4f7196";
208
- export const utrechtRadioButtonSize = "24px";
209
- export const utrechtRadioButtonDotSize = "12px";
210
- export const utrechtRadioButtonBackgroundColor = "#fff";
211
- export const utrechtRadioButtonBorderColor = "#154273";
212
- export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
213
- export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
214
- export const utrechtRadioButtonInvalidBorderWidth = "1px";
215
- export const utrechtRadioButtonFocusBackgroundColor = "#fff";
216
- export const utrechtRadioButtonFocusBorderColor = "#154273";
217
- export const utrechtRadioButtonFocusBorderWidth = "2px";
218
- export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
219
- export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
220
- export const utrechtRadioButtonDisabledColor = "#475569";
221
- export const utrechtRadioButtonCheckedBackgroundColor = "#154273";
222
- export const utrechtRadioButtonCheckedBorderColor = "transparent";
223
- export const utrechtRadioButtonCheckedColor = "#fff";
224
- export const utrechtRadioButtonCheckedHoverBackgroundColor = "#738eab";
225
- export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
226
- export const utrechtRadioButtonCheckedHoverColor = "#fff";
227
- export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
228
- export const utrechtRadioButtonCheckedActiveBackgroundColor = "#4f7196";
229
- export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
230
- export const utrechtRadioButtonCheckedActiveColor = "#fff";
231
- export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
232
- export const utrechtRadioButtonCheckedFocusBackgroundColor = "#fff";
233
- export const utrechtRadioButtonCheckedFocusBorderColor = "#154273";
234
- export const utrechtRadioButtonCheckedFocusColor = "#154273";
235
- export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
236
- export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
237
- export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
238
- export const utrechtRadioButtonCheckedDisabledColor = "#475569";
239
- export const utrechtRadioButtonCheckedBorderWidth = "1px";
240
- export const utrechtRadioButtonHoverBackgroundColor = "#fff";
241
- export const utrechtRadioButtonHoverBorderColor = "#738eab";
242
- export const utrechtRadioButtonHoverBorderWidth = "1px";
243
- export const utrechtRadioButtonBorderRadius = "999px";
244
- export const utrechtRadioButtonBorderWidth = "1px";
245
- export const utrechtParagraphColor = "#0F172A";
246
- export const utrechtParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
247
- export const utrechtParagraphFontSize = "1.25rem";
248
- export const utrechtParagraphFontWeight = 400;
249
- export const utrechtParagraphLineHeight = "150%";
250
- export const utrechtParagraphMarginBlockEnd = 0;
251
- export const utrechtParagraphMarginBlockStart = 0;
252
- export const utrechtParagraphLeadColor = "#0F172A";
253
- export const utrechtParagraphLeadFontSize = "1.5rem";
254
- export const utrechtParagraphLeadFontWeight = 400;
255
- export const utrechtParagraphLeadLineHeight = "150%";
256
- export const utrechtOrderedListPaddingInlineStart = "1.5rem";
257
- export const utrechtOrderedListMarginBlockEnd = "0.25rem";
258
- export const utrechtOrderedListMarginBlockStart = "0.25rem";
259
- export const utrechtOrderedListMarginInlineStart = "0.625rem";
260
- export const utrechtOrderedListItemPaddingInlineStart = 0;
261
- export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
262
- export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
263
- export const utrechtOrderedListColor = "#0F172A";
264
- export const utrechtOrderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
265
- export const utrechtOrderedListFontWeight = 400;
266
- export const utrechtOrderedListFontSize = "1.25rem";
267
- export const utrechtOrderedListLineHeight = "150%";
268
- export const utrechtLinkListMarginBlockStart = 0;
269
- export const utrechtLinkListRowGap = "0.5rem";
270
- export const utrechtLinkListMarginBlockEnd = 0;
271
- export const utrechtLinkListItemColumnGap = "0.5rem";
272
- export const utrechtLinkListItemTextDecoration = "None";
273
- export const utrechtLinkListIconSize = "24px";
274
- export const utrechtLinkListIconInsetBlockStart = "0.188rem";
275
- export const utrechtLinkColor = "#01689b";
276
- export const utrechtLinkTextDecorationColor = "#01689b";
277
- export const utrechtLinkActiveColor = "#42145f";
278
- export const utrechtLinkActiveTextDecoration = "None";
279
- export const utrechtLinkFocusBackgroundColor = "transparent";
280
- export const utrechtLinkFocusColor = "#01689b";
281
- export const utrechtLinkFocusTextDecoration = "None";
282
- export const utrechtLinkFocusTextDecorationThickness = "auto";
283
- export const utrechtLinkHoverColor = "#01496c";
284
- export const utrechtLinkHoverTextDecoration = "None";
285
- export const utrechtLinkHoverTextDecorationThickness = "auto";
286
- export const utrechtLinkVisitedColor = "#42145f";
287
- export const utrechtLinkTextDecoration = "underline";
288
- export const utrechtLinkIconInsetBlockStart = "0.25rem";
289
- export const utrechtLinkIconSize = "24px";
290
- export const utrechtLinkColumnGap = "0.25rem";
291
- export const utrechtLinkTextDecorationThickness = "auto";
292
- export const utrechtLinkTextUnderlineOffset = "0.125rem";
293
- export const utrechtLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
294
- export const utrechtLinkFontWeight = 400;
295
- export const utrechtLinkFontSize = "1.25rem";
296
- export const utrechtLinkLineHeight = "150%";
297
- export const utrechtHeading1Color = "#154273";
298
- export const utrechtHeading1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
299
- export const utrechtHeading1FontWeight = 700;
300
- export const utrechtHeading1LineHeight = "125%";
301
- export const utrechtHeading1FontSize = "3.125rem";
302
- export const utrechtHeading1MarginBlockEnd = 0;
303
- export const utrechtHeading1MarginBlockStart = 0;
304
- export const utrechtHeading2Color = "#154273";
305
- export const utrechtHeading2FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
306
- export const utrechtHeading2FontWeight = 700;
307
- export const utrechtHeading2LineHeight = "125%";
308
- export const utrechtHeading2FontSize = "2.5rem";
309
- export const utrechtHeading2MarginBlockEnd = 0;
310
- export const utrechtHeading2MarginBlockStart = 0;
311
- export const utrechtHeading3Color = "#154273";
312
- export const utrechtHeading3FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
313
- export const utrechtHeading3FontWeight = 700;
314
- export const utrechtHeading3LineHeight = "125%";
315
- export const utrechtHeading3FontSize = "1.875rem";
316
- export const utrechtHeading3MarginBlockEnd = 0;
317
- export const utrechtHeading3MarginBlockStart = 0;
318
- export const utrechtHeading4Color = "#154273";
319
- export const utrechtHeading4FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
320
- export const utrechtHeading4FontWeight = 700;
321
- export const utrechtHeading4LineHeight = "125%";
322
- export const utrechtHeading4FontSize = "1.5rem";
323
- export const utrechtHeading4MarginBlockEnd = 0;
324
- export const utrechtHeading4MarginBlockStart = 0;
325
- export const utrechtHeading5Color = "#154273";
326
- export const utrechtHeading5FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
327
- export const utrechtHeading5FontWeight = 700;
328
- export const utrechtHeading5LineHeight = "125%";
329
- export const utrechtHeading5FontSize = "1.25rem";
330
- export const utrechtHeading5MarginBlockEnd = 0;
331
- export const utrechtHeading5MarginBlockStart = 0;
332
- export const utrechtFormLabelColor = "#0F172A";
333
- export const utrechtFormLabelFontSize = "1.25rem";
334
- export const utrechtFormLabelFontWeight = 700;
335
- export const utrechtFormFieldLabelColor = "#0F172A";
336
- export const utrechtFormFieldLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
337
- export const utrechtFormFieldLabelFontSize = "1.25rem";
338
- export const utrechtFormFieldLabelFontWeight = 700;
339
- export const utrechtFormFieldLabelLineHeight = "150%";
340
- export const utrechtFormFieldErrorMessageIconSize = "24px";
341
- export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
342
- export const utrechtFormFieldErrorMessageColor = "#d52b1e";
343
- export const utrechtFormFieldErrorMessageFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
344
- export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
345
- export const utrechtFormFieldErrorMessageFontWeight = 400;
346
- export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem";
347
- export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
348
- export const utrechtFormFieldDescriptionColor = "#334155";
349
- export const utrechtFormFieldDescriptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
350
- export const utrechtFormFieldDescriptionFontSize = "1.25rem";
351
- export const utrechtFormFieldDescriptionLineHeight = "150%";
352
- export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
353
- export const utrechtFormFieldDescriptionMarginBlockEnd = "0.5rem";
354
- export const utrechtFormFieldDescriptionPaddingBlockEnd = "0.5rem";
355
- export const utrechtFormFieldMarginBlockStart = "0.5rem";
356
- export const utrechtFormFieldMarginBlockEnd = "0.5rem";
357
- export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
358
- export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
359
- export const utrechtFormFieldInvalidPaddingInlineStart = 0;
360
- export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
361
- export const utrechtFormFieldErrorMessageLineHeight = "normal";
362
- export const utrechtPageFooterBackgroundColor = "#154273";
363
- export const utrechtPageFooterColor = "#fff";
364
- export const utrechtPageFooterPaddingBlockStart = "3rem";
365
- export const utrechtPageFooterPaddingBlockEnd = "3rem";
366
- export const utrechtPageFooterPaddingInlineStart = "80px";
367
- export const utrechtPageFooterPaddingInlineEnd = "80px";
368
- export const utrechtFigureCaptionBorderColor = "#CBD5E1";
369
- export const utrechtFigureCaptionBorderWidth = "4px";
370
- export const utrechtFigureCaptionColor = "#a90061";
371
- export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
372
- export const utrechtFigureCaptionPaddingBlockStart = "0.5rem";
373
- export const utrechtFigureCaptionPaddingInlineStart = "1rem";
374
- export const utrechtFigureCaptionLineHeight = "150%";
375
- export const utrechtFigureCaptionFontSize = "1.25rem";
376
- export const utrechtFigureImgBorderEndEndRadius = 0;
377
- export const utrechtFigureImgBorderEndStartRadius = 0;
378
- export const utrechtFigureImgBorderStartEndRadius = 0;
379
- export const utrechtFigureImgBorderStartStartRadius = 0;
380
- export const utrechtFormFieldsetLegendColor = "#0F172A";
381
- export const utrechtFormFieldsetLegendFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
382
- export const utrechtFormFieldsetLegendFontSize = "1.25rem";
383
- export const utrechtFormFieldsetLegendFontWeight = 700;
384
- export const utrechtFormFieldsetLegendLineHeight = "150%";
385
- export const utrechtFormFieldsetLegendDisabledColor = "#334155";
386
- export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
387
- export const utrechtFormFieldsetSectionColor = "#0F172A";
388
- export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
389
- export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
390
- export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
391
- export const utrechtNumberBadgeFontSize = "1.25rem";
392
- export const utrechtNumberBadgeLineHeight = "150%";
393
- export const utrechtNumberBadgeMinBlockSize = "24px";
394
- export const utrechtNumberBadgeMinInlineSize = "24px";
395
- export const utrechtNumberBadgeFontWeight = 700;
396
- export const utrechtNumberBadgeBorderWidth = "0px";
397
- export const utrechtNumberBadgeBorderRadius = "999px";
398
- export const utrechtNumberBadgeFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
399
- export const utrechtNumberBadgeBackgroundColor = "#154273";
400
- export const utrechtNumberBadgeBorderColor = "transparent";
401
- export const utrechtNumberBadgeColor = "#fff";
402
- export const utrechtNumberBadgePaddingInline = "0.5rem";
403
- export const utrechtNumberBadgePaddingBlock = "0.5rem";
404
- export const utrechtCheckboxBorderRadius = 0;
405
- export const utrechtCheckboxSize = "24px";
406
- export const utrechtCheckboxIconSize = "24px";
407
- export const utrechtCheckboxBackgroundColor = "#fff";
408
- export const utrechtCheckboxBorderColor = "#154273";
409
- export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
410
- export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
411
- export const utrechtCheckboxInvalidBorderWidth = "1px";
412
- export const utrechtCheckboxFocusBackgroundColor = "#fff";
413
- export const utrechtCheckboxFocusBorderColor = "#154273";
414
- export const utrechtCheckboxFocusBorderWidth = "2px";
415
- export const utrechtCheckboxDisabledBackgroundColor = "#CBD5E1";
416
- export const utrechtCheckboxDisabledBorderColor = "#94A3B8";
417
- export const utrechtCheckboxCheckedBackgroundColor = "#154273";
418
- export const utrechtCheckboxCheckedBorderColor = "transparent";
419
- export const utrechtCheckboxCheckedColor = "#fff";
420
- export const utrechtCheckboxCheckedBorderWidth = "1px";
421
- export const utrechtCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
422
- export const utrechtCheckboxCheckedDisabledBorderColor = "#94A3B8";
423
- export const utrechtCheckboxCheckedDisabledColor = "#475569";
424
- export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
425
- export const utrechtCheckboxCheckedFocusBackgroundColor = "#fff";
426
- export const utrechtCheckboxCheckedFocusBorderColor = "#154273";
427
- export const utrechtCheckboxCheckedFocusColor = "#154273";
428
- export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
429
- export const utrechtCheckboxCheckedHoverBackgroundColor = "#738eab";
430
- export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
431
- export const utrechtCheckboxCheckedHoverColor = "#fff";
432
- export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
433
- export const utrechtCheckboxCheckedActiveBackgroundColor = "#4f7196";
434
- export const utrechtCheckboxCheckedActiveBorderColor = "transparent";
435
- export const utrechtCheckboxCheckedActiveColor = "#fff";
436
- export const utrechtCheckboxIndeterminateBackgroundColor = "#154273";
437
- export const utrechtCheckboxIndeterminateBorderColor = "transparent";
438
- export const utrechtCheckboxIndeterminateColor = "#fff";
439
- export const utrechtCheckboxIndeterminateBorderWidth = "1px";
440
- export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
441
- export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
442
- export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
443
- export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#4f7196";
444
- export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
445
- export const utrechtCheckboxIndeterminateActiveColor = "#fff";
446
- export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
447
- export const utrechtCheckboxIndeterminateHoverBackgroundColor = "#738eab";
448
- export const utrechtCheckboxIndeterminateHoverBorderColor = "transparent";
449
- export const utrechtCheckboxIndeterminateHoverColor = "#fff";
450
- export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
451
- export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#fff";
452
- export const utrechtCheckboxIndeterminateFocusBorderColor = "#154273";
453
- export const utrechtCheckboxIndeterminateFocusColor = "#154273";
454
- export const utrechtCheckboxIndeterminateFocusBorderWidth = "2px";
455
- export const utrechtCheckboxBorderWidth = "1px";
456
- export const utrechtCheckboxHoverBorderWidth = "1px";
457
- export const utrechtCheckboxHoverBackgroundColor = "#fff";
458
- export const utrechtCheckboxHoverBorderColor = "#738eab";
459
- export const utrechtCheckboxActiveBorderWidth = "1px";
460
- export const utrechtCheckboxActiveBackgroundColor = "#fff";
461
- export const utrechtCheckboxActiveBorderColor = "#4f7196";
462
- export const utrechtButtonGroupBackgroundColor = "transparent";
463
- export const utrechtButtonGroupColumnGap = "0.5rem";
464
- export const utrechtButtonGroupMarginBlockEnd = "0px";
465
- export const utrechtButtonGroupMarginBlockStart = "0px";
466
- export const utrechtButtonGroupPaddingBlockEnd = "0px";
467
- export const utrechtButtonGroupPaddingBlockStart = "0px";
468
- export const utrechtButtonGroupRowGap = "0.5rem";
469
- export const utrechtButtonBackgroundColor = "#0F172A";
470
- export const utrechtButtonBorderColor = "transparent";
471
- export const utrechtButtonColor = "#fff";
472
- export const utrechtButtonBorderRadius = 0;
473
- export const utrechtButtonBorderWidth = "1px";
474
- export const utrechtButtonIconGap = "0.5rem";
475
- export const utrechtButtonIconSize = "24px";
476
- export const utrechtButtonFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
477
- export const utrechtButtonFontSize = "1.25rem";
478
- export const utrechtButtonFontWeight = 700;
479
- export const utrechtButtonLineHeight = "150%";
480
- export const utrechtButtonPaddingBlockEnd = "0.5rem";
481
- export const utrechtButtonPaddingBlockStart = "0.5rem";
482
- export const utrechtButtonPaddingInlineEnd = "1rem";
483
- export const utrechtButtonPaddingInlineStart = "1rem";
484
- export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
485
- export const utrechtButtonDisabledBorderColor = "transparent";
486
- export const utrechtButtonDisabledColor = "#94A3B8";
487
- export const utrechtButtonFocusBackgroundColor = "#475569";
488
- export const utrechtButtonFocusBorderColor = "transparent";
489
- export const utrechtButtonFocusColor = "#fff";
490
- export const utrechtButtonHoverBackgroundColor = "#475569";
491
- export const utrechtButtonHoverBorderColor = "transparent";
492
- export const utrechtButtonHoverColor = "#fff";
493
- export const utrechtButtonActiveBackgroundColor = "#1E293B";
494
- export const utrechtButtonActiveBorderColor = "transparent";
495
- export const utrechtButtonActiveColor = "#fff";
496
- export const utrechtButtonMinBlockSize = "48px";
497
- export const utrechtButtonMinInlineSize = "48px";
498
- export const utrechtButtonColumnGap = "0.5rem";
499
- export const utrechtButtonPrimaryActionHoverBackgroundColor = "#741344";
500
- export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
501
- export const utrechtButtonPrimaryActionHoverColor = "#fff";
502
- export const utrechtButtonPrimaryActionBackgroundColor = "#a90061";
503
- export const utrechtButtonPrimaryActionBorderColor = "transparent";
504
- export const utrechtButtonPrimaryActionColor = "#fff";
505
- export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#e5b3d0";
506
- export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
507
- export const utrechtButtonPrimaryActionDisabledColor = "#BE4088";
508
- export const utrechtButtonPrimaryActionFocusBackgroundColor = "#741344";
509
- export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
510
- export const utrechtButtonPrimaryActionFocusColor = "#fff";
511
- export const utrechtButtonPrimaryActionFontWeight = 700;
512
- export const utrechtButtonPrimaryActionActiveBackgroundColor = "#65003a";
513
- export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
514
- export const utrechtButtonPrimaryActionActiveColor = "#fff";
515
- export const utrechtButtonPrimaryActionFontSize = "1.25rem";
516
- export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
517
- export const utrechtButtonPrimaryActionPressedBackgroundColor = "#63143a";
518
- export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
519
- export const utrechtButtonPrimaryActionPressedColor = "#fff";
520
- export const utrechtButtonSecondaryActionHoverBackgroundColor = "#f2d9e7";
521
- export const utrechtButtonSecondaryActionHoverBorderColor = "#741344";
522
- export const utrechtButtonSecondaryActionHoverColor = "#741344";
523
- export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
524
- export const utrechtButtonSecondaryActionBorderColor = "#a90061";
525
- export const utrechtButtonSecondaryActionColor = "#a90061";
526
- export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
527
- export const utrechtButtonSecondaryActionDisabledBorderColor = "#D88CB7";
528
- export const utrechtButtonSecondaryActionDisabledColor = "#CB66A0";
529
- export const utrechtButtonSecondaryActionFocusBackgroundColor = "#f2d9e7";
530
- export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
531
- export const utrechtButtonSecondaryActionFocusColor = "#741344";
532
- export const utrechtButtonSecondaryActionFontWeight = 700;
533
- export const utrechtButtonSecondaryActionActiveBackgroundColor = "#D88CB7";
534
- export const utrechtButtonSecondaryActionActiveBorderColor = "#63143a";
535
- export const utrechtButtonSecondaryActionActiveColor = "#741344";
536
- export const utrechtButtonSecondaryActionFontSize = "1.25rem";
537
- export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
538
- export const utrechtButtonSecondaryActionPressedBackgroundColor = "#e5b3d0";
539
- export const utrechtButtonSecondaryActionPressedBorderColor = "#63143a";
540
- export const utrechtButtonSecondaryActionPressedColor = "#63143a";
541
- export const utrechtButtonSubtleFontSize = "1.25rem";
542
- export const utrechtButtonSubtleFontWeight = 700;
543
- export const utrechtButtonSubtleHoverBackgroundColor = "#f2d9e7";
544
- export const utrechtButtonSubtleHoverBorderColor = "transparent";
545
- export const utrechtButtonSubtleHoverColor = "#741344";
546
- export const utrechtButtonSubtleBackgroundColor = "transparent";
547
- export const utrechtButtonSubtleBorderColor = "transparent";
548
- export const utrechtButtonSubtleColor = "#a90061";
549
- export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
550
- export const utrechtButtonSubtleDisabledBorderColor = "transparent";
551
- export const utrechtButtonSubtleDisabledColor = "#e5b3d0";
552
- export const utrechtButtonSubtleFocusBackgroundColor = "#f2d9e7";
553
- export const utrechtButtonSubtleFocusBorderColor = "transparent";
554
- export const utrechtButtonSubtleFocusColor = "#741344";
555
- export const utrechtButtonSubtleActiveBackgroundColor = "#D88CB7";
556
- export const utrechtButtonSubtleActiveBorderColor = "transparent";
557
- export const utrechtButtonSubtleActiveColor = "#65003a";
558
- export const utrechtButtonSubtleLineHeight = "1.875rem";
559
- export const utrechtButtonSubtlePressedBackgroundColor = "#e5b3d0";
560
- export const utrechtButtonSubtlePressedBorderColor = "transparent";
561
- export const utrechtButtonSubtlePressedColor = "#63143a";
562
- export const utrechtButtonPressedBackgroundColor = "#1E293B";
563
- export const utrechtButtonPressedBorderColor = "transparent";
564
- export const utrechtButtonPressedColor = "#fff";
565
- export const utrechtBreadcrumbNavLineHeight = 1.4;
566
- export const utrechtBreadcrumbNavFontSize = "1.25rem";
567
- export const utrechtBreadcrumbNavLinkIconSize = "24px";
568
- export const utrechtBreadcrumbNavLinkIconMarginInline = "0.25rem";
569
- export const utrechtBreadcrumbNavLinkIconInsetBlockStart = 0;
570
- export const utrechtBreadcrumbNavLinkPaddingBlockEnd = "0.75rem";
571
- export const utrechtBreadcrumbNavLinkPaddingBlockStart = "0.75rem";
572
- export const utrechtBreadcrumbNavLinkPaddingInlineEnd = 0;
573
- export const utrechtBreadcrumbNavLinkPaddingInlineStart = 0;
574
- export const utrechtBreadcrumbNavLinkColor = "#01689b";
575
- export const utrechtBreadcrumbNavLinkActiveColor = "#42145f";
576
- export const utrechtBreadcrumbNavLinkActiveTextDecoration = "None";
577
- export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
578
- export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
579
- export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
580
- export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
581
- export const utrechtBreadcrumbNavLinkHoverTextDecoration = "None";
582
- export const utrechtBreadcrumbNavLinkCurrentColor = "#334155";
583
- export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
584
- export const utrechtBreadcrumbNavDividerSize = "24px";
585
- export const utrechtBreadcrumbNavDividerColor = "#334155";
586
- export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
587
- export const utrechtBreadcrumbNavMarginInline = "0.5rem";
588
- export const utrechtBreadcrumbNavFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
589
- export const utrechtBreadcrumbNavFontWeight = 400;
590
- export const utrechtBlockquoteCaptionFontSize = "1.25rem";
591
- export const utrechtBlockquoteCaptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
592
- export const utrechtBlockquoteCaptionLineHeight = "150%";
593
- export const utrechtBlockquoteCaptionFontWeight = 400;
594
- export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
595
- export const utrechtBlockquoteCaptionColor = "#334155";
596
- export const utrechtBlockquoteContentFontFamily = "RijksoverheidSerifWeb, 'Times New Roman', serif";
597
- export const utrechtBlockquoteContentLineHeight = "150%";
598
- export const utrechtBlockquoteContentFontWeight = 400;
599
- export const utrechtBlockquoteContentFontSize = "1.5rem";
600
- export const utrechtBlockquoteContentColor = "#0F172A";
601
- export const utrechtBlockquoteMarginBlockEnd = 0;
602
- export const utrechtBlockquoteMarginBlockStart = 0;
603
- export const utrechtBlockquoteMarginInlineEnd = 0;
604
- export const utrechtBlockquoteMarginInlineStart = 0;
605
- export const utrechtBlockquotePaddingBlockEnd = "2rem";
606
- export const utrechtBlockquotePaddingBlockStart = "2rem";
607
- export const utrechtBlockquotePaddingInlineEnd = "2rem";
608
- export const utrechtBlockquotePaddingInlineStart = "2rem";
609
- export const utrechtBlockquoteRowGap = "0.75rem";
610
- export const utrechtBlockquoteBackgroundColor = "transparent";
611
- export const utrechtBlockquoteBorderColor = "#a90061";
612
- export const utrechtBlockquoteBorderBlockStartWidth = 0;
613
- export const utrechtBlockquoteBorderBlockEndWidth = 0;
614
- export const utrechtBlockquoteBorderInlineStartWidth = 0;
615
- export const utrechtBlockquoteBorderInlineEndWidth = 0;
616
- export const utrechtBlockquoteBorderStartStartRadius = 0;
617
- export const utrechtBlockquoteBorderStartEndRadius = 0;
618
- export const utrechtBlockquoteBorderEndStartRadius = 0;
619
- export const utrechtBlockquoteBorderEndEndRadius = 0;
620
- export const utrechtBlockquoteBorderWidth = "2px";
621
- export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#a90061";
622
- export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
623
- export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
624
- export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
625
- export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
626
- export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
627
- export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
628
- export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
629
- export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
630
- export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
631
- export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
632
- export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
633
- export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
634
- export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
635
- export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
636
- export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
637
- export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
638
- export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
639
- export const utrechtArticleMaxInlineSize = "75ch";
640
- export const utrechtAlertHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
641
- export const utrechtAlertHeadingFontWeight = 700;
642
- export const utrechtAlertHeadingLineHeight = "150%";
643
- export const utrechtAlertHeadingFontSize = "1.25rem";
644
- export const utrechtAlertColumnGap = "0.5rem";
645
- export const utrechtAlertBorderWidth = "0px";
646
- export const utrechtAlertMarginBlockEnd = "0.75rem";
647
- export const utrechtAlertMarginBlockStart = "0.75rem";
648
- export const utrechtAlertPaddingBlockEnd = "1rem";
649
- export const utrechtAlertPaddingBlockStart = "1rem";
650
- export const utrechtAlertPaddingInlineEnd = "1rem";
651
- export const utrechtAlertPaddingInlineStart = "1rem";
652
- export const utrechtAlertBackgroundColor = "#d9ebf7";
653
- export const utrechtAlertBorderColor = "transparent";
654
- export const utrechtAlertColor = "#0F172A";
655
- export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
656
- export const utrechtAlertInfoBorderColor = "transparent";
657
- export const utrechtAlertInfoColor = "#0F172A";
658
- export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
659
- export const utrechtAlertErrorBorderColor = "transparent";
660
- export const utrechtAlertErrorColor = "#0F172A";
661
- export const utrechtAlertOkBackgroundColor = "#e1eddb";
662
- export const utrechtAlertOkBorderColor = "transparent";
663
- export const utrechtAlertOkColor = "#0F172A";
664
- export const utrechtAlertWarningBackgroundColor = "#fff4db";
665
- export const utrechtAlertWarningBorderColor = "transparent";
666
- export const utrechtAlertWarningColor = "#0F172A";
667
- export const utrechtAlertIconInsetBlockStart = "3px";
668
- export const utrechtAlertIconInfoColor = "#007bc7";
669
- export const utrechtAlertIconErrorColor = "#d52b1e";
670
- export const utrechtAlertIconOkColor = "#39870c";
671
- export const utrechtAlertIconWarningColor = "#ffb612";
672
- export const utrechtAlertIconSize = "24px";
673
- export const utrechtAlertMessageLineHeight = "150%";
674
- export const utrechtAlertMessageColumnGap = "0.5rem";
675
- export const utrechtAlertBorderRadius = 0;
676
- export const utrechtAccordionPanelBorderColor = "#94A3B8";
677
- export const utrechtAccordionPanelBorderWidth = 0;
678
- export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
679
- export const utrechtAccordionPanelPaddingBlockStart = "1rem";
680
- export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
681
- export const utrechtAccordionPanelPaddingInlineStart = "1rem";
682
- export const utrechtAccordionButtonGap = "0.5rem";
683
- export const utrechtAccordionButtonIconSize = "24px";
684
- export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
685
- export const utrechtAccordionButtonHoverBorderColor = "#94A3B8";
686
- export const utrechtAccordionButtonHoverColor = "#0F172A";
687
- export const utrechtAccordionButtonBackgroundColor = "#fff";
688
- export const utrechtAccordionButtonBorderColor = "#94A3B8";
689
- export const utrechtAccordionButtonBorderWidth = 0;
690
- export const utrechtAccordionButtonColor = "#0F172A";
691
- export const utrechtAccordionButtonFocusBackgroundColor = "#dce3ea";
692
- export const utrechtAccordionButtonFocusBorderColor = "#154273";
693
- export const utrechtAccordionButtonFocusColor = "#0F172A";
694
- export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
695
- export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
696
- export const utrechtAccordionButtonActiveColor = "#0F172A";
697
- export const utrechtAccordionButtonActiveRowGap = 0;
698
- export const utrechtDocumentBackgroundColor = "#fff";
699
- export const utrechtDocumentColor = "#0F172A";
700
- export const utrechtDocumentFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
701
- export const utrechtDocumentFontSize = "1.25rem";
702
- export const utrechtDocumentLineHeight = "150%";
703
- export const utrechtDocumentFontWeight = 400;
704
- export const utrechtRichTextStrangerMarginBlockEnd = "2rem";
705
- export const utrechtRichTextAcquaintanceMarginBlockEnd = "1rem";
706
- export const utrechtRichTextFriendMarginBlockEnd = "0.5rem";
707
- export const utrechtRichTextBestFriendMarginBlockEnd = "0.25rem";
708
- export const utrechtRichTextConfidantMarginBlockEnd = 0;
709
- export const utrechtPointerTargetMinSize = "48px";
710
- export const utrechtFocusOutlineColor = "#000";
711
- export const utrechtFocusOutlineOffset = "0.125rem";
712
- export const utrechtFocusOutlineStyle = "solid";
713
- export const utrechtFocusOutlineWidth = "2px";
714
- export const utrechtFocusInverseOutlineColor = "#fff";
6
+ export const rhcDataSummaryFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
7
+ export const rhcDataSummaryItemValueFontWeight = 400;
8
+ export const rhcDataSummaryItemValueRowPaddingBlockEnd = "0.75rem";
9
+ export const rhcDataSummaryItemValueRowPaddingBlockStart = "0.75rem";
10
+ export const rhcDataSummaryItemValueRowPaddingInlineEnd = 0;
11
+ export const rhcDataSummaryItemValueRowPaddingInlineStart = "0px";
12
+ export const rhcDataSummaryItemValuePaddingBlockEnd = "0.75rem";
13
+ export const rhcDataSummaryItemValuePaddingBlockStart = 0;
14
+ export const rhcDataSummaryItemValuePaddingInlineEnd = 0;
15
+ export const rhcDataSummaryItemValuePaddingInlineStart = 0;
16
+ export const rhcDataSummaryItemKeyFontWeight = 700;
17
+ export const rhcDataSummaryItemKeyRowPaddingBlockEnd = "0.75rem";
18
+ export const rhcDataSummaryItemKeyRowPaddingBlockStart = "0.75rem";
19
+ export const rhcDataSummaryItemKeyRowPaddingInlineEnd = "1rem";
20
+ export const rhcDataSummaryItemKeyRowPaddingInlineStart = 0;
21
+ export const rhcDataSummaryItemKeyPaddingBlockEnd = "0.25rem";
22
+ export const rhcDataSummaryItemKeyPaddingBlockStart = "0.75rem";
23
+ export const rhcDataSummaryItemKeyPaddingInlineEnd = 0;
24
+ export const rhcDataSummaryItemKeyPaddingInlineStart = 0;
25
+ export const rhcDataSummaryItemBorderWidth = "1px";
26
+ export const rhcDataSummaryItemBorderColor = "#CBD5E1";
27
+ export const rhcDataSummaryItemBorderBlockEndStyle = "solid";
28
+ export const rhcDataSummaryItemColor = "#0F172A";
29
+ export const rhcDataSummaryFontSize = "1.25rem";
30
+ export const rhcDataSummaryLineHeight = "150%";
31
+ export const rhcDataSummaryItemActionRowPaddingBlockEnd = "0.75rem";
32
+ export const rhcDataSummaryItemActionRowPaddingBlockStart = "0.75rem";
33
+ export const rhcDataSummaryItemActionRowPaddingInlineEnd = 0;
34
+ export const rhcDataSummaryItemActionRowPaddingInlineStart = "1rem";
35
+ export const rhcDataSummaryItemActionPaddingBlockEnd = "0.75rem";
36
+ export const rhcDataSummaryItemActionPaddingBlockStart = "0.75rem";
37
+ export const rhcDataSummaryItemActionPaddingInlineEnd = "1rem";
38
+ export const rhcDataSummaryItemActionPaddingInlineStart = 0;
39
+ export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.";
40
+ export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
41
+ export const rhcKeepTopLeftBorderRadiusTopRight = 0;
42
+ export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
43
+ export const rhcKeepTopLeftBorderRadiusBottomLeft = 0;
44
+ export const rhcKeepTopRightBorderRadiusTopRight = "48px";
45
+ export const rhcKeepTopRightBorderRadiusTopLeft = 0;
46
+ export const rhcKeepTopRightBorderRadiusBottomRight = 0;
47
+ export const rhcKeepTopRightBorderRadiusBottomLeft = 0;
48
+ export const rhcKeepBottomRightBorderRadiusTopLeft = 0;
49
+ export const rhcKeepBottomRightBorderRadiusTopRight = 0;
50
+ export const rhcKeepBottomRightBorderRadiusBottomRight = "48px";
51
+ export const rhcKeepBottomRightBorderRadiusBottomLeft = 0;
52
+ export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
53
+ export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
54
+ export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
55
+ export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
56
+ export const rhcRoundedCornerXsBorderRadius = "24px";
57
+ export const rhcRoundedCornerMdBorderRadius = "48px";
58
+ export const rhcRoundedCornerXlBorderRadius = "96px";
59
+ export const rhcRoundedCornerBorderWidth = "2px";
715
60
  export const rhcColorPrimary50 = "#f2d9e7";
716
61
  export const rhcColorPrimary100 = "#e5b3d0";
717
62
  export const rhcColorPrimary200 = "#D88CB7";
@@ -723,6 +68,8 @@ export const rhcColorFocusOutline = "#000";
723
68
  export const rhcColorForegroundDefault = "#0F172A";
724
69
  export const rhcColorForegroundSubdued = "#334155";
725
70
  export const rhcColorForegroundLink = "#01689b";
71
+ export const rhcColorForegroundOnDarkColor = "#fff";
72
+ export const rhcColorForegroundOnLightColor = "#000";
726
73
  export const rhcColorForegroundOnEmphasis = "#fff";
727
74
  export const rhcColorBorderDefault = "#64748B";
728
75
  export const rhcColorBorderSubdued = "#94A3B8";
@@ -893,7 +240,7 @@ export const rhcSidenavLinkLineHeight = "150%";
893
240
  export const rhcSidenavLinkIconSize = "24px";
894
241
  export const rhcSidenavLinkIconMarginInline = "0.5rem";
895
242
  export const rhcSidenavLinkFontSize = "1.25rem";
896
- export const rhcSidenavLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
243
+ export const rhcSidenavLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
897
244
  export const rhcSidenavLinkFontWeight = 400;
898
245
  export const rhcSidenavLinkCurrentFontWeight = 700;
899
246
  export const rhcSidenavLinkCurrentColor = "#0F172A";
@@ -903,7 +250,7 @@ export const rhcSidenavLinkActiveTextDecoration = "underline";
903
250
  export const rhcSidenavLinkFocusBorderRadius = 0;
904
251
  export const rhcSidenavLinkFocusBorderWidth = "2px";
905
252
  export const rhcSidenavLinkFocusBorderStyle = "solid";
906
- export const rhcSidenavLinkFocusBorderColor = "#154273";
253
+ export const rhcSidenavLinkFocusBorderColor = "#a90061";
907
254
  export const rhcSidenavLinkFocusBackgroundColor = "none";
908
255
  export const rhcSidenavLinkFocusColor = "#01689b";
909
256
  export const rhcSidenavLinkFocusTextDecoration = "None";
@@ -922,16 +269,16 @@ export const rhcNavigationListIconColor = "#fff";
922
269
  export const rhcNavigationListItemIconPaddingInline = "0.5rem";
923
270
  export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
924
271
  export const rhcNavigationListItemIconSize = "24px";
925
- export const rhcNavigationListItemContentFontSize = "1.125rem";
272
+ export const rhcNavigationListItemContentFontSize = "1.25rem";
926
273
  export const rhcNavigationListItemContentColumnGap = "0.5rem";
927
274
  export const rhcNavigationListItemContentRowGap = "0.25rem";
928
- export const rhcNavigationListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
275
+ export const rhcNavigationListItemLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
929
276
  export const rhcNavigationListItemLabelFontSize = "1.875rem";
930
277
  export const rhcNavigationListItemLabelFontWeight = 700;
931
278
  export const rhcNavigationListItemLabelLineHeight = "150%";
932
279
  export const rhcNavigationListItemActiveBackgroundColor = "#F1F5F9";
933
280
  export const rhcNavigationListItemHoverBackgroundColor = "#F8FAFC";
934
- export const rhcNavigationListItemFocusBackgroundColor = "#dce3ea";
281
+ export const rhcNavigationListItemFocusBackgroundColor = "#f2d9e7";
935
282
  export const rhcNavigationListItemBackgroundColor = "#fff";
936
283
  export const rhcNavigationListItemColor = "#334155";
937
284
  export const rhcNavigationListItemBorderWidth = "1px";
@@ -976,10 +323,10 @@ export const rhcMessageListItemIconColor = "#0F172A";
976
323
  export const rhcMessageListItemMinHeight = "48px";
977
324
  export const rhcMessageListItemPaddingBlock = "0.75rem";
978
325
  export const rhcMessageListItemPaddingInline = "1rem";
979
- export const rhcMessageListItemContentFontSize = "1.125rem";
326
+ export const rhcMessageListItemContentFontSize = "1.25rem";
980
327
  export const rhcMessageListItemContentColumnGap = "0.5rem";
981
328
  export const rhcMessageListItemContentRowGap = "0.5rem";
982
- export const rhcMessageListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
329
+ export const rhcMessageListItemLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
983
330
  export const rhcMessageListItemLabelFontSize = "1.25rem";
984
331
  export const rhcMessageListItemLabelFontWeight = 700;
985
332
  export const rhcMessageListItemLabelLineHeight = "150%";
@@ -996,7 +343,7 @@ export const rhcLogoSubtitleFontWeight = 400;
996
343
  export const rhcLogoSubtitleLineHeight = "1rem";
997
344
  export const rhcLogoSubtitleFontSize = "0.775rem";
998
345
  export const rhcLogoColumnGap = "12px";
999
- export const rhcLogoFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
346
+ export const rhcLogoFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1000
347
  export const rhcLogoColor = "#154273";
1001
348
  export const rhcLinkListCardBackgroundColor = "#fff";
1002
349
  export const rhcLinkListCardPaddingBlockStart = "1.5rem";
@@ -1012,12 +359,12 @@ export const rhcIconOnlyButtonPaddingInlineStart = "0.75rem";
1012
359
  export const rhcHeroHeadingFontWeight = 700;
1013
360
  export const rhcHeroHeadingLineHeight = "125%";
1014
361
  export const rhcHeroHeadingFontSize = "1.875rem";
1015
- export const rhcHeroHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
362
+ export const rhcHeroHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1016
363
  export const rhcHeroSubHeadingFontWeight = 400;
1017
364
  export const rhcHeroSubHeadingLineHeight = "150%";
1018
365
  export const rhcHeroSubHeadingFontSize = "1.25rem";
1019
- export const rhcHeroSubHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1020
- export const rhcHeroMessageBackgroundColor = "#154273";
366
+ export const rhcHeroSubHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
367
+ export const rhcHeroMessageBackgroundColor = "#a90061";
1021
368
  export const rhcHeroMessageColor = "#fff";
1022
369
  export const rhcHeroMessageRowGap = "0.125rem";
1023
370
  export const rhcHeroMessagePaddingBlockEnd = "1rem";
@@ -1043,7 +390,7 @@ export const rhcPageFooterContentPaddingInlineStart = "1rem";
1043
390
  export const rhcPageFooterContentPaddingInlineEnd = "1rem";
1044
391
  export const rhcPageFooterContentColumnGap = "2rem";
1045
392
  export const rhcPageFooterBorderBlockStartWidth = "2px";
1046
- export const rhcPageFooterBorderBlockStartColor = "#738eab";
393
+ export const rhcPageFooterBorderBlockStartColor = "#CB66A0";
1047
394
  export const rhcPageFooterBorderBlockStartStyle = "solid";
1048
395
  export const rhcPageFooterOutlinedBackgroundColor = "#fff";
1049
396
  export const rhcPageFooterOutlinedColor = "#a90061";
@@ -1058,7 +405,7 @@ export const rhcFileInputRowGap = "0.75rem";
1058
405
  export const rhcFileInputFeedbackColor = "#475569";
1059
406
  export const rhcFileInputFeedbackFontSize = "1rem";
1060
407
  export const rhcFileBorderStyle = "solid";
1061
- export const rhcFileBorderColor = "#154273";
408
+ export const rhcFileBorderColor = "#a90061";
1062
409
  export const rhcFileBorderWidth = "1px";
1063
410
  export const rhcFileBorderRadius = 0;
1064
411
  export const rhcFilePaddingInlineStart = "1rem";
@@ -1083,7 +430,7 @@ export const rhcCardAsLinkBorderWidth = "1px";
1083
430
  export const rhcCardAsLinkColor = "#0F172A";
1084
431
  export const rhcCardAsLinkColumnGap = "1rem";
1085
432
  export const rhcCardAsLinkInlineSize = "328px";
1086
- export const rhcCardAsLinkIconColor = "#154273";
433
+ export const rhcCardAsLinkIconColor = "#a90061";
1087
434
  export const rhcCardAsLinkIconSize = "24px";
1088
435
  export const rhcCardAsLinkLinkColor = "#01689b";
1089
436
  export const rhcCardAsLinkLinkTextDecoration = "underline";
@@ -1100,17 +447,17 @@ export const rhcCardAsLinkActiveBackgroundColor = "#F1F5F9";
1100
447
  export const rhcCardAsLinkActiveTextDecoration = "underline";
1101
448
  export const rhcCardAsLinkHoverBackgroundColor = "#F8FAFC";
1102
449
  export const rhcCardAsLinkHoverTextDecoration = "underline";
1103
- export const rhcCardAsLinkFocusBackgroundColor = "#dce3ea";
450
+ export const rhcCardAsLinkFocusBackgroundColor = "#f2d9e7";
1104
451
  export const rhcCardAsLinkFocusTextDecoration = "underline";
1105
452
  export const rhcCardAsLinkFullBleedBackgroundColor = "#000";
1106
453
  export const rhcCardAsLinkFullBleedBorderColor = "transparent";
1107
454
  export const rhcCardAsLinkFullBleedColor = "#fff";
1108
455
  export const rhcCardAsLinkFullBleedOpacity = 0.5;
1109
- export const rhcCardAsLinkHeadingColor = "#154273";
456
+ export const rhcCardAsLinkHeadingColor = "#a90061";
1110
457
  export const rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
1111
458
  export const rhcCardAsLinkHeadingFontSize = "1.5rem";
1112
459
  export const rhcCardAsLinkHeadingFontWeight = 700;
1113
- export const rhcCardAsLinkHorizontalBackgroundColor = "#154273";
460
+ export const rhcCardAsLinkHorizontalBackgroundColor = "#a90061";
1114
461
  export const rhcCardAsLinkHorizontalBorderColor = "transparent";
1115
462
  export const rhcCardAsLinkHorizontalColor = "#fff";
1116
463
  export const rhcCardAsLinkHorizontalMaxBlockSize = "96px";
@@ -1119,39 +466,6 @@ export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
1119
466
  export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
1120
467
  export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
1121
468
  export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
1122
- export const rhcAccordionButtonFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1123
- export const rhcAccordionButtonFontSize = "1.25rem";
1124
- export const rhcAccordionButtonFontWeight = 400;
1125
- export const rhcAccordionButtonLineHeight = "150%";
1126
- export const rhcAccordionButtonIconMarginBlock = "0.25rem";
1127
- export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
1128
- export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
1129
- export const rhcAccordionButtonPaddingInlineEnd = "1rem";
1130
- export const rhcAccordionButtonPaddingInlineStart = "1rem";
1131
- export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
1132
- export const rhcAccordionButtonExpandedColor = "#0F172A";
1133
- export const rhcAccordionSectionBorderBlockEndWidth = "1px";
1134
- export const rhcAccordionSectionBorderWidth = 0;
1135
- export const rhcAccordionSectionBorderColor = "#94A3B8";
1136
- export const rhcAccordionHeaderMargin = 0;
1137
- export const rhcAccordionBorderRadius = "0px";
1138
- export const rhcAccordionColor = "#0F172A";
1139
- export const rhcKeepTopLeftBorderRadiusTopLeft = 0;
1140
- export const rhcKeepTopLeftBorderRadiusTopRight = 0;
1141
- export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
1142
- export const rhcKeepTopLeftBorderRadiusBottomLeft = 0;
1143
- export const rhcKeepTopRightBorderRadiusTopRight = 0;
1144
- export const rhcKeepTopRightBorderRadiusTopLeft = 0;
1145
- export const rhcKeepTopRightBorderRadiusBottomRight = 0;
1146
- export const rhcKeepTopRightBorderRadiusBottomLeft = 0;
1147
- export const rhcKeepBottomRightBorderRadiusTopLeft = 0;
1148
- export const rhcKeepBottomRightBorderRadiusTopRight = 0;
1149
- export const rhcKeepBottomRightBorderRadiusBottomRight = 0;
1150
- export const rhcKeepBottomRightBorderRadiusBottomLeft = 0;
1151
- export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
1152
- export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
1153
- export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
1154
- export const rhcKeepBottomLeftBorderRadiusBottomLeft = 0;
1155
469
  export const rhcFocusOutlineOffset = "0.125rem";
1156
470
  export const rhcFocusOutlineStyle = "solid";
1157
471
  export const rhcFocusOutlineWidth = "2px";
@@ -1160,9 +474,8 @@ export const rhcFontSizeHeadingLevel2 = "2.5rem";
1160
474
  export const rhcFontSizeHeadingLevel3 = "1.875rem";
1161
475
  export const rhcFontSizeHeadingLevel4 = "1.5rem";
1162
476
  export const rhcFontSizeHeadingLevel5 = "1.25rem";
1163
- export const rhcFontSizeParagraphIntro = "1.5rem";
1164
- export const rhcFontSizeParagraphDefault = "1.25rem";
1165
- export const rhcFontSizeParagraphSmall = "1.125rem";
477
+ export const rhcFontSizeBodyIntro = "1.5rem";
478
+ export const rhcFontSizeBodyDefault = "1.25rem";
1166
479
  export const rhcFontSizeXsDesktop = "1.25rem";
1167
480
  export const rhcFontSizeXsTablet = "1.125rem";
1168
481
  export const rhcFontSizeXsMobile = "1rem";
@@ -1178,7 +491,15 @@ export const rhcFontSizeLgMobile = "2rem";
1178
491
  export const rhcFontSizeXlDesktop = "3.125rem";
1179
492
  export const rhcFontSizeXlTablet = "2.813rem";
1180
493
  export const rhcFontSizeXlMobile = "2.5rem";
1181
- export const rhcLineHeightParagraph = "150%";
494
+ export const rhcFontWeightDefault = 400;
495
+ export const rhcFontWeightStrong = 700;
496
+ export const rhcFontWeightExtraBold = 800;
497
+ export const rhcFontWeightBold = 700;
498
+ export const rhcFontWeightSemiBold = 600;
499
+ export const rhcFontWeightRegular = 400;
500
+ export const rhcFontWeightLight = 300;
501
+ export const rhcFontWeightThin = 200;
502
+ export const rhcLineHeightBody = "150%";
1182
503
  export const rhcLineHeightSm = "125%";
1183
504
  export const rhcLineHeightMd = "150%";
1184
505
  export const rhcSizeTarget = "48px";
@@ -1188,14 +509,7 @@ export const rhcSizeHalfLint = "24px";
1188
509
  export const rhcSizeLint = "48px";
1189
510
  export const rhcSize2Lint = "96px";
1190
511
  export const rhcSize3Lint = "1440px";
1191
- export const rhcFontWeightExtraBold = 800;
1192
- export const rhcFontWeightBold = 700;
1193
- export const rhcFontWeightSemiBold = 550;
1194
- export const rhcFontWeightRegular = 400;
1195
- export const rhcFontWeightChosenRegular = 400;
1196
- export const rhcFontWeightLight = 300;
1197
- export const rhcFontWeightThin = 200;
1198
- export const rhcFontFamilyPrimary = "Fira Sans, Arial, Verdana, sans-serif";
512
+ export const rhcFontFamilyPrimary = "'Fira Sans', Arial, Verdana, sans-serif";
1199
513
  export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
1200
514
  export const rhcBorderWidthDefault = "1px";
1201
515
  export const rhcBorderWidthM = "2px";
@@ -1211,8 +525,711 @@ export const rhcSpace400 = "2rem";
1211
525
  export const rhcSpace500 = "2.5rem";
1212
526
  export const rhcSpace600 = "3rem";
1213
527
  export const rhcSpace700 = "3.5rem";
528
+ export const utrechtBlockquoteBackgroundColor = "transparent";
529
+ export const utrechtBlockquoteBorderInlineStartWidth = "12px";
530
+ export const utrechtBlockquoteBorderColor = "#a90061";
531
+ export const utrechtBlockquoteBorderRadius = 0;
532
+ export const utrechtBlockquoteBorderWidth = 0;
533
+ export const utrechtBlockquoteColor = "#154273";
534
+ export const utrechtBlockquoteFontSize = "1.25rem";
535
+ export const utrechtBlockquoteFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
536
+ export const utrechtBlockquotePaddingBlockEnd = "1.5rem";
537
+ export const utrechtBlockquotePaddingBlockStart = "1.5rem";
538
+ export const utrechtBlockquotePaddingInlineEnd = "2.5rem";
539
+ export const utrechtBlockquotePaddingInlineStart = "2.5rem";
540
+ export const utrechtBlockquoteRowGap = "0.75rem";
541
+ export const utrechtBlockquoteAttributionColor = "#154273";
542
+ export const utrechtBlockquoteAttributionFontSize = "1.25rem";
543
+ export const utrechtBlockquoteContentColor = "#154273";
544
+ export const utrechtBlockquoteContentFontSize = "1.5rem";
545
+ export const utrechtBlockquoteContentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
546
+ export const utrechtBlockquoteContentLineHeight = "150%";
547
+ export const utrechtBlockquoteContentFontWeight = 400;
548
+ export const utrechtBlockquoteCaptionFontSize = "1.25rem";
549
+ export const utrechtBlockquoteCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
550
+ export const utrechtBlockquoteCaptionLineHeight = "150%";
551
+ export const utrechtBlockquoteCaptionFontWeight = 400;
552
+ export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
553
+ export const utrechtBlockquoteCaptionColor = "#154273";
554
+ export const utrechtBlockquoteMarginBlockEnd = 0;
555
+ export const utrechtBlockquoteMarginBlockStart = 0;
556
+ export const utrechtBlockquoteMarginInlineEnd = 0;
557
+ export const utrechtBlockquoteMarginInlineStart = 0;
558
+ export const utrechtBlockquoteBorderBlockStartWidth = 0;
559
+ export const utrechtBlockquoteBorderBlockEndWidth = 0;
560
+ export const utrechtBlockquoteBorderInlineEndWidth = 0;
561
+ export const utrechtBlockquoteBorderStartStartRadius = 0;
562
+ export const utrechtBlockquoteBorderStartEndRadius = 0;
563
+ export const utrechtBlockquoteBorderEndStartRadius = 0;
564
+ export const utrechtBlockquoteBorderEndEndRadius = 0;
565
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#a90061";
566
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
567
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
568
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
569
+ export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
570
+ export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
571
+ export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
572
+ export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
573
+ export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
574
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
575
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
576
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
577
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
578
+ export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
579
+ export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
580
+ export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
581
+ export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
582
+ export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
583
+ export const utrechtColumnLayoutColumnRuleColor = "transparent";
584
+ export const utrechtColumnLayoutColumnRuleWidth = "0px";
585
+ export const utrechtColumnLayoutColumnWidth = "400px";
586
+ export const utrechtColumnLayoutGap = "0.75rem";
587
+ export const utrechtIconColor = "inherit";
588
+ export const utrechtIconSize = "24px";
589
+ export const utrechtIconInsetBlockStart = 0;
590
+ export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
591
+ export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
592
+ export const utrechtUnorderedListMarginBlockStart = "0.25rem";
593
+ export const utrechtUnorderedListColor = "#0F172A";
594
+ export const utrechtUnorderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
595
+ export const utrechtUnorderedListFontWeight = 400;
596
+ export const utrechtUnorderedListFontSize = "1.25rem";
597
+ export const utrechtUnorderedListLineHeight = "150%";
598
+ export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
599
+ export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
600
+ export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
601
+ export const utrechtUnorderedListMarkerColor = "#0F172A";
602
+ export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
603
+ export const utrechtTextboxBorderRadius = 0;
604
+ export const utrechtTextboxFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
605
+ export const utrechtTextboxFontSize = "1.25rem";
606
+ export const utrechtTextboxFontWeight = 400;
607
+ export const utrechtTextboxLineHeight = "150%";
608
+ export const utrechtTextboxMaxInlineSize = "400px";
609
+ export const utrechtTextboxPaddingBlockEnd = "0.5rem";
610
+ export const utrechtTextboxPaddingBlockStart = "0.5rem";
611
+ export const utrechtTextboxPaddingInlineEnd = "0.75rem";
612
+ export const utrechtTextboxPaddingInlineStart = "0.75rem";
613
+ export const utrechtTextboxBackgroundColor = "#fff";
614
+ export const utrechtTextboxBorderColor = "#a90061";
615
+ export const utrechtTextboxColor = "#0F172A";
616
+ export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
617
+ export const utrechtTextboxInvalidBorderColor = "#d52b1e";
618
+ export const utrechtTextboxInvalidColor = "#0F172A";
619
+ export const utrechtTextboxInvalidBorderWidth = "1px";
620
+ export const utrechtTextboxPlaceholderColor = "#64748B";
621
+ export const utrechtTextboxBorderBlockEndWidth = "auto";
622
+ export const utrechtTextboxBorderWidth = "1px";
623
+ export const utrechtTextboxFocusBorderWidth = "2px";
624
+ export const utrechtTextboxFocusBackgroundColor = "#fff";
625
+ export const utrechtTextboxFocusBorderColor = "#a90061";
626
+ export const utrechtTextboxFocusColor = "#0F172A";
627
+ export const utrechtTextboxDisabledBackgroundColor = "#CBD5E1";
628
+ export const utrechtTextboxDisabledBorderColor = "#94A3B8";
629
+ export const utrechtTextboxDisabledColor = "#475569";
630
+ export const utrechtTextboxReadOnlyBackgroundColor = "#F1F5F9";
631
+ export const utrechtTextboxReadOnlyBorderColor = "transparent";
632
+ export const utrechtTextboxReadOnlyColor = "#0F172A";
633
+ export const utrechtTextboxHoverBorderWidth = "1px";
634
+ export const utrechtTextboxHoverBackgroundColor = "#fff";
635
+ export const utrechtTextboxHoverBorderColor = "#CB66A0";
636
+ export const utrechtTextboxHoverColor = "#0F172A";
637
+ export const utrechtTextareaMaxInlineSize = "400px";
638
+ export const utrechtTextareaPaddingBlockEnd = "0.5rem";
639
+ export const utrechtTextareaPaddingBlockStart = "0.5rem";
640
+ export const utrechtTextareaPaddingInlineEnd = "0.75rem";
641
+ export const utrechtTextareaPaddingInlineStart = "0.75rem";
642
+ export const utrechtTextareaBackgroundColor = "#fff";
643
+ export const utrechtTextareaBorderColor = "#a90061";
644
+ export const utrechtTextareaColor = "#0F172A";
645
+ export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
646
+ export const utrechtTextareaInvalidBorderColor = "#d52b1e";
647
+ export const utrechtTextareaInvalidColor = "#0F172A";
648
+ export const utrechtTextareaInvalidBorderWidth = "1px";
649
+ export const utrechtTextareaPlaceholderColor = "#64748B";
650
+ export const utrechtTextareaFocusBackgroundColor = "#fff";
651
+ export const utrechtTextareaFocusBorderColor = "#a90061";
652
+ export const utrechtTextareaFocusColor = "#0F172A";
653
+ export const utrechtTextareaFocusBorderWidth = "2px";
654
+ export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
655
+ export const utrechtTextareaDisabledBorderColor = "#94A3B8";
656
+ export const utrechtTextareaDisabledColor = "#475569";
657
+ export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
658
+ export const utrechtTextareaReadOnlyBorderColor = "transparent";
659
+ export const utrechtTextareaReadOnlyColor = "#0F172A";
660
+ export const utrechtTextareaHoverBackgroundColor = "#fff";
661
+ export const utrechtTextareaHoverBorderColor = "#CB66A0";
662
+ export const utrechtTextareaHoverColor = "#0F172A";
663
+ export const utrechtTextareaHoverBorderWidth = "1px";
664
+ export const utrechtTextareaBorderRadius = 0;
665
+ export const utrechtTextareaBorderBottomWidth = "1px";
666
+ export const utrechtTextareaBorderWidth = "1px";
667
+ export const utrechtTextareaFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
668
+ export const utrechtTextareaFontWeight = 400;
669
+ export const utrechtTextareaLineHeight = "150%";
670
+ export const utrechtTextareaFontSize = "1.25rem";
671
+ export const utrechtTableHeaderCellLineHeight = "150%";
672
+ export const utrechtTableHeaderCellColor = "#0F172A";
673
+ export const utrechtTableHeaderCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
674
+ export const utrechtTableHeaderCellFontWeight = 700;
675
+ export const utrechtTableHeaderCellFontSize = "1.25rem";
676
+ export const utrechtTableCaptionLineHeight = "125%";
677
+ export const utrechtTableCaptionMarginBlockEnd = "1.5rem";
678
+ export const utrechtTableCaptionColor = "#0F172A";
679
+ export const utrechtTableCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
680
+ export const utrechtTableCaptionFontWeight = 700;
681
+ export const utrechtTableCaptionFontSize = "1.875rem";
682
+ export const utrechtTableCellPaddingBlockEnd = "0.75rem";
683
+ export const utrechtTableCellPaddingBlockStart = "0.75rem";
684
+ export const utrechtTableCellPaddingInlineEnd = "1rem";
685
+ export const utrechtTableCellPaddingInlineStart = "1rem";
686
+ export const utrechtTableCellLineHeight = "150%";
687
+ export const utrechtTableDataCellColor = "#0F172A";
688
+ export const utrechtTableDataCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
689
+ export const utrechtTableDataCellFontWeight = 400;
690
+ export const utrechtTableDataCellLineHeight = "150%";
691
+ export const utrechtTableDataCellFontSize = "1.25rem";
692
+ export const utrechtTableHeaderBorderBlockEndWidth = "2px";
693
+ export const utrechtTableHeaderBorderBlockEndColor = "#CBD5E1";
694
+ export const utrechtTableHeaderBackgroundColor = "transparent";
695
+ export const utrechtTableFooterBorderBlockEndWidth = "1px";
696
+ export const utrechtTableFooterBorderBlockEndColor = "#CBD5E1";
697
+ export const utrechtTableFooterBackgroundColor = "transparent";
698
+ export const utrechtTableRowBorderBlockEndWidth = "1px";
699
+ export const utrechtTableRowBorderBlockEndColor = "#CBD5E1";
700
+ export const utrechtTableRowBackgroundColor = "transparent";
701
+ export const utrechtTableFooterCellFontWeight = 700;
702
+ export const utrechtTableFooterCellFontSize = "1.25rem";
703
+ export const utrechtTableFooterCellColor = "#0F172A";
704
+ export const utrechtTableFooterCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
705
+ export const utrechtTableFooterCellLineHeight = "150%";
706
+ export const utrechtTableContainerBoxInlineEndShadowX = 0;
707
+ export const utrechtTableContainerBoxInlineEndShadowY = "16px";
708
+ export const utrechtTableContainerBoxInlineEndShadowBlur = "48px";
709
+ export const utrechtTableContainerBoxInlineEndShadowSpread = 0;
710
+ export const utrechtTableContainerBoxInlineEndShadowColor = "#0000001a";
711
+ export const utrechtTableContainerBoxInlineStartShadowX = 0;
712
+ export const utrechtTableContainerBoxInlineStartShadowY = "16px";
713
+ export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
714
+ export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
715
+ export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
716
+ export const utrechtTableFontSize = "1.25rem";
717
+ export const utrechtSkipLinkFontWeight = 700;
718
+ export const utrechtSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
719
+ export const utrechtSkipLinkFontSize = "1.25rem";
720
+ export const utrechtSkipLinkLineHeight = "150%";
721
+ export const utrechtSkipLinkMinBlockSize = "48px";
722
+ export const utrechtSkipLinkMinInlineSize = "48px";
723
+ export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
724
+ export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
725
+ export const utrechtSkipLinkPaddingInlineEnd = "1rem";
726
+ export const utrechtSkipLinkPaddingInlineStart = "1rem";
727
+ export const utrechtSkipLinkFocusBackgroundColor = "#fff";
728
+ export const utrechtSkipLinkFocusBorderColor = "#a90061";
729
+ export const utrechtSkipLinkFocusBorderStyle = "solid";
730
+ export const utrechtSkipLinkFocusBorderWidth = "2px";
731
+ export const utrechtSkipLinkFocusColor = "#0F172A";
732
+ export const utrechtSkipLinkFocusTextDecoration = "None";
733
+ export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
734
+ export const utrechtSkipLinkBackgroundColor = "#a90061";
735
+ export const utrechtSkipLinkBorderColor = "transparent";
736
+ export const utrechtSkipLinkColor = "#fff";
737
+ export const utrechtSkipLinkBorderWidth = "2px";
738
+ export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
739
+ export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
740
+ export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
741
+ export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
742
+ export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
743
+ export const utrechtSkipLinkTextDecoration = "underline";
744
+ export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
745
+ export const utrechtSeparatorColor = "#CBD5E1";
746
+ export const utrechtSeparatorBlockSize = "2px";
747
+ export const utrechtSeparatorMarginBlockEnd = "0.75rem";
748
+ export const utrechtSeparatorMarginBlockStart = "0.75rem";
749
+ export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
750
+ export const utrechtSelectIconSize = "24px";
751
+ export const utrechtSelectBackgroundColor = "#fff";
752
+ export const utrechtSelectBorderColor = "#a90061";
753
+ export const utrechtSelectColor = "#0F172A";
754
+ export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
755
+ export const utrechtSelectInvalidBorderColor = "#d52b1e";
756
+ export const utrechtSelectInvalidColor = "#0F172A";
757
+ export const utrechtSelectInvalidBorderWidth = "1px";
758
+ export const utrechtSelectFocusBackgroundColor = "#fff";
759
+ export const utrechtSelectFocusBorderColor = "#a90061";
760
+ export const utrechtSelectFocusColor = "#0F172A";
761
+ export const utrechtSelectFocusBorderWidth = "2px";
762
+ export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
763
+ export const utrechtSelectDisabledBorderColor = "#94A3B8";
764
+ export const utrechtSelectDisabledColor = "#475569";
765
+ export const utrechtSelectHoverBackgroundColor = "#fff";
766
+ export const utrechtSelectHoverBorderColor = "#CB66A0";
767
+ export const utrechtSelectHoverColor = "#0F172A";
768
+ export const utrechtSelectHoverBorderWidth = "1px";
769
+ export const utrechtSelectPaddingBlockEnd = "0.5rem";
770
+ export const utrechtSelectPaddingBlockStart = "0.5rem";
771
+ export const utrechtSelectPaddingInlineEnd = "0.75rem";
772
+ export const utrechtSelectPaddingInlineStart = "0.75rem";
773
+ export const utrechtSelectBorderRadius = 0;
774
+ export const utrechtSelectBorderBottomWidth = "auto";
775
+ export const utrechtSelectBorderWidth = "1px";
776
+ export const utrechtSelectFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
777
+ export const utrechtSelectFontWeight = 400;
778
+ export const utrechtSelectLineHeight = "150%";
779
+ export const utrechtSelectFontSize = "1.25rem";
780
+ export const utrechtSelectMaxInlineSize = "400px";
781
+ export const utrechtRadioButtonActiveBorderWidth = "1px";
782
+ export const utrechtRadioButtonActiveBackgroundColor = "#fff";
783
+ export const utrechtRadioButtonActiveBorderColor = "#BE4088";
784
+ export const utrechtRadioButtonSize = "24px";
785
+ export const utrechtRadioButtonDotSize = "12px";
786
+ export const utrechtRadioButtonBackgroundColor = "#fff";
787
+ export const utrechtRadioButtonBorderColor = "#a90061";
788
+ export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
789
+ export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
790
+ export const utrechtRadioButtonInvalidBorderWidth = "1px";
791
+ export const utrechtRadioButtonFocusBackgroundColor = "#fff";
792
+ export const utrechtRadioButtonFocusBorderColor = "#a90061";
793
+ export const utrechtRadioButtonFocusBorderWidth = "2px";
794
+ export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
795
+ export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
796
+ export const utrechtRadioButtonDisabledColor = "#475569";
797
+ export const utrechtRadioButtonCheckedBackgroundColor = "#a90061";
798
+ export const utrechtRadioButtonCheckedBorderColor = "transparent";
799
+ export const utrechtRadioButtonCheckedColor = "#fff";
800
+ export const utrechtRadioButtonCheckedHoverBackgroundColor = "#CB66A0";
801
+ export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
802
+ export const utrechtRadioButtonCheckedHoverColor = "#fff";
803
+ export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
804
+ export const utrechtRadioButtonCheckedActiveBackgroundColor = "#BE4088";
805
+ export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
806
+ export const utrechtRadioButtonCheckedActiveColor = "#fff";
807
+ export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
808
+ export const utrechtRadioButtonCheckedFocusBackgroundColor = "#fff";
809
+ export const utrechtRadioButtonCheckedFocusBorderColor = "#a90061";
810
+ export const utrechtRadioButtonCheckedFocusColor = "#a90061";
811
+ export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
812
+ export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
813
+ export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
814
+ export const utrechtRadioButtonCheckedDisabledColor = "#475569";
815
+ export const utrechtRadioButtonCheckedBorderWidth = "1px";
816
+ export const utrechtRadioButtonHoverBackgroundColor = "#fff";
817
+ export const utrechtRadioButtonHoverBorderColor = "#CB66A0";
818
+ export const utrechtRadioButtonHoverBorderWidth = "1px";
819
+ export const utrechtRadioButtonBorderRadius = "999px";
820
+ export const utrechtRadioButtonBorderWidth = "1px";
821
+ export const utrechtPreHeadingColor = "#0F172A";
822
+ export const utrechtPreHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
823
+ export const utrechtPreHeadingFontWeight = 700;
824
+ export const utrechtPreHeadingLineHeight = "125%";
825
+ export const utrechtPreHeadingFontSize = "1rem";
826
+ export const utrechtParagraphColor = "#0F172A";
827
+ export const utrechtParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
828
+ export const utrechtParagraphFontSize = "1.25rem";
829
+ export const utrechtParagraphFontWeight = 400;
830
+ export const utrechtParagraphLineHeight = "150%";
831
+ export const utrechtParagraphMarginBlockEnd = 0;
832
+ export const utrechtParagraphMarginBlockStart = 0;
833
+ export const utrechtParagraphLeadColor = "#0F172A";
834
+ export const utrechtParagraphLeadFontSize = "1.5rem";
835
+ export const utrechtParagraphLeadFontWeight = 400;
836
+ export const utrechtParagraphLeadLineHeight = "150%";
837
+ export const utrechtOrderedListPaddingInlineStart = "1.5rem";
838
+ export const utrechtOrderedListMarginBlockEnd = "0.25rem";
839
+ export const utrechtOrderedListMarginBlockStart = "0.25rem";
840
+ export const utrechtOrderedListMarginInlineStart = "0.625rem";
841
+ export const utrechtOrderedListItemPaddingInlineStart = 0;
842
+ export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
843
+ export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
844
+ export const utrechtOrderedListColor = "#0F172A";
845
+ export const utrechtOrderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
846
+ export const utrechtOrderedListFontWeight = 400;
847
+ export const utrechtOrderedListFontSize = "1.25rem";
848
+ export const utrechtOrderedListLineHeight = "150%";
849
+ export const utrechtLinkListMarginBlockStart = 0;
850
+ export const utrechtLinkListRowGap = "0.5rem";
851
+ export const utrechtLinkListMarginBlockEnd = 0;
852
+ export const utrechtLinkListItemColumnGap = "0.5rem";
853
+ export const utrechtLinkListItemTextDecoration = "None";
854
+ export const utrechtLinkListIconSize = "24px";
855
+ export const utrechtLinkListIconInsetBlockStart = "0.188rem";
856
+ export const utrechtLinkColor = "#01689b";
857
+ export const utrechtLinkTextDecorationColor = "#01689b";
858
+ export const utrechtLinkActiveColor = "#42145f";
859
+ export const utrechtLinkActiveTextDecoration = "None";
860
+ export const utrechtLinkFocusBackgroundColor = "transparent";
861
+ export const utrechtLinkFocusColor = "#01689b";
862
+ export const utrechtLinkFocusTextDecoration = "None";
863
+ export const utrechtLinkFocusTextDecorationThickness = "auto";
864
+ export const utrechtLinkHoverColor = "#01496c";
865
+ export const utrechtLinkHoverTextDecoration = "None";
866
+ export const utrechtLinkHoverTextDecorationThickness = "auto";
867
+ export const utrechtLinkVisitedColor = "#42145f";
868
+ export const utrechtLinkTextDecoration = "underline";
869
+ export const utrechtLinkIconInsetBlockStart = "0.25rem";
870
+ export const utrechtLinkIconSize = "24px";
871
+ export const utrechtLinkColumnGap = "0.25rem";
872
+ export const utrechtLinkTextDecorationThickness = "auto";
873
+ export const utrechtLinkTextUnderlineOffset = "0.125rem";
874
+ export const utrechtLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
875
+ export const utrechtLinkFontWeight = 400;
876
+ export const utrechtLinkFontSize = "1.25rem";
877
+ export const utrechtLinkLineHeight = "150%";
878
+ export const utrechtHeading1Color = "#154273";
879
+ export const utrechtHeading1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
880
+ export const utrechtHeading1FontWeight = 700;
881
+ export const utrechtHeading1LineHeight = "125%";
882
+ export const utrechtHeading1FontSize = "3.125rem";
883
+ export const utrechtHeading1MarginBlockEnd = 0;
884
+ export const utrechtHeading1MarginBlockStart = 0;
885
+ export const utrechtHeading2Color = "#154273";
886
+ export const utrechtHeading2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
887
+ export const utrechtHeading2FontWeight = 700;
888
+ export const utrechtHeading2LineHeight = "125%";
889
+ export const utrechtHeading2FontSize = "2.5rem";
890
+ export const utrechtHeading2MarginBlockEnd = 0;
891
+ export const utrechtHeading2MarginBlockStart = 0;
892
+ export const utrechtHeading3Color = "#154273";
893
+ export const utrechtHeading3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
894
+ export const utrechtHeading3FontWeight = 700;
895
+ export const utrechtHeading3LineHeight = "125%";
896
+ export const utrechtHeading3FontSize = "1.875rem";
897
+ export const utrechtHeading3MarginBlockEnd = 0;
898
+ export const utrechtHeading3MarginBlockStart = 0;
899
+ export const utrechtHeading4Color = "#154273";
900
+ export const utrechtHeading4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
901
+ export const utrechtHeading4FontWeight = 700;
902
+ export const utrechtHeading4LineHeight = "125%";
903
+ export const utrechtHeading4FontSize = "1.5rem";
904
+ export const utrechtHeading4MarginBlockEnd = 0;
905
+ export const utrechtHeading4MarginBlockStart = 0;
906
+ export const utrechtHeading5Color = "#154273";
907
+ export const utrechtHeading5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
908
+ export const utrechtHeading5FontWeight = 700;
909
+ export const utrechtHeading5LineHeight = "125%";
910
+ export const utrechtHeading5FontSize = "1.25rem";
911
+ export const utrechtHeading5MarginBlockEnd = 0;
912
+ export const utrechtHeading5MarginBlockStart = 0;
913
+ export const utrechtFormLabelColor = "#0F172A";
914
+ export const utrechtFormLabelFontSize = "1.25rem";
915
+ export const utrechtFormLabelFontWeight = 700;
916
+ export const utrechtFormFieldLabelColor = "#0F172A";
917
+ export const utrechtFormFieldLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
918
+ export const utrechtFormFieldLabelFontSize = "1.25rem";
919
+ export const utrechtFormFieldLabelFontWeight = 700;
920
+ export const utrechtFormFieldLabelLineHeight = "150%";
921
+ export const utrechtFormFieldErrorMessageIconSize = "24px";
922
+ export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
923
+ export const utrechtFormFieldErrorMessageColor = "#d52b1e";
924
+ export const utrechtFormFieldErrorMessageFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
925
+ export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
926
+ export const utrechtFormFieldErrorMessageFontWeight = 400;
927
+ export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem";
928
+ export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
929
+ export const utrechtFormFieldDescriptionColor = "#334155";
930
+ export const utrechtFormFieldDescriptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
931
+ export const utrechtFormFieldDescriptionFontSize = "1.25rem";
932
+ export const utrechtFormFieldDescriptionLineHeight = "150%";
933
+ export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
934
+ export const utrechtFormFieldDescriptionMarginBlockEnd = "0.5rem";
935
+ export const utrechtFormFieldDescriptionPaddingBlockEnd = "0.5rem";
936
+ export const utrechtFormFieldMarginBlockStart = "0.5rem";
937
+ export const utrechtFormFieldMarginBlockEnd = "0.5rem";
938
+ export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
939
+ export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
940
+ export const utrechtFormFieldInvalidPaddingInlineStart = 0;
941
+ export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
942
+ export const utrechtFormFieldErrorMessageLineHeight = "normal";
943
+ export const utrechtPageFooterBackgroundColor = "#a90061";
944
+ export const utrechtPageFooterColor = "#fff";
945
+ export const utrechtPageFooterPaddingBlockStart = "3rem";
946
+ export const utrechtPageFooterPaddingBlockEnd = "3rem";
947
+ export const utrechtPageFooterPaddingInlineStart = "80px";
948
+ export const utrechtPageFooterPaddingInlineEnd = "80px";
949
+ export const utrechtFigureCaptionBorderColor = "#CBD5E1";
950
+ export const utrechtFigureCaptionBorderWidth = "4px";
951
+ export const utrechtFigureCaptionColor = "#a90061";
952
+ export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
953
+ export const utrechtFigureCaptionPaddingBlockStart = "0.5rem";
954
+ export const utrechtFigureCaptionPaddingInlineStart = "1rem";
955
+ export const utrechtFigureCaptionLineHeight = "150%";
956
+ export const utrechtFigureCaptionFontSize = "1.25rem";
957
+ export const utrechtFigureImgBorderEndEndRadius = 0;
958
+ export const utrechtFigureImgBorderEndStartRadius = 0;
959
+ export const utrechtFigureImgBorderStartEndRadius = 0;
960
+ export const utrechtFigureImgBorderStartStartRadius = 0;
961
+ export const utrechtFormFieldsetLegendColor = "#0F172A";
962
+ export const utrechtFormFieldsetLegendFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
963
+ export const utrechtFormFieldsetLegendFontSize = "1.25rem";
964
+ export const utrechtFormFieldsetLegendFontWeight = 700;
965
+ export const utrechtFormFieldsetLegendLineHeight = "150%";
966
+ export const utrechtFormFieldsetLegendDisabledColor = "#334155";
967
+ export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
968
+ export const utrechtFormFieldsetSectionColor = "#0F172A";
969
+ export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
970
+ export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
971
+ export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
972
+ export const utrechtNumberBadgeFontSize = "1.25rem";
973
+ export const utrechtNumberBadgeLineHeight = "125%";
974
+ export const utrechtNumberBadgeMinBlockSize = "24px";
975
+ export const utrechtNumberBadgeMinInlineSize = "24px";
976
+ export const utrechtNumberBadgeFontWeight = 700;
977
+ export const utrechtNumberBadgeBorderWidth = "0px";
978
+ export const utrechtNumberBadgeBorderRadius = "999px";
979
+ export const utrechtNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
980
+ export const utrechtNumberBadgeBackgroundColor = "#a90061";
981
+ export const utrechtNumberBadgeBorderColor = "transparent";
982
+ export const utrechtNumberBadgeColor = "#fff";
983
+ export const utrechtNumberBadgePaddingInline = "0.5rem";
984
+ export const utrechtNumberBadgePaddingBlock = "0.125rem";
985
+ export const utrechtCheckboxBorderRadius = 0;
986
+ export const utrechtCheckboxSize = "24px";
987
+ export const utrechtCheckboxIconSize = "24px";
988
+ export const utrechtCheckboxBackgroundColor = "#fff";
989
+ export const utrechtCheckboxBorderColor = "#a90061";
990
+ export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
991
+ export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
992
+ export const utrechtCheckboxInvalidBorderWidth = "1px";
993
+ export const utrechtCheckboxFocusBackgroundColor = "#fff";
994
+ export const utrechtCheckboxFocusBorderColor = "#a90061";
995
+ export const utrechtCheckboxFocusBorderWidth = "2px";
996
+ export const utrechtCheckboxDisabledBackgroundColor = "#CBD5E1";
997
+ export const utrechtCheckboxDisabledBorderColor = "#94A3B8";
998
+ export const utrechtCheckboxCheckedBackgroundColor = "#a90061";
999
+ export const utrechtCheckboxCheckedBorderColor = "transparent";
1000
+ export const utrechtCheckboxCheckedColor = "#fff";
1001
+ export const utrechtCheckboxCheckedBorderWidth = "1px";
1002
+ export const utrechtCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
1003
+ export const utrechtCheckboxCheckedDisabledBorderColor = "#94A3B8";
1004
+ export const utrechtCheckboxCheckedDisabledColor = "#475569";
1005
+ export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
1006
+ export const utrechtCheckboxCheckedFocusBackgroundColor = "#fff";
1007
+ export const utrechtCheckboxCheckedFocusBorderColor = "#a90061";
1008
+ export const utrechtCheckboxCheckedFocusColor = "#a90061";
1009
+ export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
1010
+ export const utrechtCheckboxCheckedHoverBackgroundColor = "#CB66A0";
1011
+ export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
1012
+ export const utrechtCheckboxCheckedHoverColor = "#fff";
1013
+ export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
1014
+ export const utrechtCheckboxCheckedActiveBackgroundColor = "#BE4088";
1015
+ export const utrechtCheckboxCheckedActiveBorderColor = "transparent";
1016
+ export const utrechtCheckboxCheckedActiveColor = "#fff";
1017
+ export const utrechtCheckboxIndeterminateBackgroundColor = "#a90061";
1018
+ export const utrechtCheckboxIndeterminateBorderColor = "transparent";
1019
+ export const utrechtCheckboxIndeterminateColor = "#fff";
1020
+ export const utrechtCheckboxIndeterminateBorderWidth = "1px";
1021
+ export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
1022
+ export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
1023
+ export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
1024
+ export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#BE4088";
1025
+ export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
1026
+ export const utrechtCheckboxIndeterminateActiveColor = "#fff";
1027
+ export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
1028
+ export const utrechtCheckboxIndeterminateHoverBackgroundColor = "#CB66A0";
1029
+ export const utrechtCheckboxIndeterminateHoverBorderColor = "transparent";
1030
+ export const utrechtCheckboxIndeterminateHoverColor = "#fff";
1031
+ export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
1032
+ export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#fff";
1033
+ export const utrechtCheckboxIndeterminateFocusBorderColor = "#a90061";
1034
+ export const utrechtCheckboxIndeterminateFocusColor = "#a90061";
1035
+ export const utrechtCheckboxIndeterminateFocusBorderWidth = "2px";
1036
+ export const utrechtCheckboxBorderWidth = "1px";
1037
+ export const utrechtCheckboxHoverBorderWidth = "1px";
1038
+ export const utrechtCheckboxHoverBackgroundColor = "#fff";
1039
+ export const utrechtCheckboxHoverBorderColor = "#CB66A0";
1040
+ export const utrechtCheckboxActiveBorderWidth = "1px";
1041
+ export const utrechtCheckboxActiveBackgroundColor = "#fff";
1042
+ export const utrechtCheckboxActiveBorderColor = "#BE4088";
1043
+ export const utrechtButtonGroupBackgroundColor = "transparent";
1044
+ export const utrechtButtonGroupColumnGap = "0.5rem";
1045
+ export const utrechtButtonGroupMarginBlockEnd = "0px";
1046
+ export const utrechtButtonGroupMarginBlockStart = "0px";
1047
+ export const utrechtButtonGroupPaddingBlockEnd = "0px";
1048
+ export const utrechtButtonGroupPaddingBlockStart = "0px";
1049
+ export const utrechtButtonGroupRowGap = "0.5rem";
1050
+ export const utrechtButtonBackgroundColor = "#0F172A";
1051
+ export const utrechtButtonBorderColor = "transparent";
1052
+ export const utrechtButtonColor = "#fff";
1053
+ export const utrechtButtonBorderRadius = 0;
1054
+ export const utrechtButtonBorderWidth = "1px";
1055
+ export const utrechtButtonIconGap = "0.5rem";
1056
+ export const utrechtButtonIconSize = "24px";
1057
+ export const utrechtButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1058
+ export const utrechtButtonFontSize = "1.25rem";
1059
+ export const utrechtButtonFontWeight = 700;
1060
+ export const utrechtButtonLineHeight = "150%";
1061
+ export const utrechtButtonPaddingBlockEnd = "0.5rem";
1062
+ export const utrechtButtonPaddingBlockStart = "0.5rem";
1063
+ export const utrechtButtonPaddingInlineEnd = "1rem";
1064
+ export const utrechtButtonPaddingInlineStart = "1rem";
1065
+ export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
1066
+ export const utrechtButtonDisabledBorderColor = "transparent";
1067
+ export const utrechtButtonDisabledColor = "#94A3B8";
1068
+ export const utrechtButtonFocusBackgroundColor = "#475569";
1069
+ export const utrechtButtonFocusBorderColor = "transparent";
1070
+ export const utrechtButtonFocusColor = "#fff";
1071
+ export const utrechtButtonHoverBackgroundColor = "#475569";
1072
+ export const utrechtButtonHoverBorderColor = "transparent";
1073
+ export const utrechtButtonHoverColor = "#fff";
1074
+ export const utrechtButtonActiveBackgroundColor = "#1E293B";
1075
+ export const utrechtButtonActiveBorderColor = "transparent";
1076
+ export const utrechtButtonActiveColor = "#fff";
1077
+ export const utrechtButtonMinBlockSize = "48px";
1078
+ export const utrechtButtonMinInlineSize = "48px";
1079
+ export const utrechtButtonColumnGap = "0.5rem";
1080
+ export const utrechtButtonPrimaryActionHoverBackgroundColor = "#741344";
1081
+ export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
1082
+ export const utrechtButtonPrimaryActionHoverColor = "#fff";
1083
+ export const utrechtButtonPrimaryActionBackgroundColor = "#a90061";
1084
+ export const utrechtButtonPrimaryActionBorderColor = "transparent";
1085
+ export const utrechtButtonPrimaryActionColor = "#fff";
1086
+ export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#e5b3d0";
1087
+ export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
1088
+ export const utrechtButtonPrimaryActionDisabledColor = "#BE4088";
1089
+ export const utrechtButtonPrimaryActionFocusBackgroundColor = "#741344";
1090
+ export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
1091
+ export const utrechtButtonPrimaryActionFocusColor = "#fff";
1092
+ export const utrechtButtonPrimaryActionFontWeight = 700;
1093
+ export const utrechtButtonPrimaryActionActiveBackgroundColor = "#65003a";
1094
+ export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
1095
+ export const utrechtButtonPrimaryActionActiveColor = "#fff";
1096
+ export const utrechtButtonPrimaryActionFontSize = "1.25rem";
1097
+ export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
1098
+ export const utrechtButtonPrimaryActionPressedBackgroundColor = "#63143a";
1099
+ export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
1100
+ export const utrechtButtonPrimaryActionPressedColor = "#fff";
1101
+ export const utrechtButtonSecondaryActionHoverBackgroundColor = "#f2d9e7";
1102
+ export const utrechtButtonSecondaryActionHoverBorderColor = "#741344";
1103
+ export const utrechtButtonSecondaryActionHoverColor = "#741344";
1104
+ export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
1105
+ export const utrechtButtonSecondaryActionBorderColor = "#a90061";
1106
+ export const utrechtButtonSecondaryActionColor = "#a90061";
1107
+ export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
1108
+ export const utrechtButtonSecondaryActionDisabledBorderColor = "#D88CB7";
1109
+ export const utrechtButtonSecondaryActionDisabledColor = "#CB66A0";
1110
+ export const utrechtButtonSecondaryActionFocusBackgroundColor = "#f2d9e7";
1111
+ export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
1112
+ export const utrechtButtonSecondaryActionFocusColor = "#741344";
1113
+ export const utrechtButtonSecondaryActionFontWeight = 700;
1114
+ export const utrechtButtonSecondaryActionActiveBackgroundColor = "#D88CB7";
1115
+ export const utrechtButtonSecondaryActionActiveBorderColor = "#63143a";
1116
+ export const utrechtButtonSecondaryActionActiveColor = "#741344";
1117
+ export const utrechtButtonSecondaryActionFontSize = "1.25rem";
1118
+ export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
1119
+ export const utrechtButtonSecondaryActionPressedBackgroundColor = "#e5b3d0";
1120
+ export const utrechtButtonSecondaryActionPressedBorderColor = "#63143a";
1121
+ export const utrechtButtonSecondaryActionPressedColor = "#63143a";
1122
+ export const utrechtButtonSubtleFontSize = "1.25rem";
1123
+ export const utrechtButtonSubtleFontWeight = 700;
1124
+ export const utrechtButtonSubtleHoverBackgroundColor = "#f2d9e7";
1125
+ export const utrechtButtonSubtleHoverBorderColor = "transparent";
1126
+ export const utrechtButtonSubtleHoverColor = "#741344";
1127
+ export const utrechtButtonSubtleBackgroundColor = "transparent";
1128
+ export const utrechtButtonSubtleBorderColor = "transparent";
1129
+ export const utrechtButtonSubtleColor = "#a90061";
1130
+ export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
1131
+ export const utrechtButtonSubtleDisabledBorderColor = "transparent";
1132
+ export const utrechtButtonSubtleDisabledColor = "#e5b3d0";
1133
+ export const utrechtButtonSubtleFocusBackgroundColor = "#f2d9e7";
1134
+ export const utrechtButtonSubtleFocusBorderColor = "transparent";
1135
+ export const utrechtButtonSubtleFocusColor = "#741344";
1136
+ export const utrechtButtonSubtleActiveBackgroundColor = "#D88CB7";
1137
+ export const utrechtButtonSubtleActiveBorderColor = "transparent";
1138
+ export const utrechtButtonSubtleActiveColor = "#65003a";
1139
+ export const utrechtButtonSubtleLineHeight = "1.875rem";
1140
+ export const utrechtButtonSubtlePressedBackgroundColor = "#e5b3d0";
1141
+ export const utrechtButtonSubtlePressedBorderColor = "transparent";
1142
+ export const utrechtButtonSubtlePressedColor = "#63143a";
1143
+ export const utrechtButtonPressedBackgroundColor = "#1E293B";
1144
+ export const utrechtButtonPressedBorderColor = "transparent";
1145
+ export const utrechtButtonPressedColor = "#fff";
1146
+ export const utrechtBreadcrumbNavLineHeight = 1.4;
1147
+ export const utrechtBreadcrumbNavFontSize = "1.25rem";
1148
+ export const utrechtBreadcrumbNavLinkIconSize = "24px";
1149
+ export const utrechtBreadcrumbNavLinkIconMarginInline = "0.25rem";
1150
+ export const utrechtBreadcrumbNavLinkIconInsetBlockStart = 0;
1151
+ export const utrechtBreadcrumbNavLinkPaddingBlockEnd = "0.75rem";
1152
+ export const utrechtBreadcrumbNavLinkPaddingBlockStart = "0.75rem";
1153
+ export const utrechtBreadcrumbNavLinkPaddingInlineEnd = 0;
1154
+ export const utrechtBreadcrumbNavLinkPaddingInlineStart = 0;
1155
+ export const utrechtBreadcrumbNavLinkColor = "#01689b";
1156
+ export const utrechtBreadcrumbNavLinkActiveColor = "#42145f";
1157
+ export const utrechtBreadcrumbNavLinkActiveTextDecoration = "None";
1158
+ export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
1159
+ export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
1160
+ export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
1161
+ export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
1162
+ export const utrechtBreadcrumbNavLinkHoverTextDecoration = "None";
1163
+ export const utrechtBreadcrumbNavLinkCurrentColor = "#334155";
1164
+ export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
1165
+ export const utrechtBreadcrumbNavDividerSize = "24px";
1166
+ export const utrechtBreadcrumbNavDividerColor = "#334155";
1167
+ export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
1168
+ export const utrechtBreadcrumbNavMarginInline = "0.5rem";
1169
+ export const utrechtBreadcrumbNavFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1170
+ export const utrechtBreadcrumbNavFontWeight = 400;
1171
+ export const utrechtArticleMaxInlineSize = "75ch";
1172
+ export const utrechtAlertHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1173
+ export const utrechtAlertHeadingFontWeight = 700;
1174
+ export const utrechtAlertHeadingLineHeight = "150%";
1175
+ export const utrechtAlertHeadingFontSize = "1.25rem";
1176
+ export const utrechtAlertColumnGap = "0.5rem";
1177
+ export const utrechtAlertBorderWidth = "0px";
1178
+ export const utrechtAlertMarginBlockEnd = "0.75rem";
1179
+ export const utrechtAlertMarginBlockStart = "0.75rem";
1180
+ export const utrechtAlertPaddingBlockEnd = "1rem";
1181
+ export const utrechtAlertPaddingBlockStart = "1rem";
1182
+ export const utrechtAlertPaddingInlineEnd = "1rem";
1183
+ export const utrechtAlertPaddingInlineStart = "1rem";
1184
+ export const utrechtAlertBackgroundColor = "#d9ebf7";
1185
+ export const utrechtAlertBorderColor = "transparent";
1186
+ export const utrechtAlertColor = "#000";
1187
+ export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
1188
+ export const utrechtAlertInfoBorderColor = "transparent";
1189
+ export const utrechtAlertInfoColor = "#000";
1190
+ export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
1191
+ export const utrechtAlertErrorBorderColor = "transparent";
1192
+ export const utrechtAlertErrorColor = "#000";
1193
+ export const utrechtAlertOkBackgroundColor = "#e1eddb";
1194
+ export const utrechtAlertOkBorderColor = "transparent";
1195
+ export const utrechtAlertOkColor = "#000";
1196
+ export const utrechtAlertWarningBackgroundColor = "#fff4db";
1197
+ export const utrechtAlertWarningBorderColor = "transparent";
1198
+ export const utrechtAlertWarningColor = "#000";
1199
+ export const utrechtAlertIconInsetBlockStart = "3px";
1200
+ export const utrechtAlertIconInfoColor = "#007bc7";
1201
+ export const utrechtAlertIconErrorColor = "#d52b1e";
1202
+ export const utrechtAlertIconOkColor = "#39870c";
1203
+ export const utrechtAlertIconWarningColor = "#ffb612";
1204
+ export const utrechtAlertIconSize = "24px";
1205
+ export const utrechtAlertMessageLineHeight = "150%";
1206
+ export const utrechtAlertMessageColumnGap = "0.5rem";
1207
+ export const utrechtAlertBorderRadius = 0;
1208
+ export const utrechtActionActivateCursor = "pointer";
1209
+ export const utrechtActionBusyCursor = "wait";
1210
+ export const utrechtActionDisabledCursor = "not-allowed";
1211
+ export const utrechtActionInertCursor = "default";
1212
+ export const utrechtActionNavigateCursor = "pointer";
1213
+ export const utrechtActionSubmitCursor = "pointer";
1214
+ export const utrechtDocumentBackgroundColor = "#fff";
1215
+ export const utrechtDocumentColor = "#0F172A";
1216
+ export const utrechtDocumentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1217
+ export const utrechtDocumentFontSize = "1.25rem";
1218
+ export const utrechtDocumentLineHeight = "150%";
1219
+ export const utrechtDocumentFontWeight = 400;
1220
+ export const utrechtRichTextStrangerMarginBlockEnd = "2rem";
1221
+ export const utrechtRichTextAcquaintanceMarginBlockEnd = "1rem";
1222
+ export const utrechtRichTextFriendMarginBlockEnd = "0.5rem";
1223
+ export const utrechtRichTextBestFriendMarginBlockEnd = "0.25rem";
1224
+ export const utrechtRichTextConfidantMarginBlockEnd = 0;
1225
+ export const utrechtPointerTargetMinSize = "48px";
1226
+ export const utrechtFocusOutlineColor = "#000";
1227
+ export const utrechtFocusOutlineOffset = "0.125rem";
1228
+ export const utrechtFocusOutlineStyle = "solid";
1229
+ export const utrechtFocusOutlineWidth = "2px";
1230
+ export const utrechtFocusInverseOutlineColor = "#fff";
1214
1231
  export const nlSkipLinkFontWeight = 700;
1215
- export const nlSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1232
+ export const nlSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1216
1233
  export const nlSkipLinkFontSize = "1.25rem";
1217
1234
  export const nlSkipLinkLineHeight = "150%";
1218
1235
  export const nlSkipLinkMinBlockSize = "48px";
@@ -1222,13 +1239,13 @@ export const nlSkipLinkPaddingBlockStart = "0.75rem";
1222
1239
  export const nlSkipLinkPaddingInlineEnd = "1rem";
1223
1240
  export const nlSkipLinkPaddingInlineStart = "1rem";
1224
1241
  export const nlSkipLinkFocusBackgroundColor = "#fff";
1225
- export const nlSkipLinkFocusBorderColor = "#154273";
1242
+ export const nlSkipLinkFocusBorderColor = "#a90061";
1226
1243
  export const nlSkipLinkFocusBorderStyle = "solid";
1227
1244
  export const nlSkipLinkFocusBorderWidth = "2px";
1228
1245
  export const nlSkipLinkFocusColor = "#0F172A";
1229
1246
  export const nlSkipLinkFocusTextDecoration = "None";
1230
1247
  export const nlSkipLinkFocusVisibleOutlineColor = "#000";
1231
- export const nlSkipLinkBackgroundColor = "#154273";
1248
+ export const nlSkipLinkBackgroundColor = "#a90061";
1232
1249
  export const nlSkipLinkBorderColor = "transparent";
1233
1250
  export const nlSkipLinkColor = "#fff";
1234
1251
  export const nlSkipLinkBorderWidth = "2px";
@@ -1240,7 +1257,7 @@ export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
1240
1257
  export const nlSkipLinkTextDecoration = "underline";
1241
1258
  export const nlSkipLinkTextUnderlineOffset = "0.125rem";
1242
1259
  export const nlParagraphColor = "#0F172A";
1243
- export const nlParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1260
+ export const nlParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1244
1261
  export const nlParagraphFontSize = "1.25rem";
1245
1262
  export const nlParagraphFontWeight = 400;
1246
1263
  export const nlParagraphLineHeight = "150%";
@@ -1268,55 +1285,55 @@ export const nlLinkIconSize = "24px";
1268
1285
  export const nlLinkColumnGap = "0.25rem";
1269
1286
  export const nlLinkTextDecorationThickness = "auto";
1270
1287
  export const nlLinkTextUnderlineOffset = "0.125rem";
1271
- export const nlLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1288
+ export const nlLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1272
1289
  export const nlLinkFontWeight = 400;
1273
1290
  export const nlLinkFontSize = "1.25rem";
1274
1291
  export const nlLinkLineHeight = "150%";
1275
1292
  export const nlHeadingLevel1Color = "#154273";
1276
- export const nlHeadingLevel1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1293
+ export const nlHeadingLevel1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1277
1294
  export const nlHeadingLevel1FontWeight = 700;
1278
1295
  export const nlHeadingLevel1LineHeight = "125%";
1279
1296
  export const nlHeadingLevel1FontSize = "3.125rem";
1280
1297
  export const nlHeadingLevel1MarginBlockEnd = 0;
1281
1298
  export const nlHeadingLevel1MarginBlockStart = 0;
1282
1299
  export const nlHeadingLevel2Color = "#154273";
1283
- export const nlHeadingLevel2FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1300
+ export const nlHeadingLevel2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1284
1301
  export const nlHeadingLevel2FontWeight = 700;
1285
1302
  export const nlHeadingLevel2LineHeight = "125%";
1286
1303
  export const nlHeadingLevel2FontSize = "2.5rem";
1287
1304
  export const nlHeadingLevel2MarginBlockEnd = 0;
1288
1305
  export const nlHeadingLevel2MarginBlockStart = 0;
1289
1306
  export const nlHeadingLevel3Color = "#154273";
1290
- export const nlHeadingLevel3FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1307
+ export const nlHeadingLevel3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1291
1308
  export const nlHeadingLevel3FontWeight = 700;
1292
1309
  export const nlHeadingLevel3LineHeight = "125%";
1293
1310
  export const nlHeadingLevel3FontSize = "1.875rem";
1294
1311
  export const nlHeadingLevel3MarginBlockEnd = 0;
1295
1312
  export const nlHeadingLevel3MarginBlockStart = 0;
1296
1313
  export const nlHeadingLevel4Color = "#154273";
1297
- export const nlHeadingLevel4FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1314
+ export const nlHeadingLevel4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1298
1315
  export const nlHeadingLevel4FontWeight = 700;
1299
1316
  export const nlHeadingLevel4LineHeight = "125%";
1300
1317
  export const nlHeadingLevel4FontSize = "1.5rem";
1301
1318
  export const nlHeadingLevel4MarginBlockEnd = 0;
1302
1319
  export const nlHeadingLevel4MarginBlockStart = 0;
1303
1320
  export const nlHeadingLevel5Color = "#154273";
1304
- export const nlHeadingLevel5FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1321
+ export const nlHeadingLevel5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1305
1322
  export const nlHeadingLevel5FontWeight = 700;
1306
1323
  export const nlHeadingLevel5LineHeight = "125%";
1307
1324
  export const nlHeadingLevel5FontSize = "1.25rem";
1308
1325
  export const nlHeadingLevel5MarginBlockEnd = 0;
1309
1326
  export const nlHeadingLevel5MarginBlockStart = 0;
1310
1327
  export const nlNumberBadgeFontSize = "1.25rem";
1311
- export const nlNumberBadgeLineHeight = "150%";
1328
+ export const nlNumberBadgeLineHeight = "125%";
1312
1329
  export const nlNumberBadgeMinBlockSize = "24px";
1313
1330
  export const nlNumberBadgeMinInlineSize = "24px";
1314
1331
  export const nlNumberBadgeFontWeight = 700;
1315
1332
  export const nlNumberBadgeBorderWidth = "0px";
1316
1333
  export const nlNumberBadgeBorderRadius = "999px";
1317
- export const nlNumberBadgeFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1318
- export const nlNumberBadgeBackgroundColor = "#154273";
1334
+ export const nlNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1335
+ export const nlNumberBadgeBackgroundColor = "#a90061";
1319
1336
  export const nlNumberBadgeBorderColor = "transparent";
1320
1337
  export const nlNumberBadgeColor = "#fff";
1321
1338
  export const nlNumberBadgePaddingInline = "0.5rem";
1322
- export const nlNumberBadgePaddingBlock = "0.5rem";
1339
+ export const nlNumberBadgePaddingBlock = "0.125rem";