@rijkshuisstijl-community/design-tokens 1.0.0-alpha.7 → 1.0.0-alpha.70

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 (45) hide show
  1. package/LICENSE.md +7 -282
  2. package/README.md +21 -3
  3. package/dist/_variables.scss +1169 -295
  4. package/dist/index.css +1169 -295
  5. package/dist/index.d.ts +1145 -270
  6. package/dist/index.js +1169 -295
  7. package/dist/index.json +1169 -295
  8. package/dist/index.tokens.json +1741 -598
  9. package/dist/root.css +1169 -295
  10. package/dist/tokens.d.ts +1646 -502
  11. package/dist/tokens.js +25742 -4616
  12. package/dist/variables.less +1169 -295
  13. package/figma/figma.tokens.json +6921 -0
  14. package/package.json +15 -12
  15. package/src/common/utrecht/focus.tokens.json +2 -2
  16. package/src/generated/figma.tokens.json +5494 -0
  17. package/token-transformer.mjs +49 -0
  18. package/src/brand/rhc/color.tokens.json +0 -103
  19. package/src/brand/rhc/font.tokens.json +0 -34
  20. package/src/components/basiselementen/document.tokens.json +0 -15
  21. package/src/components/rvo/button.tokens.json +0 -33
  22. package/src/components/rvo/checkbox.tokens.json +0 -32
  23. package/src/components/rvo/custom-radio-button.tokens.json +0 -24
  24. package/src/components/rvo/heading.tokens.json +0 -24
  25. package/src/components/rvo/logo.tokens.json +0 -13
  26. package/src/components/rvo/select.tokens.json +0 -15
  27. package/src/components/utrecht/breadcrumbs.tokens.json +0 -66
  28. package/src/components/utrecht/button.tokens.json +0 -120
  29. package/src/components/utrecht/custom-radio-button.tokens.json +0 -53
  30. package/src/components/utrecht/data-list.tokens.json +0 -91
  31. package/src/components/utrecht/document.tokens.json +0 -12
  32. package/src/components/utrecht/form-field.tokens.json +0 -21
  33. package/src/components/utrecht/form-fieldset.tokens.json +0 -27
  34. package/src/components/utrecht/form-input.tokens.json +0 -42
  35. package/src/components/utrecht/form-label.tokens.json +0 -23
  36. package/src/components/utrecht/heading-1.tokens.json +0 -13
  37. package/src/components/utrecht/heading-2.tokens.json +0 -13
  38. package/src/components/utrecht/heading-3.tokens.json +0 -13
  39. package/src/components/utrecht/heading-4.tokens.json +0 -13
  40. package/src/components/utrecht/heading-5.tokens.json +0 -13
  41. package/src/components/utrecht/heading-6.tokens.json +0 -13
  42. package/src/components/utrecht/link.tokens.json +0 -44
  43. package/src/components/utrecht/ordered-list.tokens.json +0 -19
  44. package/src/components/utrecht/paragraph.tokens.json +0 -23
  45. package/src/components/utrecht/unordered-list.tokens.json +0 -31
package/dist/index.js CHANGED
@@ -1,307 +1,1181 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 20 Mar 2023 15:34:52 GMT
3
+ * Generated on Tue, 19 Nov 2024 15:33:55 GMT
4
4
  */
5
5
 
6
- export const basiselementenColorLogoblauw = "#154273";
7
- export const basiselementenColorHemelblauw = "#007bc7";
8
- export const basiselementenColorHemelblauwTint1 = "#b2d7ee";
9
- export const basiselementenColorHemelblauwTint2 = "#d9ebf7";
10
- export const basiselementenColorLichtblauw = "#8fcae7";
11
- export const basiselementenColorLichtblauwTint1 = "#ddeff8";
12
- export const basiselementenColorLichtblauwTint2 = "#eef7fb";
13
- export const basiselementenColorDonkerblauw = "#01689b";
14
- export const basiselementenColorDonkerblauwShade1 = "#01496D"; // 30% black (shade) of 'donkerblauw'
15
- export const basiselementenColorOranje = "#e17000";
16
- export const basiselementenColorOranjeTint1 = "#f6d4b2";
17
- export const basiselementenColorOranjeTint2 = "#fbead9";
18
- export const basiselementenColorGroen = "#39870c";
19
- export const basiselementenColorGroenTint1 = "#c3dbb6";
20
- export const basiselementenColorGroenTint2 = "#e1eddb";
21
- export const basiselementenColorDonkergroen = "#275e08";
22
- export const basiselementenColorDonkergeel = "#ffb612";
23
- export const basiselementenColorDonkergeelTint1 = "#ffe9b7";
24
- export const basiselementenColorDonkergeelTint2 = "#fff4dc";
25
- export const basiselementenColorRood = "#d51b1e";
26
- export const basiselementenColorRoodTint1 = "#f2bfbb";
27
- export const basiselementenColorRoodShade1 = "#4d0a0b";
28
- export const basiselementenColorRoodTint2 = "#f9dfdd";
29
- export const basiselementenColorGrijs1 = "#f3f3f3";
30
- export const basiselementenColorGrijs2 = "#e6e6e6";
31
- export const basiselementenColorGrijs3 = "#cccccc";
32
- export const basiselementenColorGrijs4 = "#b4b4b4";
33
- export const basiselementenColorGrijs5 = "#999999";
34
- export const basiselementenColorGrijs6 = "#696969";
35
- export const basiselementenColorGrijs7 = "#535353";
36
- export const basiselementenColorZwart = "#000000";
37
- export const basiselementenColorWit = "#ffffff";
38
- export const basiselementenFontSansSerifFontFamily = "'RijksoverheidSansWebText'";
39
- export const basiselementenFontSansSerifFallbackFontFamily = "'Calibri', 'Verdana', 'Arial', sans-serif";
40
- export const basiselementenFontSerifFontFamily = "'RijksoverheidSerifWeb'";
41
- export const basiselementenFontSerifFallbackFontFamily = "'Times New Roman', serif";
42
- export const basiselementenFontWeightNormal = "400";
43
- export const basiselementenFontWeightBold = "700";
44
- export const basiselementenRootFontSize = "100%";
45
- export const basiselementenDocumentBackgroundColor = "#ffffff";
46
- export const basiselementenDocumentColor = "#000000";
47
- export const basiselementenDocumentFontFamily = "'RijksoverheidSansWebText'";
48
- export const basiselementenDocumentFontSize = "18px";
49
- export const basiselementenDocumentLineHeight = "150%";
50
6
  export const utrechtActionActivateCursor = "pointer";
51
7
  export const utrechtActionBusyCursor = "wait";
52
8
  export const utrechtActionDisabledCursor = "not-allowed";
53
9
  export const utrechtActionSubmitCursor = "pointer";
54
- export const utrechtFocusOutlineColor = "#000000";
55
- export const utrechtFocusOutlineOffset = "3px"; // This is only for buttons. Form fields (input, select and textarea) and links do not have an offset
56
- export const utrechtFocusOutlineStyle = "dashed";
10
+ export const utrechtFocusOutlineColor = "#000";
11
+ export const utrechtFocusOutlineOffset = "0.125rem"; // This is only for buttons. Form fields (input, select and textarea) and links do not have an offset
12
+ export const utrechtFocusOutlineStyle = "solid";
57
13
  export const utrechtFocusOutlineWidth = "2px";
58
- export const utrechtFocusInverseOutlineColor = "#ffffff";
59
- export const utrechtButtonRvoXsFontSize = "0.875rem";
60
- export const utrechtButtonRvoXsFontWeight = "400";
61
- export const utrechtButtonRvoXsPaddingBlockStart = "4px";
62
- export const utrechtButtonRvoXsPaddingBlockEnd = "4px";
63
- export const utrechtButtonRvoXsPaddingInlineStart = "calc(8px + 4px)";
64
- export const utrechtButtonRvoXsPaddingInlineEnd = "calc(8px + 4px)";
65
- export const utrechtButtonRvoXsMinBlockSize = "auto";
66
- export const utrechtButtonRvoSmFontSize = "1rem";
67
- export const utrechtButtonRvoSmPaddingBlockStart = "4px";
68
- export const utrechtButtonRvoSmPaddingBlockEnd = "4px";
69
- export const utrechtButtonRvoSmPaddingInlineStart = "12px";
70
- export const utrechtButtonRvoSmPaddingInlineEnd = "12px";
71
- export const utrechtButtonRvoSmMinBlockSize = "30px";
72
- export const utrechtButtonRvoMdFontSize = "18px";
73
- export const utrechtButtonRvoMdPaddingBlockStart = "8px";
74
- export const utrechtButtonRvoMdPaddingBlockEnd = "8px";
75
- export const utrechtButtonRvoMdPaddingInlineStart = "16px";
76
- export const utrechtButtonRvoMdPaddingInlineEnd = "16px";
77
- export const utrechtButtonRvoTertiaryActionTextDecoration = "none";
78
- export const utrechtButtonBackgroundColor = "#01689b";
79
- export const utrechtButtonBorderWidth = "0";
80
- export const utrechtButtonColor = "#ffffff";
81
- export const utrechtButtonFontSize = "18px";
82
- export const utrechtButtonPaddingBlockStart = "8px";
83
- export const utrechtButtonPaddingBlockEnd = "8px";
84
- export const utrechtButtonPaddingInlineStart = "16px";
85
- export const utrechtButtonPaddingInlineEnd = "16px";
86
- export const utrechtButtonDisabledBorderColor = "#e6e6e6";
87
- export const utrechtButtonDisabledBackgroundColor = "#e6e6e6";
88
- export const utrechtButtonDisabledColor = "#cccccc";
89
- export const utrechtButtonPrimaryActionActiveBackgroundColor = "#01496D";
90
- export const utrechtButtonPrimaryActionFocusBackgroundColor = "#01689b";
91
- export const utrechtButtonPrimaryActionHoverBackgroundColor = "#01496D";
92
- export const utrechtButtonPrimaryActionDisabledBorderColor = "#e6e6e6";
93
- export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#e6e6e6";
94
- export const utrechtButtonPrimaryActionDisabledColor = "#cccccc";
95
- export const utrechtButtonPrimaryActionWarningBackgroundColor = "#d51b1e";
96
- export const utrechtButtonPrimaryActionWarningColor = "#ffffff";
97
- export const utrechtButtonPrimaryActionWarningActiveBackgroundColor = "#d51b1e";
98
- export const utrechtButtonPrimaryActionWarningFocusBackgroundColor = "#d51b1e";
99
- export const utrechtButtonPrimaryActionWarningHoverBackgroundColor = "#4d0a0b";
100
- export const utrechtButtonPrimaryActionWarningDisabledBorderColor = "#e6e6e6";
101
- export const utrechtButtonPrimaryActionWarningDisabledBackgroundColor = "#e6e6e6";
102
- export const utrechtButtonPrimaryActionWarningDisabledColor = "#cccccc";
103
- export const utrechtButtonSecondaryActionBackgroundColor = "#ffffff";
104
- export const utrechtButtonSecondaryActionBorderColor = "#01689b";
105
- export const utrechtButtonSecondaryActionBorderWidth = "1px";
106
- export const utrechtButtonSecondaryActionColor = "#01689b";
107
- export const utrechtButtonSecondaryActionActiveBackgroundColor = "#01496D";
108
- export const utrechtButtonSecondaryActionActiveBorderColor = "#01496D";
109
- export const utrechtButtonSecondaryActionActiveColor = "#ffffff";
110
- export const utrechtButtonSecondaryActionFocusColor = "#01689b";
111
- export const utrechtButtonSecondaryActionDisabledBackgroundColor = "#ffffff";
112
- export const utrechtButtonSecondaryActionDisabledBorderColor = "#cccccc";
113
- export const utrechtButtonSecondaryActionDisabledColor = "#cccccc";
114
- export const utrechtButtonSecondaryActionHoverColor = "#01496D";
115
- export const utrechtButtonSecondaryActionHoverBackgroundColor = "#ffffff";
116
- export const utrechtButtonSecondaryActionHoverBorderColor = "#01496D";
117
- export const utrechtButtonSubtleBackgroundColor = "transparent";
118
- export const utrechtButtonSubtleColor = "#d51b1e";
119
- export const utrechtButtonSubtleFontSize = "15px";
120
- export const utrechtButtonSubtleFontWeight = "700";
121
- export const utrechtButtonSubtleHoverTextDecoration = "underline";
122
- export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
123
- export const utrechtButtonSubtleDisabledColor = "#cccccc";
124
- export const utrechtButtonSubtleTextDecoration = "underline";
125
- export const utrechtButtonSubtleWarningHoverColor = "#4d0a0b";
126
- export const utrechtBreadcrumbFontSize = "0.875rem";
127
- export const utrechtBreadcrumbItemGap = "8px";
128
- export const utrechtBreadcrumbItemPaddingBlockStart = "0";
129
- export const utrechtBreadcrumbItemPaddingBlockEnd = "0";
130
- export const utrechtBreadcrumbItemPaddingInlineEnd = "0";
131
- export const utrechtBreadcrumbItemPaddingInlineStart = "0";
132
- export const utrechtBreadcrumbLinkColor = "#007bc7";
133
- export const utrechtBreadcrumbLinkFocusBackgroundColor = "#d9ebf7";
134
- export const utrechtBreadcrumbLinkFocusColor = "#000000";
135
- export const utrechtBreadcrumbLinkFocusTextDecoration = "none";
136
- export const utrechtBreadcrumbLinkFocusTextDecorationThickness = "1px";
137
- export const utrechtBreadcrumbLinkHoverColor = "#01689b";
138
- export const utrechtBreadcrumbLinkHoverTextDecoration = "underline";
139
- export const utrechtBreadcrumbLinkHoverTextDecorationThickness = "1px !important";
140
- export const utrechtBreadcrumbLinkTextDecoration = "none";
141
- export const utrechtCustomRadioButtonSize = "24px";
142
- export const utrechtCustomRadioButtonBorderColor = "#000000";
143
- export const utrechtCustomRadioButtonColor = "#000000";
144
- export const utrechtCustomRadioButtonBorderWidth = "1px";
145
- export const utrechtCustomRadioButtonBackgroundColor = "#ffffff";
146
- export const utrechtCustomRadioButtonBorderRadius = "0";
147
- export const utrechtCustomRadioButtonIconSize = "18px";
148
- export const utrechtCustomRadioButtonActiveBackgroundColor = "#007bc7";
149
- export const utrechtCustomRadioButtonDisabledBorderColor = "#cccccc";
150
- export const utrechtCustomRadioButtonDisabledBackgroundColor = "#ffffff";
151
- export const utrechtCustomRadioButtonCheckedBorderColor = "#007bc7";
152
- export const utrechtCustomRadioButtonCheckedBorderWidth = "3px";
153
- export const utrechtCustomRadioButtonCheckedBackgroundColor = "#007bc7";
154
- export const utrechtCustomRadioButtonCheckedColor = "#007bc7";
155
- export const utrechtCustomRadioButtonCheckedActiveBackgroundColor = "#007bc7";
156
- export const utrechtCustomRadioButtonInvalidBorderColor = "#cccccc";
157
- export const utrechtDataListBorderColor = "#b4b4b4";
158
- export const utrechtDataListBorderWidth = "1px";
159
- export const utrechtDataListMarginBlockEnd = "0";
160
- export const utrechtDataListMarginBlockStart = "0";
161
- export const utrechtDataListItemKeyBorderInlineEndColor = "#b4b4b4";
162
- export const utrechtDataListItemKeyBorderInlineEndWidth = "1px";
163
- export const utrechtDataListItemKeyFontWeight = "700";
164
- export const utrechtDataListItemKeyPaddingBlockEnd = "9px";
165
- export const utrechtDataListItemKeyPaddingBlockStart = "9px";
166
- export const utrechtDataListItemKeyPaddingInlineEnd = "18px";
167
- export const utrechtDataListItemKeyPaddingInlineStart = "18px";
168
- export const utrechtDataListItemValuePaddingBlockEnd = "9px";
169
- export const utrechtDataListItemValuePaddingBlockStart = "9px";
170
- export const utrechtDataListItemValuePaddingInlineEnd = "18px";
171
- export const utrechtDataListItemValuePaddingInlineStart = "18px";
172
- export const utrechtDataListRowsBorderBottomColor = "#b4b4b4";
173
- export const utrechtDataListRowsBorderBottomWidth = "1px";
174
- export const utrechtDataListRowsItemMarginBlockStart = "0";
175
- export const utrechtDataListRowsItemPaddingInlineStart = "14px";
176
- export const utrechtDataListRowsItemValueMarginBlockStart = "0";
177
- export const utrechtDataListRowsColumnInlineSize = "50%";
178
- export const utrechtDataListRowsColumnMinInlineSize = "25ch";
179
- export const utrechtDocumentBackgroundColor = "#ffffff";
180
- export const utrechtDocumentColor = "#000000";
181
- export const utrechtDocumentFontFamily = "'RijksoverheidSansWebText'";
182
- export const utrechtDocumentFontSize = "18px";
183
- export const utrechtDocumentLineHeight = "150%";
184
- export const utrechtFormFieldDescriptionMarginBlockStart = "0";
185
- export const utrechtFormFieldDescriptionMarginBlockEnd = "1ex";
186
- export const utrechtFormFieldMarginBlockEnd = "1ex";
187
- export const utrechtFormFieldMarginBlockStart = "1ex";
188
- export const utrechtFormFieldMinWidth = "100%";
189
- export const utrechtFormFieldsetMarginBlockEnd = "1ex";
190
- export const utrechtFormFieldsetMarginBlockStart = "1ex";
191
- export const utrechtFormFieldsetSectionBackgroundColor = "#ffffff";
192
- export const utrechtFormFieldsetPaddingBlockEnd = "36px";
193
- export const utrechtFormFieldsetPaddingBlockStart = "36px";
194
- export const utrechtFormFieldsetPaddingInlineEnd = "36px";
195
- export const utrechtFormFieldsetPaddingInlineStart = "36px";
196
- export const utrechtFormFieldsetLegendFontWeight = "700";
197
- export const utrechtFormFieldsetLegendLineHeight = "150%";
198
- export const utrechtFormFieldsetLegendMarginBlockEnd = "1ex";
199
- export const utrechtFormFieldsetLegendMarginBlockStart = "0";
200
- export const utrechtFormInputBackgroundColor = "#ffffff";
201
- export const utrechtFormInputBorderColor = "#696969";
202
- export const utrechtFormInputBorderRadius = "0";
203
- export const utrechtFormInputBorderWidth = "1px";
204
- export const utrechtFormInputColor = "#000000";
205
- export const utrechtFormInputFontSize = "18px";
206
- export const utrechtFormInputPaddingBlockEnd = "8px";
207
- export const utrechtFormInputPaddingBlockStart = "12px";
208
- export const utrechtFormInputPaddingInlineEnd = "12px";
209
- export const utrechtFormInputPaddingInlineStart = "12px";
210
- export const utrechtFormInputDisabledBackgroundColor = "#cccccc !important";
211
- export const utrechtFormInputDisabledBorderColor = "#535353";
212
- export const utrechtFormInputDisabledBorderWidth = "0";
213
- export const utrechtFormInputDisabledColor = "#535353";
214
- export const utrechtFormInputFocusBackgroundColor = "#ffffff";
215
- export const utrechtFormInputFocusBorderColor = "#696969";
216
- export const utrechtFormInputInvalidBackgroundColor = "#ffffff";
217
- export const utrechtFormInputInvalidBorderColor = "#d51b1e";
218
- export const utrechtFormInputInvalidBorderWidth = "1px";
219
- export const utrechtFormInputReadOnlyBorderColor = "#535353";
220
- export const utrechtFormInputReadOnlyColor = "#535353";
221
- export const utrechtFormLabelFontWeight = "700";
222
- export const utrechtFormLabelFontSize = "18px";
223
- export const utrechtHeading1FontSize = "2rem";
224
- export const utrechtHeading1FontWeight = "700";
225
- export const utrechtHeading1LineHeight = "125%";
226
- export const utrechtHeading1MarginBlockEnd = "16px";
227
- export const utrechtHeading1MarginBlockStart = "16px";
228
- export const utrechtHeading2FontSize = "1.5rem";
229
- export const utrechtHeading2FontWeight = "700";
230
- export const utrechtHeading2LineHeight = "150%";
231
- export const utrechtHeading2MarginBlockEnd = "4px";
232
- export const utrechtHeading3FontSize = "1.25rem";
233
- export const utrechtHeading3FontWeight = "700";
234
- export const utrechtHeading3LineHeight = "125%";
235
- export const utrechtHeading3MarginBlockEnd = "4px";
236
- export const utrechtHeading4FontSize = "1.125rem";
237
- export const utrechtHeading4FontWeight = "700";
238
- export const utrechtHeading4MarginBlockEnd = "4px";
239
- export const utrechtHeading5FontSize = "1rem";
240
- export const utrechtHeading5FontWeight = "700";
241
- export const utrechtHeading5MarginBlockEnd = "4px";
242
- export const utrechtHeading6FontSize = "0.875rem";
243
- export const utrechtHeading6FontWeight = "700";
244
- export const utrechtHeading6MarginBlockEnd = "4px";
245
- export const utrechtLinkColor = "#007bc7";
246
- export const utrechtLinkTextDecoration = "underline";
247
- export const utrechtLinkTextDecorationThickness = "1px";
248
- export const utrechtLinkTextUnderlineOffset = "2px";
249
- export const utrechtLinkFontWeight = "400";
250
- export const utrechtLinkHoverColor = "#01689b";
251
- export const utrechtLinkHoverTextDecorationThickness = "1px";
252
- export const utrechtLinkHoverFontWeight = "700";
253
- export const utrechtLinkHoverTextDecoration = "none";
254
- export const utrechtLinkActiveColor = "#01689b";
255
- export const utrechtLinkActiveFontWeight = "700";
256
- export const utrechtLinkActiveTextDecorationThickness = "1px";
257
- export const utrechtLinkFocusOutlineOffset = "0";
258
- export const utrechtLinkFocusTextDecorationThickness = "1px";
259
- export const utrechtOrderedListMarginBlockEnd = "0";
260
- export const utrechtOrderedListItemMarginBlockStart = "0.5ex";
261
- export const utrechtOrderedListItemMarginBlockEnd = "0.5ex";
262
- export const utrechtOrderedListItemPaddingInlineStart = "0";
263
- export const utrechtOrderedListPaddingInlineStart = "0";
264
- export const utrechtParagraphFontSize = "18px";
14
+ export const utrechtFocusInverseOutlineColor = "transparant";
15
+ export const utrechtIconColor = "inherit";
16
+ export const utrechtIconSize = "24px";
17
+ export const utrechtIconInsetBlockStart = 0;
18
+ export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
19
+ export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
20
+ export const utrechtUnorderedListMarginBlockStart = "0.25rem";
21
+ export const utrechtUnorderedListColor = "#154273";
22
+ export const utrechtUnorderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
23
+ export const utrechtUnorderedListFontWeight = 400;
24
+ export const utrechtUnorderedListFontSize = "1.25rem";
25
+ export const utrechtUnorderedListLineHeight = "150%";
26
+ export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
27
+ export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
28
+ export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
29
+ export const utrechtUnorderedListMarkerColor = "#154273";
30
+ export const utrechtUnorderedListMarkerBorderColor = "#154273";
31
+ export const utrechtTextboxBorderRadius = "2.5px";
32
+ export const utrechtTextboxFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
33
+ export const utrechtTextboxFontSize = "1.25rem";
34
+ export const utrechtTextboxFontWeight = 400;
35
+ export const utrechtTextboxLineHeight = "150%";
36
+ export const utrechtTextboxMaxInlineSize = "400px";
37
+ export const utrechtTextboxPaddingBlockEnd = "0.5rem";
38
+ export const utrechtTextboxPaddingBlockStart = "0.5rem";
39
+ export const utrechtTextboxPaddingInlineEnd = "0.75rem";
40
+ export const utrechtTextboxPaddingInlineStart = "0.75rem";
41
+ export const utrechtTextboxBackgroundColor = "#fff";
42
+ export const utrechtTextboxBorderColor = "#154273";
43
+ export const utrechtTextboxColor = "#154273";
44
+ export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
45
+ export const utrechtTextboxInvalidBorderColor = "#d52b1e";
46
+ export const utrechtTextboxInvalidColor = "#154273";
47
+ export const utrechtTextboxInvalidBorderWidth = "1px";
48
+ export const utrechtTextboxPlaceholderColor = "#64748B";
49
+ export const utrechtTextboxBorderBlockEndWidth = "auto";
50
+ export const utrechtTextboxBorderWidth = "1px";
51
+ export const utrechtTextboxFocusBorderWidth = "2px";
52
+ export const utrechtTextboxFocusBackgroundColor = "#fff";
53
+ export const utrechtTextboxFocusBorderColor = "#154273";
54
+ export const utrechtTextboxFocusColor = "#154273";
55
+ export const utrechtTextboxDisabledBackgroundColor = "#CBD5E1";
56
+ export const utrechtTextboxDisabledBorderColor = "#94A3B8";
57
+ export const utrechtTextboxDisabledColor = "#475569";
58
+ export const utrechtTextboxReadOnlyBackgroundColor = "#F1F5F9";
59
+ export const utrechtTextboxReadOnlyBorderColor = "transparent";
60
+ export const utrechtTextboxReadOnlyColor = "#154273";
61
+ export const utrechtTextboxHoverBorderWidth = "1px";
62
+ export const utrechtTextboxHoverBackgroundColor = "#fff";
63
+ export const utrechtTextboxHoverBorderColor = "#738eab";
64
+ export const utrechtTextboxHoverColor = "#154273";
65
+ export const utrechtTextareaMaxInlineSize = "400px";
66
+ export const utrechtTextareaPaddingBlockEnd = "0.5rem";
67
+ export const utrechtTextareaPaddingBlockStart = "0.5rem";
68
+ export const utrechtTextareaPaddingInlineEnd = "0.75rem";
69
+ export const utrechtTextareaPaddingInlineStart = "0.75rem";
70
+ export const utrechtTextareaBackgroundColor = "#fff";
71
+ export const utrechtTextareaBorderColor = "#154273";
72
+ export const utrechtTextareaColor = "#154273";
73
+ export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
74
+ export const utrechtTextareaInvalidBorderColor = "#d52b1e";
75
+ export const utrechtTextareaInvalidColor = "#154273";
76
+ export const utrechtTextareaInvalidBorderWidth = "1px";
77
+ export const utrechtTextareaPlaceholderColor = "#64748B";
78
+ export const utrechtTextareaFocusBackgroundColor = "#fff";
79
+ export const utrechtTextareaFocusBorderColor = "#154273";
80
+ export const utrechtTextareaFocusColor = "#154273";
81
+ export const utrechtTextareaFocusBorderWidth = "2px";
82
+ export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
83
+ export const utrechtTextareaDisabledBorderColor = "#94A3B8";
84
+ export const utrechtTextareaDisabledColor = "#475569";
85
+ export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
86
+ export const utrechtTextareaReadOnlyBorderColor = "transparent";
87
+ export const utrechtTextareaReadOnlyColor = "#154273";
88
+ export const utrechtTextareaHoverBackgroundColor = "#fff";
89
+ export const utrechtTextareaHoverBorderColor = "#738eab";
90
+ export const utrechtTextareaHoverColor = "#154273";
91
+ export const utrechtTextareaHoverBorderWidth = "1px";
92
+ export const utrechtTextareaBorderRadius = "2.5px";
93
+ export const utrechtTextareaBorderBottomWidth = "1px";
94
+ export const utrechtTextareaBorderWidth = "1px";
95
+ export const utrechtTextareaFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
96
+ export const utrechtTextareaFontWeight = 400;
97
+ export const utrechtTextareaLineHeight = "150%";
98
+ export const utrechtTextareaFontSize = "1.25rem";
99
+ export const utrechtTableHeaderCellLineHeight = "150%";
100
+ export const utrechtTableHeaderCellColor = "#154273";
101
+ export const utrechtTableHeaderCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
102
+ export const utrechtTableHeaderCellFontWeight = 700;
103
+ export const utrechtTableHeaderCellFontSize = "1.25rem";
104
+ export const utrechtTableCaptionLineHeight = "125%";
105
+ export const utrechtTableCaptionMarginBlockEnd = "1.5rem";
106
+ export const utrechtTableCaptionColor = "#154273";
107
+ export const utrechtTableCaptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
108
+ export const utrechtTableCaptionFontWeight = 700;
109
+ export const utrechtTableCaptionFontSize = "1.875rem";
110
+ export const utrechtTableCellPaddingBlockEnd = "0.75rem";
111
+ export const utrechtTableCellPaddingBlockStart = "0.75rem";
112
+ export const utrechtTableCellPaddingInlineEnd = "1rem";
113
+ export const utrechtTableCellPaddingInlineStart = "1rem";
114
+ export const utrechtTableDataCellColor = "#154273";
115
+ export const utrechtTableDataCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
116
+ export const utrechtTableDataCellFontWeight = 400;
117
+ export const utrechtTableDataCellLineHeight = "150%";
118
+ export const utrechtTableDataCellFontSize = "1.25rem";
119
+ export const utrechtTableHeaderBorderBlockEndWidth = "2px";
120
+ export const utrechtTableHeaderBorderBlockEndColor = "#CBD5E1";
121
+ export const utrechtTableHeaderBackgroundColor = "transparent";
122
+ export const utrechtTableFooterBorderBlockEndWidth = "1px";
123
+ export const utrechtTableFooterBorderBlockEndColor = "#CBD5E1";
124
+ export const utrechtTableFooterBackgroundColor = "transparent";
125
+ export const utrechtTableRowBorderBlockEndWidth = "1px";
126
+ export const utrechtTableRowBorderBlockEndColor = "#CBD5E1";
127
+ export const utrechtTableRowBackgroundColor = "transparent";
128
+ export const utrechtTableFooterCellFontWeight = 700;
129
+ export const utrechtTableFooterCellFontSize = "1.25rem";
130
+ export const utrechtTableFooterCellColor = "#154273";
131
+ export const utrechtTableFooterCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
132
+ export const utrechtTableFooterCellLineHeight = "150%";
133
+ export const utrechtTableContainerBoxInlineEndShadowX = 0;
134
+ export const utrechtTableContainerBoxInlineEndShadowY = "16px";
135
+ export const utrechtTableContainerBoxInlineEndShadowBlur = "48px";
136
+ export const utrechtTableContainerBoxInlineEndShadowSpread = 0;
137
+ export const utrechtTableContainerBoxInlineEndShadowColor = "#0000001a";
138
+ export const utrechtTableContainerBoxInlineStartShadowX = 0;
139
+ export const utrechtTableContainerBoxInlineStartShadowY = "16px";
140
+ export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
141
+ export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
142
+ export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
143
+ export const utrechtSkipLinkFontWeight = 700;
144
+ export const utrechtSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
145
+ export const utrechtSkipLinkFontSize = "1.25rem";
146
+ export const utrechtSkipLinkLineHeight = "150%";
147
+ export const utrechtSkipLinkMinBlockSize = "48px";
148
+ export const utrechtSkipLinkMinInlineSize = "48px";
149
+ export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
150
+ export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
151
+ export const utrechtSkipLinkPaddingInlineEnd = "1rem";
152
+ export const utrechtSkipLinkPaddingInlineStart = "1rem";
153
+ export const utrechtSkipLinkFocusBackgroundColor = "#fff";
154
+ export const utrechtSkipLinkFocusBorderColor = "#154273";
155
+ export const utrechtSkipLinkFocusBorderStyle = "solid";
156
+ export const utrechtSkipLinkFocusBorderWidth = "2px";
157
+ export const utrechtSkipLinkFocusColor = "#154273";
158
+ export const utrechtSkipLinkFocusTextDecoration = "None";
159
+ export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
160
+ export const utrechtSkipLinkBackgroundColor = "#154273";
161
+ export const utrechtSkipLinkBorderColor = "transparent";
162
+ export const utrechtSkipLinkColor = "#fff";
163
+ export const utrechtSkipLinkBorderWidth = "2px";
164
+ export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
165
+ export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
166
+ export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
167
+ export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
168
+ export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
169
+ export const utrechtSkipLinkTextDecoration = "underline";
170
+ export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
171
+ export const utrechtSeparatorColor = "#CBD5E1";
172
+ export const utrechtSeparatorBlockSize = "2px";
173
+ export const utrechtSeparatorMarginBlockEnd = "0.75rem";
174
+ export const utrechtSeparatorMarginBlockStart = "0.75rem";
175
+ export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
176
+ export const utrechtSelectIconSize = "24px";
177
+ export const utrechtSelectBackgroundColor = "#fff";
178
+ export const utrechtSelectBorderColor = "#154273";
179
+ export const utrechtSelectColor = "#154273";
180
+ export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
181
+ export const utrechtSelectInvalidBorderColor = "#d52b1e";
182
+ export const utrechtSelectInvalidColor = "#154273";
183
+ export const utrechtSelectInvalidBorderWidth = "1px";
184
+ export const utrechtSelectFocusBackgroundColor = "#fff";
185
+ export const utrechtSelectFocusBorderColor = "#154273";
186
+ export const utrechtSelectFocusColor = "#154273";
187
+ export const utrechtSelectFocusBorderWidth = "2px";
188
+ export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
189
+ export const utrechtSelectDisabledBorderColor = "#94A3B8";
190
+ export const utrechtSelectDisabledColor = "#475569";
191
+ export const utrechtSelectHoverBackgroundColor = "#fff";
192
+ export const utrechtSelectHoverBorderColor = "#738eab";
193
+ export const utrechtSelectHoverColor = "#154273";
194
+ export const utrechtSelectHoverBorderWidth = "1px";
195
+ export const utrechtSelectPaddingBlockEnd = "0.5rem";
196
+ export const utrechtSelectPaddingBlockStart = "0.5rem";
197
+ export const utrechtSelectPaddingInlineEnd = "0.75rem";
198
+ export const utrechtSelectPaddingInlineStart = "0.75rem";
199
+ export const utrechtSelectBorderRadius = "2.5px";
200
+ export const utrechtSelectBorderBottomWidth = "auto";
201
+ export const utrechtSelectBorderWidth = "1px";
202
+ export const utrechtSelectFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
203
+ export const utrechtSelectFontWeight = 400;
204
+ export const utrechtSelectLineHeight = "150%";
205
+ export const utrechtSelectFontSize = "1.25rem";
206
+ export const utrechtSelectMaxInlineSize = "400px";
207
+ export const utrechtRadioButtonActiveBorderWidth = "1px";
208
+ export const utrechtRadioButtonActiveBackgroundColor = "#fff";
209
+ export const utrechtRadioButtonActiveBorderColor = "#4f7196";
210
+ export const utrechtRadioButtonSize = "24px";
211
+ export const utrechtRadioButtonDotSize = "12px";
212
+ export const utrechtRadioButtonBackgroundColor = "#fff";
213
+ export const utrechtRadioButtonBorderColor = "#154273";
214
+ export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
215
+ export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
216
+ export const utrechtRadioButtonInvalidBorderWidth = "1px";
217
+ export const utrechtRadioButtonFocusBackgroundColor = "#fff";
218
+ export const utrechtRadioButtonFocusBorderColor = "#154273";
219
+ export const utrechtRadioButtonFocusBorderWidth = "2px";
220
+ export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
221
+ export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
222
+ export const utrechtRadioButtonDisabledColor = "#475569";
223
+ export const utrechtRadioButtonCheckedBackgroundColor = "#154273";
224
+ export const utrechtRadioButtonCheckedBorderColor = "transparent";
225
+ export const utrechtRadioButtonCheckedColor = "#fff";
226
+ export const utrechtRadioButtonCheckedHoverBackgroundColor = "#738eab";
227
+ export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
228
+ export const utrechtRadioButtonCheckedHoverColor = "#fff";
229
+ export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
230
+ export const utrechtRadioButtonCheckedActiveBackgroundColor = "#4f7196";
231
+ export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
232
+ export const utrechtRadioButtonCheckedActiveColor = "#fff";
233
+ export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
234
+ export const utrechtRadioButtonCheckedFocusBackgroundColor = "#fff";
235
+ export const utrechtRadioButtonCheckedFocusBorderColor = "#154273";
236
+ export const utrechtRadioButtonCheckedFocusColor = "#154273";
237
+ export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
238
+ export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
239
+ export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
240
+ export const utrechtRadioButtonCheckedDisabledColor = "#475569";
241
+ export const utrechtRadioButtonCheckedBorderWidth = "1px";
242
+ export const utrechtRadioButtonHoverBackgroundColor = "#fff";
243
+ export const utrechtRadioButtonHoverBorderColor = "#738eab";
244
+ export const utrechtRadioButtonHoverBorderWidth = "1px";
245
+ export const utrechtRadioButtonBorderRadius = "999px";
246
+ export const utrechtRadioButtonBorderWidth = "1px";
247
+ export const utrechtParagraphColor = "#154273";
248
+ export const utrechtParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
249
+ export const utrechtParagraphFontSize = "1.25rem";
250
+ export const utrechtParagraphFontWeight = 400;
265
251
  export const utrechtParagraphLineHeight = "150%";
266
- export const utrechtParagraphMarginBlockEnd = "16px";
267
- export const utrechtParagraphLeadFontSize = "20px";
252
+ export const utrechtParagraphMarginBlockEnd = 0;
253
+ export const utrechtParagraphMarginBlockStart = 0;
254
+ export const utrechtParagraphLeadColor = "#154273";
255
+ export const utrechtParagraphLeadFontSize = "1.5rem";
256
+ export const utrechtParagraphLeadFontWeight = 400;
268
257
  export const utrechtParagraphLeadLineHeight = "150%";
269
- export const utrechtParagraphSmallFontSize = "16px";
258
+ export const utrechtParagraphSmallColor = "#154273";
259
+ export const utrechtParagraphSmallFontSize = "1.25rem";
260
+ export const utrechtParagraphSmallFontWeight = 400;
270
261
  export const utrechtParagraphSmallLineHeight = "150%";
271
- export const utrechtUnorderedListMarginBlockStart = "0";
272
- export const utrechtUnorderedListMarginBlockEnd = "16px";
273
- export const utrechtUnorderedListItemMarginBlockStart = "0.5ex";
274
- export const utrechtUnorderedListItemMarginBlockEnd = "0.5ex";
275
- export const utrechtUnorderedListItemPaddingInlineStart = "0";
276
- export const utrechtUnorderedListItemMarker = "initial";
277
- export const utrechtUnorderedListPaddingInlineStart = "20px";
278
- export const utrechtUnorderedListListStyleType = "square";
279
- export const rvoCheckboxSize = "24px";
280
- export const rvoCheckboxIconSize = "16px";
281
- export const rvoCheckboxIconColor = "#ffffff";
282
- export const rvoCheckboxBackgroundColor = "#ffffff";
283
- export const rvoCheckboxBorderWidth = "1px";
284
- export const rvoCheckboxBorderColor = "#000000";
285
- export const rvoCheckboxCheckedBackgroundColor = "#007bc7";
286
- export const rvoCheckboxHoverBackgroundColor = "#01689b";
287
- export const rvoCheckboxHoverBorderColor = "#007bc7";
288
- export const rvoCheckboxDisabledBorderColor = "#cccccc";
289
- export const rvoCheckboxDisabledBackgroundColor = "#ffffff";
290
- export const rvoCheckboxDisabledColor = "#cccccc";
291
- export const rvoCustomRadioButtonLabelDisabledColor = "#cccccc";
292
- export const rvoCustomRadioButtonHoverBorderColor = "#007bc7";
293
- export const rvoCustomRadioButtonCheckedBorderColor = "#007bc7";
294
- export const rvoCustomRadioButtonCheckedBackground = "radial-gradient(circle, #ffffff 30%, #007bc7 30%)";
295
- export const rvoHeading1LineHeight = "125%";
296
- export const rvoLogoFontFamily = "'RijksoverheidSerifWeb'";
297
- export const rvoLogoFontSize = "16px";
298
- export const rvoLogoColor = "#000000";
299
- export const rvoLogoEmblemBackgroundColor = "#154273";
300
- export const rvoLogoEmblemColor = "#ffffff";
301
- export const rvoSelectIconBackgroundColor = "#007bc7";
302
- export const rvoSelectIconColor = "#ffffff";
303
- export const rvoSelectOutlineOffset = "0";
304
- export const rvoSelectPaddingBlockEnd = "9px";
305
- export const rvoSelectPaddingBlockStart = "10px";
306
- export const rvoSelectPaddingInlineEnd = "50px";
307
- export const rvoSelectPaddingInlineStart = "18px";
262
+ export const utrechtOrderedListPaddingInlineStart = "1.5rem";
263
+ export const utrechtOrderedListMarginBlockEnd = "0.25rem";
264
+ export const utrechtOrderedListMarginBlockStart = "0.25rem";
265
+ export const utrechtOrderedListMarginInlineStart = "0.625rem";
266
+ export const utrechtOrderedListItemPaddingInlineStart = 0;
267
+ export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
268
+ export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
269
+ export const utrechtOrderedListColor = "#154273";
270
+ export const utrechtOrderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
271
+ export const utrechtOrderedListFontWeight = 400;
272
+ export const utrechtOrderedListFontSize = "1.25rem";
273
+ export const utrechtOrderedListLineHeight = "150%";
274
+ export const utrechtLinkListMarginBlockStart = 0;
275
+ export const utrechtLinkListRowGap = "0.5rem";
276
+ export const utrechtLinkListMarginBlockEnd = 0;
277
+ export const utrechtLinkListItemColumnGap = "0.5rem";
278
+ export const utrechtLinkListItemTextDecoration = "None";
279
+ export const utrechtLinkListIconSize = "24px";
280
+ export const utrechtLinkListIconInsetBlockStart = "0.188rem";
281
+ export const utrechtLinkColor = "#01689b";
282
+ export const utrechtLinkTextDecorationColor = "#01689b";
283
+ export const utrechtLinkActiveColor = "#42145f";
284
+ export const utrechtLinkActiveTextDecoration = "None";
285
+ export const utrechtLinkFocusBackgroundColor = "transparent";
286
+ export const utrechtLinkFocusColor = "#01689b";
287
+ export const utrechtLinkFocusTextDecoration = "None";
288
+ export const utrechtLinkFocusTextDecorationThickness = "auto";
289
+ export const utrechtLinkHoverColor = "#01496c";
290
+ export const utrechtLinkHoverTextDecoration = "None";
291
+ export const utrechtLinkHoverTextDecorationThickness = "auto";
292
+ export const utrechtLinkVisitedColor = "#42145f";
293
+ export const utrechtLinkTextDecoration = "underline";
294
+ export const utrechtLinkIconInsetBlockStart = "0.25rem";
295
+ export const utrechtLinkIconSize = "24px";
296
+ export const utrechtLinkColumnGap = "0.25rem";
297
+ export const utrechtLinkTextDecorationThickness = "auto";
298
+ export const utrechtLinkTextUnderlineOffset = "0.125rem";
299
+ export const utrechtLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
300
+ export const utrechtLinkFontWeight = 400;
301
+ export const utrechtLinkFontSize = "1.25rem";
302
+ export const utrechtLinkLineHeight = "150%";
303
+ export const utrechtHeading1Color = "#154273";
304
+ export const utrechtHeading1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
305
+ export const utrechtHeading1FontWeight = 700;
306
+ export const utrechtHeading1LineHeight = "125%";
307
+ export const utrechtHeading1FontSize = "3.125rem";
308
+ export const utrechtHeading1MarginBlockEnd = 0;
309
+ export const utrechtHeading1MarginBlockStart = 0;
310
+ export const utrechtHeading2Color = "#154273";
311
+ export const utrechtHeading2FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
312
+ export const utrechtHeading2FontWeight = 700;
313
+ export const utrechtHeading2LineHeight = "125%";
314
+ export const utrechtHeading2FontSize = "2.5rem";
315
+ export const utrechtHeading2MarginBlockEnd = 0;
316
+ export const utrechtHeading2MarginBlockStart = 0;
317
+ export const utrechtHeading3Color = "#154273";
318
+ export const utrechtHeading3FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
319
+ export const utrechtHeading3FontWeight = 700;
320
+ export const utrechtHeading3LineHeight = "125%";
321
+ export const utrechtHeading3FontSize = "1.875rem";
322
+ export const utrechtHeading3MarginBlockEnd = 0;
323
+ export const utrechtHeading3MarginBlockStart = 0;
324
+ export const utrechtHeading4Color = "#154273";
325
+ export const utrechtHeading4FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
326
+ export const utrechtHeading4FontWeight = 700;
327
+ export const utrechtHeading4LineHeight = "125%";
328
+ export const utrechtHeading4FontSize = "1.5rem";
329
+ export const utrechtHeading4MarginBlockEnd = 0;
330
+ export const utrechtHeading4MarginBlockStart = 0;
331
+ export const utrechtHeading5Color = "#154273";
332
+ export const utrechtHeading5FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
333
+ export const utrechtHeading5FontWeight = 700;
334
+ export const utrechtHeading5LineHeight = "125%";
335
+ export const utrechtHeading5FontSize = "1.25rem";
336
+ export const utrechtHeading5MarginBlockEnd = 0;
337
+ export const utrechtHeading5MarginBlockStart = 0;
338
+ export const utrechtFormLabelColor = "#154273";
339
+ export const utrechtFormLabelFontSize = "1.25rem";
340
+ export const utrechtFormLabelFontWeight = 700;
341
+ export const utrechtFormFieldLabelColor = "#154273";
342
+ export const utrechtFormFieldLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
343
+ export const utrechtFormFieldLabelFontSize = "1.25rem";
344
+ export const utrechtFormFieldLabelFontWeight = 700;
345
+ export const utrechtFormFieldLabelLineHeight = "150%";
346
+ export const utrechtFormFieldErrorMessageIconSize = "24px";
347
+ export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
348
+ export const utrechtFormFieldErrorMessageColor = "#d52b1e";
349
+ export const utrechtFormFieldErrorMessageFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
350
+ export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
351
+ export const utrechtFormFieldErrorMessageFontWeight = 400;
352
+ export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem";
353
+ export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
354
+ export const utrechtFormFieldDescriptionColor = "#334155";
355
+ export const utrechtFormFieldDescriptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
356
+ export const utrechtFormFieldDescriptionFontSize = "1.25rem";
357
+ export const utrechtFormFieldDescriptionLineHeight = "150%";
358
+ export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
359
+ export const utrechtFormFieldDescriptionMarginBlockEnd = "0.5rem";
360
+ export const utrechtFormFieldDescriptionPaddingBlockEnd = "0.5rem";
361
+ export const utrechtFormFieldMarginBlockStart = "0.5rem";
362
+ export const utrechtFormFieldMarginBlockEnd = "0.5rem";
363
+ export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
364
+ export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
365
+ export const utrechtFormFieldInvalidPaddingInlineStart = 0;
366
+ export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
367
+ export const utrechtPageFooterBackgroundColor = "#154273";
368
+ export const utrechtPageFooterColor = "#fff";
369
+ export const utrechtPageFooterPaddingBlockStart = "3rem";
370
+ export const utrechtPageFooterPaddingBlockEnd = "3rem";
371
+ export const utrechtPageFooterPaddingInlineStart = "80px";
372
+ export const utrechtPageFooterPaddingInlineEnd = "80px";
373
+ export const utrechtFigureCaptionBorderColor = "#CBD5E1";
374
+ export const utrechtFigureCaptionBorderWidth = "4px";
375
+ export const utrechtFigureCaptionColor = "#154273";
376
+ export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
377
+ export const utrechtFigureCaptionPaddingBlockStart = "0.5rem";
378
+ export const utrechtFigureCaptionPaddingInlineStart = "1rem";
379
+ export const utrechtFigureCaptionLineHeight = "150%";
380
+ export const utrechtFigureImgBorderEndEndRadius = 0;
381
+ export const utrechtFigureImgBorderEndStartRadius = 0;
382
+ export const utrechtFigureImgBorderStartEndRadius = 0;
383
+ export const utrechtFigureImgBorderStartStartRadius = 0;
384
+ export const utrechtFormFieldsetLegendColor = "#154273";
385
+ export const utrechtFormFieldsetLegendFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
386
+ export const utrechtFormFieldsetLegendFontSize = "1.25rem";
387
+ export const utrechtFormFieldsetLegendFontWeight = 700;
388
+ export const utrechtFormFieldsetLegendLineHeight = "150%";
389
+ export const utrechtFormFieldsetLegendDisabledColor = "#334155";
390
+ export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
391
+ export const utrechtFormFieldsetSectionColor = "#154273";
392
+ export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
393
+ export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
394
+ export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
395
+ export const utrechtBadgeCounterFontSize = "1.25rem";
396
+ export const utrechtBadgeCounterLineHeight = "150%";
397
+ export const utrechtBadgeCounterMinBlockSize = "24px";
398
+ export const utrechtBadgeCounterMinInlineSize = "24px";
399
+ export const utrechtBadgeCounterFontWeight = 700;
400
+ export const utrechtBadgeCounterBorderWidth = "0px";
401
+ export const utrechtBadgeCounterBorderRadius = "999px";
402
+ export const utrechtBadgeCounterFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
403
+ export const utrechtBadgeCounterBackgroundColor = "#154273";
404
+ export const utrechtBadgeCounterBorderColor = "transparent";
405
+ export const utrechtBadgeCounterColor = "#fff";
406
+ export const utrechtBadgeCounterPaddingInline = "0.5rem";
407
+ export const utrechtBadgeCounterPaddingBlock = "0.5rem";
408
+ export const utrechtCheckboxBorderRadius = "2.5px";
409
+ export const utrechtCheckboxSize = "24px";
410
+ export const utrechtCheckboxIconSize = "24px";
411
+ export const utrechtCheckboxBackgroundColor = "#fff";
412
+ export const utrechtCheckboxBorderColor = "#154273";
413
+ export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
414
+ export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
415
+ export const utrechtCheckboxInvalidBorderWidth = "1px";
416
+ export const utrechtCheckboxFocusBackgroundColor = "#fff";
417
+ export const utrechtCheckboxFocusBorderColor = "#154273";
418
+ export const utrechtCheckboxFocusBorderWidth = "2px";
419
+ export const utrechtCheckboxDisabledBackgroundColor = "#CBD5E1";
420
+ export const utrechtCheckboxDisabledBorderColor = "#94A3B8";
421
+ export const utrechtCheckboxCheckedBackgroundColor = "#154273";
422
+ export const utrechtCheckboxCheckedBorderColor = "transparent";
423
+ export const utrechtCheckboxCheckedColor = "#fff";
424
+ export const utrechtCheckboxCheckedBorderWidth = "1px";
425
+ export const utrechtCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
426
+ export const utrechtCheckboxCheckedDisabledBorderColor = "#94A3B8";
427
+ export const utrechtCheckboxCheckedDisabledColor = "#475569";
428
+ export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
429
+ export const utrechtCheckboxCheckedFocusBackgroundColor = "#fff";
430
+ export const utrechtCheckboxCheckedFocusBorderColor = "#154273";
431
+ export const utrechtCheckboxCheckedFocusColor = "#154273";
432
+ export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
433
+ export const utrechtCheckboxCheckedHoverBackgroundColor = "#738eab";
434
+ export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
435
+ export const utrechtCheckboxCheckedHoverColor = "#fff";
436
+ export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
437
+ export const utrechtCheckboxCheckedActiveBackgroundColor = "#4f7196";
438
+ export const utrechtCheckboxCheckedActiveBorderColor = "transparent";
439
+ export const utrechtCheckboxCheckedActiveColor = "#fff";
440
+ export const utrechtCheckboxIndeterminateBackgroundColor = "#154273";
441
+ export const utrechtCheckboxIndeterminateBorderColor = "transparent";
442
+ export const utrechtCheckboxIndeterminateColor = "#fff";
443
+ export const utrechtCheckboxIndeterminateBorderWidth = "1px";
444
+ export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
445
+ export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
446
+ export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
447
+ export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#4f7196";
448
+ export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
449
+ export const utrechtCheckboxIndeterminateActiveColor = "#fff";
450
+ export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
451
+ export const utrechtCheckboxIndeterminateHoverBackgroundColor = "#738eab";
452
+ export const utrechtCheckboxIndeterminateHoverBorderColor = "transparent";
453
+ export const utrechtCheckboxIndeterminateHoverColor = "#fff";
454
+ export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
455
+ export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#fff";
456
+ export const utrechtCheckboxIndeterminateFocusBorderColor = "#154273";
457
+ export const utrechtCheckboxIndeterminateFocusColor = "#154273";
458
+ export const utrechtCheckboxIndeterminateFocusBorderWidth = "2px";
459
+ export const utrechtCheckboxBorderWidth = "1px";
460
+ export const utrechtCheckboxHoverBorderWidth = "1px";
461
+ export const utrechtCheckboxHoverBackgroundColor = "#fff";
462
+ export const utrechtCheckboxHoverBorderColor = "#738eab";
463
+ export const utrechtCheckboxActiveBorderWidth = "1px";
464
+ export const utrechtCheckboxActiveBackgroundColor = "#fff";
465
+ export const utrechtCheckboxActiveBorderColor = "#4f7196";
466
+ export const utrechtButtonGroupBackgroundColor = "transparent";
467
+ export const utrechtButtonGroupColumnGap = "0.5rem";
468
+ export const utrechtButtonGroupMarginBlockEnd = "0px";
469
+ export const utrechtButtonGroupMarginBlockStart = "0px";
470
+ export const utrechtButtonGroupPaddingBlockEnd = "0px";
471
+ export const utrechtButtonGroupPaddingBlockStart = "0px";
472
+ export const utrechtButtonGroupRowGap = "0.5rem";
473
+ export const utrechtButtonBackgroundColor = "transparent";
474
+ export const utrechtButtonBorderColor = "#334155";
475
+ export const utrechtButtonColor = "#334155";
476
+ export const utrechtButtonBorderRadius = "5px";
477
+ export const utrechtButtonBorderWidth = "1px";
478
+ export const utrechtButtonIconGap = "0.5rem";
479
+ export const utrechtButtonIconSize = "24px";
480
+ export const utrechtButtonFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
481
+ export const utrechtButtonFontSize = "1.25rem";
482
+ export const utrechtButtonFontWeight = 700;
483
+ export const utrechtButtonLineHeight = "150%";
484
+ export const utrechtButtonPaddingBlockEnd = "0.5rem";
485
+ export const utrechtButtonPaddingBlockStart = "0.5rem";
486
+ export const utrechtButtonPaddingInlineEnd = "1rem";
487
+ export const utrechtButtonPaddingInlineStart = "1rem";
488
+ export const utrechtButtonDisabledBackgroundColor = "#F8FAFC";
489
+ export const utrechtButtonDisabledBorderColor = "transparent";
490
+ export const utrechtButtonDisabledColor = "#64748B";
491
+ export const utrechtButtonFocusBackgroundColor = "#FDDE94";
492
+ export const utrechtButtonFocusBorderColor = "transparent";
493
+ export const utrechtButtonFocusColor = "#1E293B";
494
+ export const utrechtButtonHoverBackgroundColor = "#F8FAFC";
495
+ export const utrechtButtonHoverBorderColor = "#1E293B";
496
+ export const utrechtButtonHoverColor = "#1E293B";
497
+ export const utrechtButtonActiveBackgroundColor = "#CBD5E1";
498
+ export const utrechtButtonActiveBorderColor = "#0F172A";
499
+ export const utrechtButtonActiveColor = "#0F172A";
500
+ export const utrechtButtonMinBlockSize = "48px";
501
+ export const utrechtButtonMinInlineSize = "48px";
502
+ export const utrechtButtonColumnGap = "0.5rem";
503
+ export const utrechtButtonPrimaryActionHoverBackgroundColor = "#162f50";
504
+ export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
505
+ export const utrechtButtonPrimaryActionHoverColor = "#fff";
506
+ export const utrechtButtonPrimaryActionBackgroundColor = "#154273";
507
+ export const utrechtButtonPrimaryActionBorderColor = "transparent";
508
+ export const utrechtButtonPrimaryActionColor = "#fff";
509
+ export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#b8c6d5";
510
+ export const utrechtButtonPrimaryActionDisabledBorderColor = "#95a9c0";
511
+ export const utrechtButtonPrimaryActionDisabledColor = "#4f7196";
512
+ export const utrechtButtonPrimaryActionFocusBackgroundColor = "#154273";
513
+ export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
514
+ export const utrechtButtonPrimaryActionFocusColor = "#fff";
515
+ export const utrechtButtonPrimaryActionFontWeight = 700;
516
+ export const utrechtButtonPrimaryActionActiveBackgroundColor = "#0d2845";
517
+ export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
518
+ export const utrechtButtonPrimaryActionActiveColor = "#fff";
519
+ export const utrechtButtonPrimaryActionFontSize = "1.25rem";
520
+ export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
521
+ export const utrechtButtonSecondaryActionHoverBackgroundColor = "#b8c6d5";
522
+ export const utrechtButtonSecondaryActionHoverBorderColor = "transparent";
523
+ export const utrechtButtonSecondaryActionHoverColor = "#154273";
524
+ export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
525
+ export const utrechtButtonSecondaryActionBorderColor = "#154273";
526
+ export const utrechtButtonSecondaryActionColor = "#154273";
527
+ export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
528
+ export const utrechtButtonSecondaryActionDisabledBorderColor = "#738eab";
529
+ export const utrechtButtonSecondaryActionDisabledColor = "#738eab";
530
+ export const utrechtButtonSecondaryActionFocusBackgroundColor = "#b8c6d5";
531
+ export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
532
+ export const utrechtButtonSecondaryActionFocusColor = "#154273";
533
+ export const utrechtButtonSecondaryActionFontWeight = 700;
534
+ export const utrechtButtonSecondaryActionActiveBackgroundColor = "#95a9c0";
535
+ export const utrechtButtonSecondaryActionActiveBorderColor = "#154273";
536
+ export const utrechtButtonSecondaryActionActiveColor = "#154273";
537
+ export const utrechtButtonSecondaryActionFontSize = "1.25rem";
538
+ export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
539
+ export const utrechtButtonSubtleFontSize = "1.25rem";
540
+ export const utrechtButtonSubtleFontWeight = 700;
541
+ export const utrechtButtonSubtleHoverBackgroundColor = "transparent";
542
+ export const utrechtButtonSubtleHoverBorderColor = "transparent";
543
+ export const utrechtButtonSubtleHoverColor = "#162f50";
544
+ export const utrechtButtonSubtleBackgroundColor = "transparent";
545
+ export const utrechtButtonSubtleBorderColor = "transparent";
546
+ export const utrechtButtonSubtleColor = "#154273";
547
+ export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
548
+ export const utrechtButtonSubtleDisabledBorderColor = "transparent";
549
+ export const utrechtButtonSubtleDisabledColor = "#b8c6d5";
550
+ export const utrechtButtonSubtleFocusBackgroundColor = "#dce3ea";
551
+ export const utrechtButtonSubtleFocusBorderColor = "transparent";
552
+ export const utrechtButtonSubtleFocusColor = "#154273";
553
+ export const utrechtButtonSubtleActiveBackgroundColor = "transparent";
554
+ export const utrechtButtonSubtleActiveBorderColor = "transparent";
555
+ export const utrechtButtonSubtleActiveColor = "#0d2845";
556
+ export const utrechtButtonSubtleLineHeight = "1.875rem";
557
+ export const utrechtBreadcrumbNavLineHeight = 1.4;
558
+ export const utrechtBreadcrumbNavFontSize = "1.25rem";
559
+ export const utrechtBreadcrumbNavLinkIconSize = "24px";
560
+ export const utrechtBreadcrumbNavLinkIconMarginInline = "0.25rem";
561
+ export const utrechtBreadcrumbNavLinkIconInsetBlockStart = 0;
562
+ export const utrechtBreadcrumbNavLinkPaddingBlockEnd = "0.75rem";
563
+ export const utrechtBreadcrumbNavLinkPaddingBlockStart = "0.75rem";
564
+ export const utrechtBreadcrumbNavLinkPaddingInlineEnd = 0;
565
+ export const utrechtBreadcrumbNavLinkPaddingInlineStart = 0;
566
+ export const utrechtBreadcrumbNavLinkColor = "#01689b";
567
+ export const utrechtBreadcrumbNavLinkActiveColor = "#42145f";
568
+ export const utrechtBreadcrumbNavLinkActiveTextDecoration = "None";
569
+ export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
570
+ export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
571
+ export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
572
+ export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
573
+ export const utrechtBreadcrumbNavLinkHoverTextDecoration = "None";
574
+ export const utrechtBreadcrumbNavLinkCurrentColor = "#334155";
575
+ export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
576
+ export const utrechtBreadcrumbNavDividerSize = "24px";
577
+ export const utrechtBreadcrumbNavDividerColor = "#334155";
578
+ export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
579
+ export const utrechtBreadcrumbNavMarginInline = "0.5rem";
580
+ export const utrechtBreadcrumbNavFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
581
+ export const utrechtBreadcrumbNavFontWeight = 400;
582
+ export const utrechtBlockquoteAttributionFontSize = "1.25rem";
583
+ export const utrechtBlockquoteAttributionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
584
+ export const utrechtBlockquoteAttributionLineHeight = "150%";
585
+ export const utrechtBlockquoteAttributionFontWeight = 400;
586
+ export const utrechtBlockquoteAttributionPaddingBlockStart = "0.75rem";
587
+ export const utrechtBlockquoteAttributionColor = "#334155";
588
+ export const utrechtBlockquoteContentFontFamily = "RijksoverheidSerifWeb, 'Times New Roman', serif";
589
+ export const utrechtBlockquoteContentLineHeight = "150%";
590
+ export const utrechtBlockquoteContentFontWeight = 400;
591
+ export const utrechtBlockquoteContentFontSize = "1.5rem";
592
+ export const utrechtBlockquoteContentColor = "#154273";
593
+ export const utrechtBlockquotePaddingBlockEnd = "2rem";
594
+ export const utrechtBlockquotePaddingBlockStart = "2rem";
595
+ export const utrechtBlockquotePaddingInlineEnd = "2rem";
596
+ export const utrechtBlockquotePaddingInlineStart = "2rem";
597
+ export const utrechtBlockquoteRowGap = "0.75rem";
598
+ export const utrechtBlockquoteBackgroundColor = "transparent";
599
+ export const utrechtBlockquoteBorderColor = "#154273";
600
+ export const utrechtBlockquoteBorderBlockStartWidth = 0;
601
+ export const utrechtBlockquoteBorderBlockEndWidth = 0;
602
+ export const utrechtBlockquoteBorderInlineStartWidth = 0;
603
+ export const utrechtBlockquoteBorderInlineEndWidth = 0;
604
+ export const utrechtBlockquoteBorderStartStartRadius = 0;
605
+ export const utrechtBlockquoteBorderStartEndRadius = 0;
606
+ export const utrechtBlockquoteBorderEndStartRadius = 0;
607
+ export const utrechtBlockquoteBorderEndEndRadius = 0;
608
+ export const utrechtBlockquoteBorderWidth = "2px";
609
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#154273";
610
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
611
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
612
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
613
+ export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
614
+ export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
615
+ export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
616
+ export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
617
+ export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
618
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
619
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
620
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
621
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
622
+ export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
623
+ export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
624
+ export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
625
+ export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
626
+ export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
627
+ export const utrechtArticleMaxInlineSize = "75ch";
628
+ export const utrechtAlertHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
629
+ export const utrechtAlertHeadingFontWeight = 700;
630
+ export const utrechtAlertHeadingLineHeight = "150%";
631
+ export const utrechtAlertHeadingFontSize = "1.25rem";
632
+ export const utrechtAlertColumnGap = "0.5rem";
633
+ export const utrechtAlertBorderWidth = "0px";
634
+ export const utrechtAlertMarginBlockEnd = "0.75rem";
635
+ export const utrechtAlertMarginBlockStart = "0.75rem";
636
+ export const utrechtAlertPaddingBlockEnd = "1rem";
637
+ export const utrechtAlertPaddingBlockStart = "1rem";
638
+ export const utrechtAlertPaddingInlineEnd = "1rem";
639
+ export const utrechtAlertPaddingInlineStart = "1rem";
640
+ export const utrechtAlertBackgroundColor = "#d9ebf7";
641
+ export const utrechtAlertBorderColor = "transparent";
642
+ export const utrechtAlertColor = "#154273";
643
+ export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
644
+ export const utrechtAlertInfoBorderColor = "transparent";
645
+ export const utrechtAlertInfoColor = "#154273";
646
+ export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
647
+ export const utrechtAlertErrorBorderColor = "transparent";
648
+ export const utrechtAlertErrorColor = "#154273";
649
+ export const utrechtAlertOkBackgroundColor = "#e1eddb";
650
+ export const utrechtAlertOkBorderColor = "transparent";
651
+ export const utrechtAlertOkColor = "#154273";
652
+ export const utrechtAlertWarningBackgroundColor = "#fff4db";
653
+ export const utrechtAlertWarningBorderColor = "transparent";
654
+ export const utrechtAlertWarningColor = "#154273";
655
+ export const utrechtAlertIconInsetBlockStart = "3px";
656
+ export const utrechtAlertIconInfoColor = "#007bc7";
657
+ export const utrechtAlertIconErrorColor = "#d52b1e";
658
+ export const utrechtAlertIconOkColor = "#39870c";
659
+ export const utrechtAlertIconWarningColor = "#ffb612";
660
+ export const utrechtAlertIconSize = "24px";
661
+ export const utrechtAlertMessageRowGap = 0;
662
+ export const utrechtAlertBorderRadius = "5px";
663
+ export const utrechtAccordionPanelBorderColor = "#94A3B8";
664
+ export const utrechtAccordionPanelBorderWidth = 0;
665
+ export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
666
+ export const utrechtAccordionPanelPaddingBlockStart = "1rem";
667
+ export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
668
+ export const utrechtAccordionPanelPaddingInlineStart = "1rem";
669
+ export const utrechtAccordionButtonGap = "0.5rem";
670
+ export const utrechtAccordionButtonIconSize = "24px";
671
+ export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
672
+ export const utrechtAccordionButtonHoverBorderColor = "#94A3B8";
673
+ export const utrechtAccordionButtonHoverColor = "#154273";
674
+ export const utrechtAccordionButtonBackgroundColor = "#fff";
675
+ export const utrechtAccordionButtonBorderColor = "#94A3B8";
676
+ export const utrechtAccordionButtonBorderWidth = 0;
677
+ export const utrechtAccordionButtonColor = "#154273";
678
+ export const utrechtAccordionButtonFocusBackgroundColor = "#dce3ea";
679
+ export const utrechtAccordionButtonFocusBorderColor = "#154273";
680
+ export const utrechtAccordionButtonFocusColor = "#154273";
681
+ export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
682
+ export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
683
+ export const utrechtAccordionButtonActiveColor = "#154273";
684
+ export const utrechtAccordionButtonActiveRowGap = 0;
685
+ export const utrechtDocumentBackgroundColor = "#fff";
686
+ export const utrechtDocumentColor = "#000";
687
+ export const utrechtDocumentFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
688
+ export const utrechtDocumentFontSize = "1.25rem";
689
+ export const utrechtDocumentLineHeight = "150%";
690
+ export const utrechtDocumentFontWeight = 400;
691
+ export const utrechtRichTextStrangerMarginBlockEnd = "2rem";
692
+ export const utrechtRichTextAcquaintanceMarginBlockEnd = "1rem";
693
+ export const utrechtRichTextFriendMarginBlockEnd = "0.5rem";
694
+ export const utrechtRichTextBestFriendMarginBlockEnd = "0.25rem";
695
+ export const utrechtRichTextConfidantMarginBlockEnd = 0;
696
+ export const utrechtPointerTargetMinSize = "48px";
697
+ export const rhcToggletipColor = "#fff";
698
+ export const rhcToggletipBackgroundColor = "#007bc7";
699
+ export const rhcToggletipBorderColor = "transparent";
700
+ export const rhcToggletipBorderRadius = "5px";
701
+ export const rhcToggletipBorderWidth = "1px";
702
+ export const rhcToggletipIconSize = "24px";
703
+ export const rhcToggletipSize = "24px";
704
+ export const rhcToggletipActiveColor = "#007bc7";
705
+ export const rhcToggletipActiveBackgroundColor = "#fff";
706
+ export const rhcToggletipActiveBorderColor = "#007bc7";
707
+ export const rhcToggletipHoverColor = "#154273";
708
+ export const rhcToggletipHoverBackgroundColor = "#66AFDD";
709
+ export const rhcToggletipFocusColor = "#fff";
710
+ export const rhcToggletipFocusBackgroundColor = "#007bc7";
711
+ export const rhcSidenavDisplay = "flex";
712
+ export const rhcSidenavLinkLineHeight = "150%";
713
+ export const rhcSidenavLinkIconSize = "24px";
714
+ export const rhcSidenavLinkIconMarginInline = "0.5rem";
715
+ export const rhcSidenavLinkFontSize = "1.25rem";
716
+ export const rhcSidenavLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
717
+ export const rhcSidenavLinkFontWeight = 400;
718
+ export const rhcSidenavLinkCurrentFontWeight = 700;
719
+ export const rhcSidenavLinkCurrentColor = "#154273";
720
+ export const rhcSidenavLinkColor = "#01689b";
721
+ export const rhcSidenavLinkActiveColor = "#42145f";
722
+ export const rhcSidenavLinkActiveTextDecoration = "underline";
723
+ export const rhcSidenavLinkFocusBorderRadius = "5px";
724
+ export const rhcSidenavLinkFocusBorderWidth = "2px";
725
+ export const rhcSidenavLinkFocusBorderStyle = "solid";
726
+ export const rhcSidenavLinkFocusBorderColor = "#154273";
727
+ export const rhcSidenavLinkFocusBackgroundColor = "none";
728
+ export const rhcSidenavLinkFocusColor = "#01689b";
729
+ export const rhcSidenavLinkFocusTextDecoration = "None";
730
+ export const rhcSidenavLinkHoverColor = "#15496a";
731
+ export const rhcSidenavLinkHoverTextDecoration = "underline";
732
+ export const rhcSidenavLinkPaddingBlockStart = "0.75rem";
733
+ export const rhcSidenavLinkPaddingBlockEnd = "0.75rem";
734
+ export const rhcSidenavLinkTextDecoration = "None";
735
+ export const rhcSidenavLinkColumnGap = "0.5rem";
736
+ export const rhcRadioGroupPaddingBlockEnd = "0.5rem";
737
+ export const rhcRadioGroupPaddingBlockStart = "0.5rem";
738
+ export const rhcRadioGroupRowGap = "1rem";
739
+ export const rhcNavigationListIconBackgroundColor = "#154273";
740
+ export const rhcNavigationListIconBorderRadius = "999px";
741
+ export const rhcNavigationListIconColor = "#fff";
742
+ export const rhcNavigationListItemIconPaddingInline = "0.5rem";
743
+ export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
744
+ export const rhcNavigationListItemIconSize = "24px";
745
+ export const rhcNavigationListItemContentColumnGap = "0.5rem";
746
+ export const rhcNavigationListItemContentRowGap = "0.25rem";
747
+ export const rhcNavigationListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
748
+ export const rhcNavigationListItemLabelFontSize = "1.875rem";
749
+ export const rhcNavigationListItemLabelFontWeight = 700;
750
+ export const rhcNavigationListItemLabelLineHeight = "150%";
751
+ export const rhcNavigationListItemActiveBackgroundColor = "#F1F5F9";
752
+ export const rhcNavigationListItemHoverBackgroundColor = "#F8FAFC";
753
+ export const rhcNavigationListItemFocusBackgroundColor = "#dce3ea";
754
+ export const rhcNavigationListItemBackgroundColor = "#fff";
755
+ export const rhcNavigationListItemColor = "#334155";
756
+ export const rhcNavigationListItemBorderWidth = "1px";
757
+ export const rhcNavigationListItemBorderColor = "#CBD5E1";
758
+ export const rhcNavigationListItemHeadingColor = "#154273";
759
+ export const rhcNavigationListItemColumnGap = "1rem";
760
+ export const rhcNavigationListItemMinHeight = "48px";
761
+ export const rhcNavigationListItemPaddingBlock = "0.75rem";
762
+ export const rhcNavigationListItemPaddingInline = "1rem";
763
+ export const rhcNavBarBorderBlockEndWidth = "1px";
764
+ export const rhcNavBarMaxInlineSize = "1280px";
765
+ export const rhcNavBarPaddingInline = "1rem";
766
+ export const rhcNavBarContainerInlineSize = "100%";
767
+ export const rhcNavBarContentColumnGap = "1rem";
768
+ export const rhcNavBarIconColor = "#154273";
769
+ export const rhcNavBarIconActiveColor = "#fff";
770
+ export const rhcNavBarIconSize = "24px";
771
+ export const rhcNavBarLinkActiveBackgroundColor = "#154273";
772
+ export const rhcNavBarLinkActiveColor = "#fff";
773
+ export const rhcNavBarLinkBackgroundColor = "#fff";
774
+ export const rhcNavBarLinkColor = "#154273";
775
+ export const rhcNavBarLinkFocusBackgroundColor = "#dce3ea";
776
+ export const rhcNavBarLinkFocusColor = "#154273";
777
+ export const rhcNavBarLinkHoverBackgroundColor = "#F8FAFC";
778
+ export const rhcNavBarLinkHoverColor = "#154273";
779
+ export const rhcNavBarLinkPaddingBlockEnd = "1rem";
780
+ export const rhcNavBarLinkPaddingBlockStart = "1rem";
781
+ export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
782
+ export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
783
+ export const rhcNavBarLinkColumnGap = "0.5rem";
784
+ export const rhcNavBarHeadingFontWeight = 700;
785
+ export const rhcNavBarBackgroundColor = "#fff";
786
+ export const rhcNavBarColor = "#154273";
787
+ export const rhcNavBarBorderColor = "#64748B";
788
+ export const rhcMessageListItemBackgroundColor = "#fff";
789
+ export const rhcMessageListItemBorderColor = "#CBD5E1";
790
+ export const rhcMessageListItemBorderWidth = "1px";
791
+ export const rhcMessageListItemColor = "#334155";
792
+ export const rhcMessageListItemColumnGap = "1rem";
793
+ export const rhcMessageListItemIconSize = "24px";
794
+ export const rhcMessageListItemIconColor = "#154273";
795
+ export const rhcMessageListItemMinHeight = "48px";
796
+ export const rhcMessageListItemPaddingBlock = "0.75rem";
797
+ export const rhcMessageListItemPaddingInline = "1rem";
798
+ export const rhcMessageListItemContentColumnGap = "0.5rem";
799
+ export const rhcMessageListItemContentRowGap = "0.5rem";
800
+ export const rhcMessageListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
801
+ export const rhcMessageListItemLabelFontSize = "1.25rem";
802
+ export const rhcMessageListItemLabelFontWeight = 700;
803
+ export const rhcMessageListItemLabelLineHeight = "150%";
804
+ export const rhcMessageListItemHeadingColor = "#154273";
805
+ export const rhcLogoImageBackgroundColor = "#fff";
806
+ export const rhcLogoImageInlineSize = "48px";
807
+ export const rhcLogoImageBlockSize = "96px";
808
+ export const rhcLogoImageColor = "#154273";
809
+ export const rhcLogoTitleFontWeight = 600;
810
+ export const rhcLogoTitleLineHeight = "1.063rem";
811
+ export const rhcLogoTitleFontSize = "0.913rem";
812
+ export const rhcLogoTitlePaddingBlockStart = "3.125rem";
813
+ export const rhcLogoSubtitleFontWeight = 400;
814
+ export const rhcLogoSubtitleLineHeight = "1rem";
815
+ export const rhcLogoSubtitleFontSize = "0.775rem";
816
+ export const rhcLogoColumnGap = "12px";
817
+ export const rhcLogoFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
818
+ export const rhcLogoColor = "#154273";
819
+ export const rhcLinkListCardBackgroundColor = "#fff";
820
+ export const rhcLinkListCardPaddingBlockStart = "1.5rem";
821
+ export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
822
+ export const rhcLinkListCardRowGap = "1rem";
823
+ export const rhcLinkListCardPaddingInlineStart = "1.5rem";
824
+ export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
825
+ export const rhcLinkListTextDecoration = "None";
826
+ export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
827
+ export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
828
+ export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
829
+ export const rhcIconOnlyButtonPaddingInlineStart = "0.75rem";
830
+ export const rhcHeroHeadingFontWeight = 700;
831
+ export const rhcHeroHeadingLineHeight = "125%";
832
+ export const rhcHeroHeadingFontSize = "1.875rem";
833
+ export const rhcHeroHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
834
+ export const rhcHeroSubHeadingFontWeight = 400;
835
+ export const rhcHeroSubHeadingLineHeight = "150%";
836
+ export const rhcHeroSubHeadingFontSize = "1.25rem";
837
+ export const rhcHeroSubHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
838
+ export const rhcHeroMessageBackgroundColor = "#154273";
839
+ export const rhcHeroMessageColor = "#fff";
840
+ export const rhcHeroMessageRowGap = "0.125rem";
841
+ export const rhcHeroMessagePaddingBlockEnd = "1rem";
842
+ export const rhcHeroMessagePaddingInlineEnd = "1rem";
843
+ export const rhcHeroMessagePaddingInlineStart = "1rem";
844
+ export const rhcHeroMessagePaddingBlockStart = "1rem";
845
+ export const rhcHeroMessageBorderRadius = "20px";
846
+ export const rhcHeroMessageInlineSize = "90%";
847
+ export const rhcHeroBorderRadius = "40px";
848
+ export const rhcHeroInlineSize = "100%";
849
+ export const rhcFormFieldRadioOptionColumnGap = "0.5rem";
850
+ export const rhcFormFieldRadioOptionFontWeight = 400;
851
+ export const rhcFormFieldRadioOptionRowGap = "0.5rem";
852
+ export const rhcFormFieldRadioOptionLabelMarginBlockEnd = 0;
853
+ export const rhcFormFieldRadioOptionInputMarginBlockStart = "0.25rem";
854
+ export const rhcFormFieldCheckboxOptionColumnGap = "0.5rem";
855
+ export const rhcFormFieldCheckboxOptionMarginBlockEnd = 0;
856
+ export const rhcPageFooterColumnGap = "1.5rem";
857
+ export const rhcPageFooterColumnWidth = "200px";
858
+ export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
859
+ export const rhcPageFooterContentMaxInlineSize = "1280px";
860
+ export const rhcPageFooterContentPaddingInlineStart = "1rem";
861
+ export const rhcPageFooterContentPaddingInlineEnd = "1rem";
862
+ export const rhcPageFooterBorderBlockStartWidth = "2px";
863
+ export const rhcPageFooterBorderBlockStartColor = "#154273";
864
+ export const rhcPageFooterBorderBlockStartStyle = "solid";
865
+ export const rhcPageFooterPaddingBlockStart = "2.5rem";
866
+ export const rhcPageFooterPaddingBlockEnd = "2.5rem";
867
+ export const rhcPageFooterPaddingInlineStart = "2.5rem";
868
+ export const rhcPageFooterFlexDirection = "row";
869
+ export const rhcFileInputColumnGap = "0.75rem";
870
+ export const rhcFileInputItemBorderStyle = "solid";
871
+ export const rhcFileInputItemBorderColor = "#154273";
872
+ export const rhcFileInputItemBorderWidth = "1px";
873
+ export const rhcFileInputItemBorderRadius = "5px";
874
+ export const rhcFileInputItemPaddingInlineStart = "1rem";
875
+ export const rhcFileInputItemPaddingInlineEnd = "1rem";
876
+ export const rhcFileInputItemPaddingBlockStart = "0.75rem";
877
+ export const rhcFileInputItemPaddingBlockEnd = "0.75rem";
878
+ export const rhcFileInputItemColumnGap = "0.25rem";
879
+ export const rhcFileInputItemErrorBorderColor = "#d52b1e";
880
+ export const rhcFileInputItemSubtitleColor = "#64748B";
881
+ export const rhcDotBadgeBorderRadius = "999px";
882
+ export const rhcDotBadgeColor = "#d52b1e";
883
+ export const rhcDotBadgeSize = "12px";
884
+ export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
885
+ export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
886
+ export const rhcCheckboxGroupRowGap = "1rem";
887
+ export const rhcCardAsLinkBackgroundColor = "#fff";
888
+ export const rhcCardAsLinkBorderColor = "#CBD5E1";
889
+ export const rhcCardAsLinkBorderRadius = "5px";
890
+ export const rhcCardAsLinkBorderWidth = "1px";
891
+ export const rhcCardAsLinkColor = "#154273";
892
+ export const rhcCardAsLinkColumnGap = "1rem";
893
+ export const rhcCardAsLinkInlineSize = "328px";
894
+ export const rhcCardAsLinkIconColor = "#154273";
895
+ export const rhcCardAsLinkIconSize = "24px";
896
+ export const rhcCardAsLinkLinkColor = "#01689b";
897
+ export const rhcCardAsLinkLinkTextDecoration = "underline";
898
+ export const rhcCardAsLinkLinkActiveTextDecoration = "none";
899
+ export const rhcCardAsLinkLinkHoverTextDecoration = "none";
900
+ export const rhcCardAsLinkLinkFocusTextDecoration = "none";
901
+ export const rhcCardAsLinkMetadataColor = "#154273";
902
+ export const rhcCardAsLinkPaddingBlockEnd = "1rem";
903
+ export const rhcCardAsLinkPaddingBlockStart = "1rem";
904
+ export const rhcCardAsLinkPaddingInlineEnd = "1rem";
905
+ export const rhcCardAsLinkPaddingInlineStart = "1rem";
906
+ export const rhcCardAsLinkRowGap = "0.75rem";
907
+ export const rhcCardAsLinkActiveBackgroundColor = "#F1F5F9";
908
+ export const rhcCardAsLinkActiveTextDecoration = "underline";
909
+ export const rhcCardAsLinkHoverBackgroundColor = "#F8FAFC";
910
+ export const rhcCardAsLinkHoverTextDecoration = "underline";
911
+ export const rhcCardAsLinkFocusBackgroundColor = "#dce3ea";
912
+ export const rhcCardAsLinkFocusTextDecoration = "underline";
913
+ export const rhcCardAsLinkFullBleedBackgroundColor = "#000";
914
+ export const rhcCardAsLinkFullBleedBorderColor = "transparent";
915
+ export const rhcCardAsLinkFullBleedColor = "#fff";
916
+ export const rhcCardAsLinkFullBleedOpacity = 0.5;
917
+ export const rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
918
+ export const rhcCardAsLinkHeadingFontSize = "1.5rem";
919
+ export const rhcCardAsLinkHeadingFontWeight = 700;
920
+ export const rhcCardAsLinkHorizontalBackgroundColor = "#154273";
921
+ export const rhcCardAsLinkHorizontalBorderColor = "transparent";
922
+ export const rhcCardAsLinkHorizontalColor = "#fff";
923
+ export const rhcCardAsLinkHorizontalMaxBlockSize = "96px";
924
+ export const rhcCardAsLinkHorizontalPaddingBlockEnd = 0;
925
+ export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
926
+ export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
927
+ export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
928
+ export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
929
+ export const rhcAccordionButtonFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
930
+ export const rhcAccordionButtonFontSize = "1.25rem";
931
+ export const rhcAccordionButtonFontWeight = 400;
932
+ export const rhcAccordionButtonLineHeight = "150%";
933
+ export const rhcAccordionButtonIconMarginBlock = "0.25rem";
934
+ export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
935
+ export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
936
+ export const rhcAccordionButtonPaddingInlineEnd = "1rem";
937
+ export const rhcAccordionButtonPaddingInlineStart = "1rem";
938
+ export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
939
+ export const rhcAccordionButtonExpandedColor = "#154273";
940
+ export const rhcAccordionSectionBorderBlockEndWidth = "1px";
941
+ export const rhcAccordionSectionBorderWidth = 0;
942
+ export const rhcAccordionSectionBorderColor = "#94A3B8";
943
+ export const rhcAccordionHeaderMargin = 0;
944
+ export const rhcAccordionBorderRadius = "0px";
945
+ export const rhcAccordionColor = "#154273";
946
+ export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
947
+ export const rhcKeepTopLeftBorderRadiusTopRight = 0;
948
+ export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
949
+ export const rhcKeepTopLeftBorderRadiusBottomLeft = 0;
950
+ export const rhcKeepTopRightBorderRadiusTopRight = "48px";
951
+ export const rhcKeepTopRightBorderRadiusTopLeft = 0;
952
+ export const rhcKeepTopRightBorderRadiusBottomRight = 0;
953
+ export const rhcKeepTopRightBorderRadiusBottomLeft = 0;
954
+ export const rhcKeepBottomRightBorderRadiusTopLeft = 0;
955
+ export const rhcKeepBottomRightBorderRadiusTopRight = 0;
956
+ export const rhcKeepBottomRightBorderRadiusBottomRight = "48px";
957
+ export const rhcKeepBottomRightBorderRadiusBottomLeft = 0;
958
+ export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
959
+ export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
960
+ export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
961
+ export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
962
+ export const rhcBorderRadiusSm = "2.5px";
963
+ export const rhcBorderRadiusMd = "5px";
964
+ export const rhcBorderRadiusKeep = "48px";
965
+ export const rhcBorderRadiusCircle = "999px";
966
+ export const rhcBorderRadiusNone = "0px";
967
+ export const rhcColorFocusOutline = "#000";
968
+ export const rhcColorForegroundDefault = "#000";
969
+ export const rhcColorForegroundLint = "#154273";
970
+ export const rhcColorForegroundSubdued = "#334155";
971
+ export const rhcColorForegroundOnEmphasis = "#fff";
972
+ export const rhcColorForegroundLink = "#01689b";
973
+ export const rhcColorBorderDefault = "#64748B";
974
+ export const rhcColorBorderSubdued = "#94A3B8";
975
+ export const rhcColorBorderStrong = "#000";
976
+ export const rhcColorCanvas = "#fff";
977
+ export const rhcColorFeedbackSuccessDefault = "#39870c";
978
+ export const rhcColorFeedbackSuccessSubdued = "#e1eddb";
979
+ export const rhcColorFeedbackInfoDefault = "#007bc7";
980
+ export const rhcColorFeedbackInfoSubdued = "#d9ebf7";
981
+ export const rhcColorFeedbackErrorDefault = "#d52b1e";
982
+ export const rhcColorFeedbackErrorSubdued = "#f9dfdd";
983
+ export const rhcColorFeedbackWarningDefault = "#ffb612";
984
+ export const rhcColorFeedbackWarningSubdued = "#fff4db";
985
+ export const rhcColorAccent500 = "#8fcae7";
986
+ export const rhcColorPrimary50 = "#dce3ea";
987
+ export const rhcColorPrimary100 = "#b8c6d5";
988
+ export const rhcColorPrimary200 = "#95a9c0";
989
+ export const rhcColorPrimary300 = "#738eab";
990
+ export const rhcColorPrimary400 = "#4f7196";
991
+ export const rhcColorPrimary500 = "#154273";
992
+ export const rhcColorPrimaryHover = "#162f50";
993
+ export const rhcColorGrijs50 = "#F8FAFC";
994
+ export const rhcColorGrijs100 = "#F1F5F9";
995
+ export const rhcColorGrijs200 = "#E2E8F0";
996
+ export const rhcColorGrijs300 = "#CBD5E1";
997
+ export const rhcColorGrijs400 = "#94A3B8";
998
+ export const rhcColorGrijs500 = "#64748B";
999
+ export const rhcColorGrijs600 = "#475569";
1000
+ export const rhcColorGrijs700 = "#334155";
1001
+ export const rhcColorGrijs800 = "#1E293B";
1002
+ export const rhcColorGrijs900 = "#0F172A";
1003
+ export const rhcColorLichtblauw50 = "#eef7fb";
1004
+ export const rhcColorLichtblauw100 = "#ddeff8";
1005
+ export const rhcColorLichtblauw200 = "#CCE7F4";
1006
+ export const rhcColorLichtblauw300 = "#BCDFF0";
1007
+ export const rhcColorLichtblauw400 = "#ABD7ED";
1008
+ export const rhcColorLichtblauw500 = "#8fcae7";
1009
+ export const rhcColorViolet50 = "#f2d9e7";
1010
+ export const rhcColorViolet100 = "#e5b3d0";
1011
+ export const rhcColorViolet200 = "#D88CB7";
1012
+ export const rhcColorViolet300 = "#CB66A0";
1013
+ export const rhcColorViolet400 = "#BE4088";
1014
+ export const rhcColorViolet500 = "#a90061";
1015
+ export const rhcColorPaars50 = "#e3dce7";
1016
+ export const rhcColorPaars100 = "#c6b9cf";
1017
+ export const rhcColorPaars200 = "#A995B7";
1018
+ export const rhcColorPaars300 = "#8D729F";
1019
+ export const rhcColorPaars400 = "#714f87";
1020
+ export const rhcColorPaars500 = "#42145f";
1021
+ export const rhcColorHemelblauw50 = "#d9ebf7";
1022
+ export const rhcColorHemelblauw100 = "#b3d7ee";
1023
+ export const rhcColorHemelblauw200 = "#8CC3E6";
1024
+ export const rhcColorHemelblauw300 = "#66AFDD";
1025
+ export const rhcColorHemelblauw400 = "#409CD5";
1026
+ export const rhcColorHemelblauw500 = "#007bc7";
1027
+ export const rhcColorDonkerblauw50 = "#d9e8f0";
1028
+ export const rhcColorDonkerblauw100 = "#b3d2e1";
1029
+ export const rhcColorDonkerblauw200 = "#8CBBD2";
1030
+ export const rhcColorDonkerblauw300 = "#66A4C3";
1031
+ export const rhcColorDonkerblauw400 = "#408EB4";
1032
+ export const rhcColorDonkerblauw500 = "#01689b";
1033
+ export const rhcColorMintgroen50 = "#eaf8f4";
1034
+ export const rhcColorMintgroen100 = "#d6f2e9";
1035
+ export const rhcColorMintgroen200 = "#C1EBDE";
1036
+ export const rhcColorMintgroen300 = "#ACE4D3";
1037
+ export const rhcColorMintgroen400 = "#98DDC8";
1038
+ export const rhcColorMintgroen500 = "#76d2b6";
1039
+ export const rhcColorMosgroen50 = "#ebebd9";
1040
+ export const rhcColorMosgroen100 = "#d6d7b3";
1041
+ export const rhcColorMosgroen200 = "#C1C38C";
1042
+ export const rhcColorMosgroen300 = "#ADAF66";
1043
+ export const rhcColorMosgroen400 = "#999C40";
1044
+ export const rhcColorMosgroen500 = "#777b00";
1045
+ export const rhcColorGroen50 = "#e1eddb";
1046
+ export const rhcColorGroen100 = "#c4dbb6";
1047
+ export const rhcColorGroen200 = "#A5C991";
1048
+ export const rhcColorGroen300 = "#88B76D";
1049
+ export const rhcColorGroen400 = "#6AA549";
1050
+ export const rhcColorGroen500 = "#39870c";
1051
+ export const rhcColorDonkergroen50 = "#dfe6e1";
1052
+ export const rhcColorDonkergroen100 = "#becdc3";
1053
+ export const rhcColorDonkergroen200 = "#9DB4A4";
1054
+ export const rhcColorDonkergroen300 = "#7D9B87";
1055
+ export const rhcColorDonkergroen400 = "#5D8269";
1056
+ export const rhcColorDonkergroen500 = "#275937";
1057
+ export const rhcColorBruin50 = "#efeada";
1058
+ export const rhcColorBruin100 = "#dfd4b6";
1059
+ export const rhcColorBruin200 = "#CFBF90";
1060
+ export const rhcColorBruin300 = "#BFA96C";
1061
+ export const rhcColorBruin400 = "#AF9447";
1062
+ export const rhcColorBruin500 = "#94710a";
1063
+ export const rhcColorDonkerbruin50 = "#e8e0df";
1064
+ export const rhcColorDonkerbruin100 = "#d1c2be";
1065
+ export const rhcColorDonkerbruin200 = "#BAA39D";
1066
+ export const rhcColorDonkerbruin300 = "#A3847D";
1067
+ export const rhcColorDonkerbruin400 = "#8D665D";
1068
+ export const rhcColorDonkerbruin500 = "#673327";
1069
+ export const rhcColorGeel50 = "#fefbdd";
1070
+ export const rhcColorGeel100 = "#fdf6bc";
1071
+ export const rhcColorGeel200 = "#FCF199";
1072
+ export const rhcColorGeel300 = "#FBED78";
1073
+ export const rhcColorGeel400 = "#FAE856";
1074
+ export const rhcColorGeel500 = "#f9e11e";
1075
+ export const rhcColorDonkergeel50 = "#fff4db";
1076
+ export const rhcColorDonkergeel100 = "#ffe9b8";
1077
+ export const rhcColorDonkergeel200 = "#FDDE94";
1078
+ export const rhcColorDonkergeel300 = "#FDD370";
1079
+ export const rhcColorDonkergeel400 = "#FDC84D";
1080
+ export const rhcColorDonkergeel500 = "#ffb612";
1081
+ export const rhcColorOranje50 = "#fbead9";
1082
+ export const rhcColorOranje100 = "#f6d4b3";
1083
+ export const rhcColorOranje200 = "#F1BE8C";
1084
+ export const rhcColorOranje300 = "#EDA966";
1085
+ export const rhcColorOranje400 = "#E89440";
1086
+ export const rhcColorOranje500 = "#e17000";
1087
+ export const rhcColorRood50 = "#f9dfdd";
1088
+ export const rhcColorRood100 = "#f2bfbc";
1089
+ export const rhcColorRood200 = "#EC9F99";
1090
+ export const rhcColorRood300 = "#E67F78";
1091
+ export const rhcColorRood400 = "#DF6056";
1092
+ export const rhcColorRood500 = "#d52b1e";
1093
+ export const rhcColorRoze50 = "#fdeff8";
1094
+ export const rhcColorRoze100 = "#fbdef0";
1095
+ export const rhcColorRoze200 = "#F8CEE8";
1096
+ export const rhcColorRoze300 = "#F6BDE1";
1097
+ export const rhcColorRoze400 = "#F4ADD9";
1098
+ export const rhcColorRoze500 = "#f092cd";
1099
+ export const rhcColorRobijnrood50 = "#f7d9e7";
1100
+ export const rhcColorRobijnrood100 = "#efb3ce";
1101
+ export const rhcColorRobijnrood200 = "#E78CB6";
1102
+ export const rhcColorRobijnrood300 = "#DF669D";
1103
+ export const rhcColorRobijnrood400 = "#D74085";
1104
+ export const rhcColorRobijnrood500 = "#ca005d";
1105
+ export const rhcColorLintblauw50 = "#dce3ea";
1106
+ export const rhcColorLintblauw100 = "#b8c6d5";
1107
+ export const rhcColorLintblauw200 = "#95a9c0";
1108
+ export const rhcColorLintblauw300 = "#738eab";
1109
+ export const rhcColorLintblauw400 = "#4f7196";
1110
+ export const rhcColorLintblauw500 = "#154273";
1111
+ export const rhcColorWit = "#fff";
1112
+ export const rhcColorZwart = "#000";
1113
+ export const rhcColorNone = "transparent";
1114
+ export const rhcFocusOutlineOffset = "0.125rem";
1115
+ export const rhcFocusOutlineStyle = "solid";
1116
+ export const rhcFocusOutlineWidth = "2px";
1117
+ export const rhcFontSizeHeadingLevel1 = "3.125rem";
1118
+ export const rhcFontSizeHeadingLevel2 = "2.5rem";
1119
+ export const rhcFontSizeHeadingLevel3 = "1.875rem";
1120
+ export const rhcFontSizeHeadingLevel4 = "1.5rem";
1121
+ export const rhcFontSizeHeadingLevel5 = "1.25rem";
1122
+ export const rhcFontSizeParagraphIntro = "1.5rem";
1123
+ export const rhcFontSizeParagraphDefault = "1.25rem";
1124
+ export const rhcFontSizeXsDesktop = "1.25rem";
1125
+ export const rhcFontSizeXsTablet = "1.125rem";
1126
+ export const rhcFontSizeXsMobile = "1rem";
1127
+ export const rhcFontSizeSmDesktop = "1.5rem";
1128
+ export const rhcFontSizeSmTablet = "1.35rem";
1129
+ export const rhcFontSizeSmMobile = "1.2rem";
1130
+ export const rhcFontSizeMdDesktop = "1.875rem";
1131
+ export const rhcFontSizeMdTablet = "1.688rem";
1132
+ export const rhcFontSizeMdMobile = "1.5rem";
1133
+ export const rhcFontSizeLgDesktop = "2.5rem";
1134
+ export const rhcFontSizeLgTablet = "2.25rem";
1135
+ export const rhcFontSizeLgMobile = "2rem";
1136
+ export const rhcFontSizeXlDesktop = "3.125rem";
1137
+ export const rhcFontSizeXlTablet = "2.813rem";
1138
+ export const rhcFontSizeXlMobile = "2.5rem";
1139
+ export const rhcLineHeightParagraph = "150%";
1140
+ export const rhcLineHeightSm = "125%";
1141
+ export const rhcLineHeightMd = "150%";
1142
+ export const rhcSizeTarget = "48px";
1143
+ export const rhcSizeIconFunctional = "24px";
1144
+ export const rhcSizeQuarterLint = "12px";
1145
+ export const rhcSizeHalfLint = "24px";
1146
+ export const rhcSizeLint = "48px";
1147
+ export const rhcSize2Lint = "96px";
1148
+ export const rhcSize3Lint = "1440px";
1149
+ export const rhcFontWeightExtraBold = 800;
1150
+ export const rhcFontWeightBold = 700;
1151
+ export const rhcFontWeightSemiBold = 550;
1152
+ export const rhcFontWeightRegular = 400;
1153
+ export const rhcFontWeightChosenRegular = 400;
1154
+ export const rhcFontWeightLight = 300;
1155
+ export const rhcFontWeightThin = 200;
1156
+ export const rhcFontFamilyPrimary = "Fira Sans, Arial, Verdana, sans-serif";
1157
+ export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
1158
+ export const rhcBorderWidthDefault = "1px";
1159
+ export const rhcBorderWidthM = "2px";
1160
+ export const rhcBorderWidthNone = "0px";
1161
+ export const rhcSpace0 = 0;
1162
+ export const rhcSpace25 = "0.125rem";
1163
+ export const rhcSpace50 = "0.25rem";
1164
+ export const rhcSpace100 = "0.5rem";
1165
+ export const rhcSpace150 = "0.75rem";
1166
+ export const rhcSpace200 = "1rem";
1167
+ export const rhcSpace300 = "1.5rem";
1168
+ export const rhcSpace400 = "2rem";
1169
+ export const rhcSpace500 = "2.5rem";
1170
+ export const rhcSpace600 = "3rem";
1171
+ export const rhcSpace700 = "3.5rem";
1172
+ export const rhcSubNavBarBackgroundColor = "#f2f4f6";
1173
+ export const rhcSubNavBarColumnGap = "0.5rem";
1174
+ export const rhcSubNavBarColumnWidth = "375px";
1175
+ export const rhcSubNavBarPaddingBlockEnd = "2rem";
1176
+ export const rhcSubNavBarPaddingBlockStart = "2rem";
1177
+ export const rhcSubNavBarInlineSize = "100%";
1178
+ export const rhcSubNavBarContentPaddingInlineEnd = "1rem";
1179
+ export const rhcSubNavBarContentPaddingInlineStart = "1rem";
1180
+ export const rhcSubNavBarContentMaxInlineSize = "1280px";
1181
+ export const rhcSubNavBarContentListRowGap = "0.5rem";