@rijkshuisstijl-community/design-tokens 3.0.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/dist/_variables.scss +290 -221
  3. package/dist/index.css +290 -221
  4. package/dist/index.d.ts +280 -211
  5. package/dist/index.js +290 -221
  6. package/dist/index.json +290 -221
  7. package/dist/index.tokens.json +464 -318
  8. package/dist/koop/_variables.scss +1425 -0
  9. package/dist/koop/index.css +1428 -0
  10. package/dist/koop/index.d.ts +1426 -0
  11. package/dist/koop/index.js +1426 -0
  12. package/dist/koop/index.json +1423 -0
  13. package/dist/koop/index.tokens.json +2201 -0
  14. package/dist/koop/root.css +1428 -0
  15. package/dist/koop/tokens.d.ts +2224 -0
  16. package/dist/koop/tokens.js +33522 -0
  17. package/dist/root.css +290 -221
  18. package/dist/tokens.d.ts +409 -270
  19. package/dist/tokens.js +6775 -4888
  20. package/dist/uitvoerend-groen/_variables.scss +936 -848
  21. package/dist/uitvoerend-groen/index.css +936 -848
  22. package/dist/uitvoerend-groen/index.d.ts +978 -890
  23. package/dist/uitvoerend-groen/index.js +993 -905
  24. package/dist/uitvoerend-groen/index.json +962 -874
  25. package/dist/uitvoerend-groen/index.tokens.json +1836 -1680
  26. package/dist/uitvoerend-groen/root.css +936 -848
  27. package/dist/uitvoerend-groen/tokens.d.ts +1764 -1608
  28. package/dist/uitvoerend-groen/tokens.js +24764 -22418
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +936 -848
  30. package/dist/uitvoerend-hemelblauw/index.css +936 -848
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +978 -890
  32. package/dist/uitvoerend-hemelblauw/index.js +993 -905
  33. package/dist/uitvoerend-hemelblauw/index.json +962 -874
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +1835 -1679
  35. package/dist/uitvoerend-hemelblauw/root.css +936 -848
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +1764 -1608
  37. package/dist/uitvoerend-hemelblauw/tokens.js +24906 -22560
  38. package/dist/uitvoerend-mintgroen/_variables.scss +936 -848
  39. package/dist/uitvoerend-mintgroen/index.css +936 -848
  40. package/dist/uitvoerend-mintgroen/index.d.ts +978 -890
  41. package/dist/uitvoerend-mintgroen/index.js +993 -905
  42. package/dist/uitvoerend-mintgroen/index.json +962 -874
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +1836 -1680
  44. package/dist/uitvoerend-mintgroen/root.css +936 -848
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +1764 -1608
  46. package/dist/uitvoerend-mintgroen/tokens.js +24764 -22418
  47. package/dist/uitvoerend-oranje/_variables.scss +936 -848
  48. package/dist/uitvoerend-oranje/index.css +936 -848
  49. package/dist/uitvoerend-oranje/index.d.ts +978 -890
  50. package/dist/uitvoerend-oranje/index.js +993 -905
  51. package/dist/uitvoerend-oranje/index.json +962 -874
  52. package/dist/uitvoerend-oranje/index.tokens.json +1836 -1680
  53. package/dist/uitvoerend-oranje/root.css +936 -848
  54. package/dist/uitvoerend-oranje/tokens.d.ts +1764 -1608
  55. package/dist/uitvoerend-oranje/tokens.js +24764 -22418
  56. package/dist/uitvoerend-paars/_variables.scss +936 -848
  57. package/dist/uitvoerend-paars/index.css +936 -848
  58. package/dist/uitvoerend-paars/index.d.ts +978 -890
  59. package/dist/uitvoerend-paars/index.js +993 -905
  60. package/dist/uitvoerend-paars/index.json +962 -874
  61. package/dist/uitvoerend-paars/index.tokens.json +1836 -1680
  62. package/dist/uitvoerend-paars/root.css +936 -848
  63. package/dist/uitvoerend-paars/tokens.d.ts +1764 -1608
  64. package/dist/uitvoerend-paars/tokens.js +24764 -22418
  65. package/dist/uitvoerend-violet/_variables.scss +936 -848
  66. package/dist/uitvoerend-violet/index.css +936 -848
  67. package/dist/uitvoerend-violet/index.d.ts +978 -890
  68. package/dist/uitvoerend-violet/index.js +993 -905
  69. package/dist/uitvoerend-violet/index.json +962 -874
  70. package/dist/uitvoerend-violet/index.tokens.json +1836 -1680
  71. package/dist/uitvoerend-violet/root.css +936 -848
  72. package/dist/uitvoerend-violet/tokens.d.ts +1764 -1608
  73. package/dist/uitvoerend-violet/tokens.js +24764 -22418
  74. package/dist/uitvoerend-violet-oud/_variables.scss +936 -848
  75. package/dist/uitvoerend-violet-oud/index.css +936 -848
  76. package/dist/uitvoerend-violet-oud/index.d.ts +979 -891
  77. package/dist/uitvoerend-violet-oud/index.js +963 -875
  78. package/dist/uitvoerend-violet-oud/index.json +963 -875
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +1833 -1677
  80. package/dist/uitvoerend-violet-oud/root.css +936 -848
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +1381 -1225
  82. package/dist/uitvoerend-violet-oud/tokens.js +25102 -22756
  83. package/dist/wetgevend/_variables.scss +936 -848
  84. package/dist/wetgevend/index.css +936 -848
  85. package/dist/wetgevend/index.d.ts +978 -890
  86. package/dist/wetgevend/index.js +993 -905
  87. package/dist/wetgevend/index.json +962 -874
  88. package/dist/wetgevend/index.tokens.json +1636 -1480
  89. package/dist/wetgevend/root.css +936 -848
  90. package/dist/wetgevend/tokens.d.ts +1463 -1307
  91. package/dist/wetgevend/tokens.js +25526 -23180
  92. package/figma/figma.tokens.json +2154 -2247
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +1665 -1228
  95. package/src/generated/koop/tokens.json +6732 -0
  96. package/src/generated/themes.json +48640 -37872
  97. package/src/generated/uitvoerend-groen/tokens.json +5207 -4703
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +5212 -4708
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +5208 -4704
  100. package/src/generated/uitvoerend-oranje/tokens.json +5208 -4704
  101. package/src/generated/uitvoerend-paars/tokens.json +5200 -4696
  102. package/src/generated/uitvoerend-violet/tokens.json +5208 -4704
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +5200 -4696
  104. package/src/generated/wetgevend/tokens.json +5377 -4873
@@ -1,530 +1,389 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 16 Jun 2025 09:33:53 GMT
3
+ * Generated on Thu, 17 Jul 2025 11:54:47 GMT
4
4
  */
5
5
 
6
- export const rhcDataSummaryFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
7
- export const rhcDataSummaryItemValueFontWeight = 400;
8
- export const rhcDataSummaryItemValueRowPaddingBlockEnd = "0.75rem";
9
- export const rhcDataSummaryItemValueRowPaddingBlockStart = "0.75rem";
10
- export const rhcDataSummaryItemValueRowPaddingInlineEnd = 0;
11
- export const rhcDataSummaryItemValueRowPaddingInlineStart = "0px";
12
- export const rhcDataSummaryItemValuePaddingBlockEnd = "0.75rem";
13
- export const rhcDataSummaryItemValuePaddingBlockStart = 0;
14
- export const rhcDataSummaryItemValuePaddingInlineEnd = 0;
15
- export const rhcDataSummaryItemValuePaddingInlineStart = 0;
16
- export const rhcDataSummaryItemKeyFontWeight = 700;
17
- export const rhcDataSummaryItemKeyRowPaddingBlockEnd = "0.75rem";
18
- export const rhcDataSummaryItemKeyRowPaddingBlockStart = "0.75rem";
19
- export const rhcDataSummaryItemKeyRowPaddingInlineEnd = "1rem";
20
- export const rhcDataSummaryItemKeyRowPaddingInlineStart = 0;
21
- export const rhcDataSummaryItemKeyPaddingBlockEnd = "0.25rem";
22
- export const rhcDataSummaryItemKeyPaddingBlockStart = "0.75rem";
23
- export const rhcDataSummaryItemKeyPaddingInlineEnd = 0;
24
- export const rhcDataSummaryItemKeyPaddingInlineStart = 0;
25
- export const rhcDataSummaryItemBorderWidth = "1px";
26
- export const rhcDataSummaryItemBorderColor = "#CBD5E1";
27
- export const rhcDataSummaryItemBorderBlockEndStyle = "solid";
28
- export const rhcDataSummaryItemColor = "#0F172A";
29
- export const rhcDataSummaryFontSize = "1.25rem";
30
- export const rhcDataSummaryLineHeight = "150%";
31
- export const rhcDataSummaryItemActionRowPaddingBlockEnd = "0.75rem";
32
- export const rhcDataSummaryItemActionRowPaddingBlockStart = "0.75rem";
33
- export const rhcDataSummaryItemActionRowPaddingInlineEnd = 0;
34
- export const rhcDataSummaryItemActionRowPaddingInlineStart = "1rem";
35
- export const rhcDataSummaryItemActionPaddingBlockEnd = "0.75rem";
36
- export const rhcDataSummaryItemActionPaddingBlockStart = "0.75rem";
37
- export const rhcDataSummaryItemActionPaddingInlineEnd = "1rem";
38
- export const rhcDataSummaryItemActionPaddingInlineStart = 0;
39
- export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.";
40
- export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
41
- export const rhcKeepTopLeftBorderRadiusTopRight = 0;
42
- export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
43
- export const rhcKeepTopLeftBorderRadiusBottomLeft = 0;
44
- export const rhcKeepTopRightBorderRadiusTopRight = "48px";
45
- export const rhcKeepTopRightBorderRadiusTopLeft = 0;
46
- export const rhcKeepTopRightBorderRadiusBottomRight = 0;
47
- export const rhcKeepTopRightBorderRadiusBottomLeft = 0;
48
- export const rhcKeepBottomRightBorderRadiusTopLeft = 0;
49
- export const rhcKeepBottomRightBorderRadiusTopRight = 0;
50
- export const rhcKeepBottomRightBorderRadiusBottomRight = "48px";
51
- export const rhcKeepBottomRightBorderRadiusBottomLeft = 0;
52
- export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
53
- export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
54
- export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
55
- export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
56
- export const rhcRoundedCornerXsBorderRadius = "24px";
57
- export const rhcRoundedCornerMdBorderRadius = "48px";
58
- export const rhcRoundedCornerXlBorderRadius = "96px";
59
- export const rhcRoundedCornerBorderWidth = "2px";
60
- export const rhcColorPrimary50 = "#f2d9e7";
61
- export const rhcColorPrimary100 = "#e5b3d0";
62
- export const rhcColorPrimary200 = "#D88CB7";
63
- export const rhcColorPrimary300 = "#CB66A0";
64
- export const rhcColorPrimary400 = "#BE4088";
65
- export const rhcColorPrimary500 = "#a90061";
66
- export const rhcColorPrimaryHover = "#741344";
67
- export const rhcColorFocusOutline = "#000";
68
- export const rhcColorForegroundDefault = "#0F172A";
69
- export const rhcColorForegroundSubdued = "#334155";
70
- export const rhcColorForegroundLink = "#01689b";
71
- export const rhcColorForegroundOnDarkColor = "#fff";
72
- export const rhcColorForegroundOnLightColor = "#000";
73
- export const rhcColorForegroundOnEmphasis = "#fff";
74
- export const rhcColorBorderDefault = "#64748B";
75
- export const rhcColorBorderSubdued = "#94A3B8";
76
- export const rhcColorBorderStrong = "#0F172A";
77
- export const rhcColorCanvas = "#fff";
78
- export const rhcColorFeedbackSuccessDefault = "#39870c";
79
- export const rhcColorFeedbackSuccessSubdued = "#e1eddb";
80
- export const rhcColorFeedbackInfoDefault = "#007bc7";
81
- export const rhcColorFeedbackInfoSubdued = "#d9ebf7";
82
- export const rhcColorFeedbackErrorDefault = "#d52b1e";
83
- export const rhcColorFeedbackErrorSubdued = "#f9dfdd";
84
- export const rhcColorFeedbackWarningDefault = "#ffb612";
85
- export const rhcColorFeedbackWarningSubdued = "#fff4db";
86
- export const rhcColorAccent500 = "#8fcae7";
87
- export const rhcColorAccent2500 = "#f092cd";
88
- export const rhcColorCoolGrey50 = "#F8FAFC";
89
- export const rhcColorCoolGrey100 = "#F1F5F9";
90
- export const rhcColorCoolGrey200 = "#E2E8F0";
91
- export const rhcColorCoolGrey300 = "#CBD5E1";
92
- export const rhcColorCoolGrey400 = "#94A3B8";
93
- export const rhcColorCoolGrey500 = "#64748B";
94
- export const rhcColorCoolGrey600 = "#475569";
95
- export const rhcColorCoolGrey700 = "#334155";
96
- export const rhcColorCoolGrey800 = "#1E293B";
97
- export const rhcColorCoolGrey900 = "#0F172A";
98
- export const rhcColorLichtblauw50 = "#eef7fb";
99
- export const rhcColorLichtblauw100 = "#ddeff8";
100
- export const rhcColorLichtblauw200 = "#CCE7F4";
101
- export const rhcColorLichtblauw300 = "#BCDFF0";
102
- export const rhcColorLichtblauw400 = "#ABD7ED";
103
- export const rhcColorLichtblauw500 = "#8fcae7";
104
- export const rhcColorViolet50 = "#f2d9e7";
105
- export const rhcColorViolet100 = "#e5b3d0";
106
- export const rhcColorViolet200 = "#D88CB7";
107
- export const rhcColorViolet300 = "#CB66A0";
108
- export const rhcColorViolet400 = "#BE4088";
109
- export const rhcColorViolet500 = "#a90061";
110
- export const rhcColorPaars50 = "#e3dce7";
111
- export const rhcColorPaars100 = "#c6b9cf";
112
- export const rhcColorPaars200 = "#A995B7";
113
- export const rhcColorPaars300 = "#8D729F";
114
- export const rhcColorPaars400 = "#714f87";
115
- export const rhcColorPaars500 = "#42145f";
116
- export const rhcColorHemelblauw50 = "#d9ebf7";
117
- export const rhcColorHemelblauw100 = "#b3d7ee";
118
- export const rhcColorHemelblauw200 = "#8CC3E6";
119
- export const rhcColorHemelblauw300 = "#66AFDD";
120
- export const rhcColorHemelblauw400 = "#409CD5";
121
- export const rhcColorHemelblauw500 = "#007bc7";
122
- export const rhcColorDonkerblauw50 = "#d9e8f0";
123
- export const rhcColorDonkerblauw100 = "#b3d2e1";
124
- export const rhcColorDonkerblauw200 = "#8CBBD2";
125
- export const rhcColorDonkerblauw300 = "#66A4C3";
126
- export const rhcColorDonkerblauw400 = "#408EB4";
127
- export const rhcColorDonkerblauw500 = "#01689b";
128
- export const rhcColorMintgroen50 = "#eaf8f4";
129
- export const rhcColorMintgroen100 = "#d6f2e9";
130
- export const rhcColorMintgroen200 = "#C1EBDE";
131
- export const rhcColorMintgroen300 = "#ACE4D3";
132
- export const rhcColorMintgroen400 = "#98DDC8";
133
- export const rhcColorMintgroen500 = "#76d2b6";
134
- export const rhcColorMosgroen50 = "#ebebd9";
135
- export const rhcColorMosgroen100 = "#d6d7b3";
136
- export const rhcColorMosgroen200 = "#C1C38C";
137
- export const rhcColorMosgroen300 = "#ADAF66";
138
- export const rhcColorMosgroen400 = "#999C40";
139
- export const rhcColorMosgroen500 = "#777b00";
140
- export const rhcColorGroen50 = "#e1eddb";
141
- export const rhcColorGroen100 = "#c4dbb6";
142
- export const rhcColorGroen200 = "#A5C991";
143
- export const rhcColorGroen300 = "#88B76D";
144
- export const rhcColorGroen400 = "#6AA549";
145
- export const rhcColorGroen500 = "#39870c";
146
- export const rhcColorDonkergroen50 = "#dfe6e1";
147
- export const rhcColorDonkergroen100 = "#becdc3";
148
- export const rhcColorDonkergroen200 = "#9DB4A4";
149
- export const rhcColorDonkergroen300 = "#7D9B87";
150
- export const rhcColorDonkergroen400 = "#5D8269";
151
- export const rhcColorDonkergroen500 = "#275937";
152
- export const rhcColorBruin50 = "#efeada";
153
- export const rhcColorBruin100 = "#dfd4b6";
154
- export const rhcColorBruin200 = "#CFBF90";
155
- export const rhcColorBruin300 = "#BFA96C";
156
- export const rhcColorBruin400 = "#AF9447";
157
- export const rhcColorBruin500 = "#94710a";
158
- export const rhcColorDonkerbruin50 = "#e8e0df";
159
- export const rhcColorDonkerbruin100 = "#d1c2be";
160
- export const rhcColorDonkerbruin200 = "#BAA39D";
161
- export const rhcColorDonkerbruin300 = "#A3847D";
162
- export const rhcColorDonkerbruin400 = "#8D665D";
163
- export const rhcColorDonkerbruin500 = "#673327";
164
- export const rhcColorGeel50 = "#fefbdd";
165
- export const rhcColorGeel100 = "#fdf6bc";
166
- export const rhcColorGeel200 = "#FCF199";
167
- export const rhcColorGeel300 = "#FBED78";
168
- export const rhcColorGeel400 = "#FAE856";
169
- export const rhcColorGeel500 = "#f9e11e";
170
- export const rhcColorDonkergeel50 = "#fff4db";
171
- export const rhcColorDonkergeel100 = "#ffe9b8";
172
- export const rhcColorDonkergeel200 = "#FDDE94";
173
- export const rhcColorDonkergeel300 = "#FDD370";
174
- export const rhcColorDonkergeel400 = "#FDC84D";
175
- export const rhcColorDonkergeel500 = "#ffb612";
176
- export const rhcColorOranje50 = "#fbead9";
177
- export const rhcColorOranje100 = "#f6d4b3";
178
- export const rhcColorOranje200 = "#F1BE8C";
179
- export const rhcColorOranje300 = "#EDA966";
180
- export const rhcColorOranje400 = "#E89440";
181
- export const rhcColorOranje500 = "#e17000";
182
- export const rhcColorRood50 = "#f9dfdd";
183
- export const rhcColorRood100 = "#f2bfbc";
184
- export const rhcColorRood200 = "#EC9F99";
185
- export const rhcColorRood300 = "#E67F78";
186
- export const rhcColorRood400 = "#DF6056";
187
- export const rhcColorRood500 = "#d52b1e";
188
- export const rhcColorRoze50 = "#fdeff8";
189
- export const rhcColorRoze100 = "#fbdef0";
190
- export const rhcColorRoze200 = "#F8CEE8";
191
- export const rhcColorRoze300 = "#F6BDE1";
192
- export const rhcColorRoze400 = "#F4ADD9";
193
- export const rhcColorRoze500 = "#f092cd";
194
- export const rhcColorRobijnrood50 = "#f7d9e7";
195
- export const rhcColorRobijnrood100 = "#efb3ce";
196
- export const rhcColorRobijnrood200 = "#E78CB6";
197
- export const rhcColorRobijnrood300 = "#DF669D";
198
- export const rhcColorRobijnrood400 = "#D74085";
199
- export const rhcColorRobijnrood500 = "#ca005d";
200
- export const rhcColorLintblauw50 = "#dce3ea";
201
- export const rhcColorLintblauw100 = "#b8c6d5";
202
- export const rhcColorLintblauw200 = "#95a9c0";
203
- export const rhcColorLintblauw300 = "#738eab";
204
- export const rhcColorLintblauw400 = "#4f7196";
205
- export const rhcColorLintblauw500 = "#154273";
206
- export const rhcColorWit = "#fff";
207
- export const rhcColorZwart = "#000";
208
- export const rhcColorNone = "transparent";
209
- export const rhcBorderRadiusSm = 0;
210
- export const rhcBorderRadiusMd = 0;
211
- export const rhcBorderRadiusKeep = 0;
212
- export const rhcBorderRadiusCircle = "999px";
213
- export const rhcBorderRadiusNone = "0px";
214
- export const rhcSubNavBarBackgroundColor = "#f2f4f6";
215
- export const rhcSubNavBarColumnGap = "0.5rem";
216
- export const rhcSubNavBarColumnWidth = "375px";
217
- export const rhcSubNavBarPaddingBlockEnd = "2rem";
218
- export const rhcSubNavBarPaddingBlockStart = "2rem";
219
- export const rhcSubNavBarInlineSize = "100%";
220
- export const rhcSubNavBarContentPaddingInlineEnd = "1rem";
221
- export const rhcSubNavBarContentPaddingInlineStart = "1rem";
222
- export const rhcSubNavBarContentMaxInlineSize = "1280px";
223
- export const rhcSubNavBarContentListRowGap = "0.5rem";
224
- export const rhcToggletipColor = "#fff";
225
- export const rhcToggletipBackgroundColor = "#007bc7";
226
- export const rhcToggletipBorderColor = "transparent";
227
- export const rhcToggletipBorderRadius = 0;
228
- export const rhcToggletipBorderWidth = "1px";
229
- export const rhcToggletipIconSize = "24px";
230
- export const rhcToggletipSize = "24px";
231
- export const rhcToggletipActiveColor = "#007bc7";
232
- export const rhcToggletipActiveBackgroundColor = "#fff";
233
- export const rhcToggletipActiveBorderColor = "#007bc7";
234
- export const rhcToggletipHoverColor = "#0F172A";
235
- export const rhcToggletipHoverBackgroundColor = "#66AFDD";
236
- export const rhcToggletipFocusColor = "#fff";
237
- export const rhcToggletipFocusBackgroundColor = "#007bc7";
238
- export const rhcSidenavDisplay = "flex";
239
- export const rhcSidenavLinkLineHeight = "150%";
240
- export const rhcSidenavLinkIconSize = "24px";
241
- export const rhcSidenavLinkIconMarginInline = "0.5rem";
242
- export const rhcSidenavLinkFontSize = "1.25rem";
243
- export const rhcSidenavLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
244
- export const rhcSidenavLinkFontWeight = 400;
245
- export const rhcSidenavLinkCurrentFontWeight = 700;
246
- export const rhcSidenavLinkCurrentColor = "#0F172A";
247
- export const rhcSidenavLinkColor = "#01689b";
248
- export const rhcSidenavLinkActiveColor = "#42145f";
249
- export const rhcSidenavLinkActiveTextDecoration = "underline";
250
- export const rhcSidenavLinkFocusBorderRadius = 0;
251
- export const rhcSidenavLinkFocusBorderWidth = "2px";
252
- export const rhcSidenavLinkFocusBorderStyle = "solid";
253
- export const rhcSidenavLinkFocusBorderColor = "#a90061";
254
- export const rhcSidenavLinkFocusBackgroundColor = "none";
255
- export const rhcSidenavLinkFocusColor = "#01689b";
256
- export const rhcSidenavLinkFocusTextDecoration = "None";
257
- export const rhcSidenavLinkHoverColor = "#15496a";
258
- export const rhcSidenavLinkHoverTextDecoration = "underline";
259
- export const rhcSidenavLinkPaddingBlockStart = "0.75rem";
260
- export const rhcSidenavLinkPaddingBlockEnd = "0.75rem";
261
- export const rhcSidenavLinkTextDecoration = "None";
262
- export const rhcSidenavLinkColumnGap = "0.5rem";
263
- export const rhcRadioGroupPaddingBlockEnd = "0.5rem";
264
- export const rhcRadioGroupPaddingBlockStart = "0.5rem";
265
- export const rhcRadioGroupRowGap = "1rem";
266
- export const rhcNavigationListIconBackgroundColor = "#0F172A";
267
- export const rhcNavigationListIconBorderRadius = "999px";
268
- export const rhcNavigationListIconColor = "#fff";
269
- export const rhcNavigationListItemIconPaddingInline = "0.5rem";
270
- export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
271
- export const rhcNavigationListItemIconSize = "24px";
272
- export const rhcNavigationListItemContentFontSize = "1.25rem";
273
- export const rhcNavigationListItemContentColumnGap = "0.5rem";
274
- export const rhcNavigationListItemContentRowGap = "0.25rem";
275
- export const rhcNavigationListItemLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
276
- export const rhcNavigationListItemLabelFontSize = "1.875rem";
277
- export const rhcNavigationListItemLabelFontWeight = 700;
278
- export const rhcNavigationListItemLabelLineHeight = "150%";
279
- export const rhcNavigationListItemActiveBackgroundColor = "#F1F5F9";
280
- export const rhcNavigationListItemHoverBackgroundColor = "#F8FAFC";
281
- export const rhcNavigationListItemFocusBackgroundColor = "#f2d9e7";
282
- export const rhcNavigationListItemBackgroundColor = "#fff";
283
- export const rhcNavigationListItemColor = "#334155";
284
- export const rhcNavigationListItemBorderWidth = "1px";
285
- export const rhcNavigationListItemBorderColor = "#CBD5E1";
286
- export const rhcNavigationListItemHeadingColor = "#0F172A";
287
- export const rhcNavigationListItemColumnGap = "1rem";
288
- export const rhcNavigationListItemMinHeight = "48px";
289
- export const rhcNavigationListItemPaddingBlock = "0.75rem";
290
- export const rhcNavigationListItemPaddingInline = "1rem";
291
- export const rhcNavBarBorderBlockEndWidth = "1px";
292
- export const rhcNavBarMaxInlineSize = "1280px";
293
- export const rhcNavBarPaddingInline = "1rem";
294
- export const rhcNavBarContainerInlineSize = "100%";
295
- export const rhcNavBarContentColumnGap = "1rem";
296
- export const rhcNavBarIconColor = "#0F172A";
297
- export const rhcNavBarIconActiveColor = "#fff";
298
- export const rhcNavBarIconSize = "24px";
299
- export const rhcNavBarLinkActiveBackgroundColor = "#a90061";
300
- export const rhcNavBarLinkActiveColor = "#fff";
301
- export const rhcNavBarLinkBackgroundColor = "#fff";
302
- export const rhcNavBarLinkColor = "#a90061";
303
- export const rhcNavBarLinkFocusBackgroundColor = "#f2d9e7";
304
- export const rhcNavBarLinkFocusColor = "#a90061";
305
- export const rhcNavBarLinkHoverBackgroundColor = "#F8FAFC";
306
- export const rhcNavBarLinkHoverColor = "#a90061";
307
- export const rhcNavBarLinkPaddingBlockEnd = "1rem";
308
- export const rhcNavBarLinkPaddingBlockStart = "1rem";
309
- export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
310
- export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
311
- export const rhcNavBarLinkColumnGap = "0.5rem";
312
- export const rhcNavBarHeadingFontWeight = 700;
313
- export const rhcNavBarBackgroundColor = "#fff";
314
- export const rhcNavBarColor = "#a90061";
315
- export const rhcNavBarBorderColor = "#BE4088";
316
- export const rhcMessageListItemBackgroundColor = "#fff";
317
- export const rhcMessageListItemBorderColor = "#CBD5E1";
318
- export const rhcMessageListItemBorderWidth = "1px";
319
- export const rhcMessageListItemColor = "#334155";
320
- export const rhcMessageListItemColumnGap = "1rem";
321
- export const rhcMessageListItemIconSize = "24px";
322
- export const rhcMessageListItemIconColor = "#0F172A";
323
- export const rhcMessageListItemMinHeight = "48px";
324
- export const rhcMessageListItemPaddingBlock = "0.75rem";
325
- export const rhcMessageListItemPaddingInline = "1rem";
326
- export const rhcMessageListItemContentFontSize = "1.25rem";
327
- export const rhcMessageListItemContentColumnGap = "0.5rem";
328
- export const rhcMessageListItemContentRowGap = "0.5rem";
329
- export const rhcMessageListItemLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
330
- export const rhcMessageListItemLabelFontSize = "1.25rem";
331
- export const rhcMessageListItemLabelFontWeight = 700;
332
- export const rhcMessageListItemLabelLineHeight = "150%";
333
- export const rhcMessageListItemHeadingColor = "#0F172A";
334
- export const rhcLogoImageBackgroundColor = "#fff";
335
- export const rhcLogoImageInlineSize = "48px";
336
- export const rhcLogoImageBlockSize = "96px";
337
- export const rhcLogoImageColor = "#154273";
338
- export const rhcLogoTitleFontWeight = 600;
339
- export const rhcLogoTitleLineHeight = "1.063rem";
340
- export const rhcLogoTitleFontSize = "0.913rem";
341
- export const rhcLogoTitlePaddingBlockStart = "3.125rem";
342
- export const rhcLogoSubtitleFontWeight = 400;
343
- export const rhcLogoSubtitleLineHeight = "1rem";
344
- export const rhcLogoSubtitleFontSize = "0.775rem";
345
- export const rhcLogoColumnGap = "12px";
346
- export const rhcLogoFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
347
- export const rhcLogoColor = "#154273";
348
- export const rhcLinkListCardBackgroundColor = "#fff";
349
- export const rhcLinkListCardPaddingBlockStart = "1.5rem";
350
- export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
351
- export const rhcLinkListCardRowGap = "1rem";
352
- export const rhcLinkListCardPaddingInlineStart = "1.5rem";
353
- export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
354
- export const rhcLinkListTextDecoration = "None";
355
- export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
356
- export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
357
- export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
358
- export const rhcIconOnlyButtonPaddingInlineStart = "0.75rem";
359
- export const rhcHeroHeadingFontWeight = 700;
360
- export const rhcHeroHeadingLineHeight = "125%";
361
- export const rhcHeroHeadingFontSize = "1.875rem";
362
- export const rhcHeroHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
363
- export const rhcHeroSubHeadingFontWeight = 400;
364
- export const rhcHeroSubHeadingLineHeight = "150%";
365
- export const rhcHeroSubHeadingFontSize = "1.25rem";
366
- export const rhcHeroSubHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
367
- export const rhcHeroMessageBackgroundColor = "#a90061";
368
- export const rhcHeroMessageColor = "#fff";
369
- export const rhcHeroMessageRowGap = "0.125rem";
370
- export const rhcHeroMessagePaddingBlockEnd = "1rem";
371
- export const rhcHeroMessagePaddingInlineEnd = "1rem";
372
- export const rhcHeroMessagePaddingInlineStart = "1rem";
373
- export const rhcHeroMessagePaddingBlockStart = "1rem";
374
- export const rhcHeroMessageBorderRadius = "20px";
375
- export const rhcHeroMessageInlineSize = "90%";
376
- export const rhcHeroBorderRadius = "40px";
377
- export const rhcHeroInlineSize = "100%";
378
- export const rhcFormFieldRadioOptionColumnGap = "0.5rem";
379
- export const rhcFormFieldRadioOptionFontWeight = 400;
380
- export const rhcFormFieldRadioOptionRowGap = "0.5rem";
381
- export const rhcFormFieldRadioOptionLabelMarginBlockEnd = 0;
382
- export const rhcFormFieldRadioOptionInputMarginBlockStart = "0.25rem";
383
- export const rhcFormFieldCheckboxOptionColumnGap = "0.5rem";
384
- export const rhcFormFieldCheckboxOptionMarginBlockEnd = 0;
385
- export const rhcPageFooterColumnGap = "1.5rem";
386
- export const rhcPageFooterColumnWidth = "200px";
387
- export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
388
- export const rhcPageFooterContentMaxInlineSize = "1280px";
389
- export const rhcPageFooterContentPaddingInlineStart = "1rem";
390
- export const rhcPageFooterContentPaddingInlineEnd = "1rem";
391
- export const rhcPageFooterContentColumnGap = "2rem";
392
- export const rhcPageFooterBorderBlockStartWidth = "2px";
393
- export const rhcPageFooterBorderBlockStartColor = "#CB66A0";
394
- export const rhcPageFooterBorderBlockStartStyle = "solid";
395
- export const rhcPageFooterOutlinedBackgroundColor = "#fff";
396
- export const rhcPageFooterOutlinedColor = "#a90061";
397
- export const rhcPageFooterOutlinedBorderColor = "#a90061";
398
- export const rhcPageFooterPaddingBlockStart = "2.5rem";
399
- export const rhcPageFooterPaddingBlockEnd = "2.5rem";
400
- export const rhcPageFooterPaddingInlineStart = "2.5rem";
401
- export const rhcPageFooterPaddingInlineEnd = "2.5rem";
402
- export const rhcPageFooterFlexDirection = "column";
403
- export const rhcFileInputColumnGap = "0.75rem";
404
- export const rhcFileInputRowGap = "0.75rem";
405
- export const rhcFileInputFeedbackColor = "#475569";
406
- export const rhcFileInputFeedbackFontSize = "1rem";
407
- export const rhcFileBorderStyle = "solid";
408
- export const rhcFileBorderColor = "#a90061";
409
- export const rhcFileBorderWidth = "1px";
410
- export const rhcFileBorderRadius = 0;
411
- export const rhcFilePaddingInlineStart = "1rem";
412
- export const rhcFilePaddingInlineEnd = "1rem";
413
- export const rhcFilePaddingBlockStart = "0.75rem";
414
- export const rhcFilePaddingBlockEnd = "0.75rem";
415
- export const rhcFileColumnGap = "0.25rem";
416
- export const rhcFileErrorBorderColor = "#d52b1e";
417
- export const rhcFileSubtitleColor = "#64748B";
418
- export const rhcDotBadgeBorderRadius = "999px";
419
- export const rhcDotBadgeColor = "#d52b1e";
420
- export const rhcDotBadgeSize = "12px";
421
- export const rhcCodeInputSize = "48px";
422
- export const rhcCodeInputGroupColumnGap = "0.5rem";
423
- export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
424
- export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
425
- export const rhcCheckboxGroupRowGap = "1rem";
426
- export const rhcCardAsLinkBackgroundColor = "#fff";
427
- export const rhcCardAsLinkBorderColor = "#CBD5E1";
428
- export const rhcCardAsLinkBorderRadius = 0;
429
- export const rhcCardAsLinkBorderWidth = "1px";
430
- export const rhcCardAsLinkColor = "#0F172A";
431
- export const rhcCardAsLinkColumnGap = "1rem";
432
- export const rhcCardAsLinkInlineSize = "328px";
433
- export const rhcCardAsLinkIconColor = "#a90061";
434
- export const rhcCardAsLinkIconSize = "24px";
435
- export const rhcCardAsLinkLinkColor = "#01689b";
436
- export const rhcCardAsLinkLinkTextDecoration = "underline";
437
- export const rhcCardAsLinkLinkActiveTextDecoration = "none";
438
- export const rhcCardAsLinkLinkHoverTextDecoration = "none";
439
- export const rhcCardAsLinkLinkFocusTextDecoration = "none";
440
- export const rhcCardAsLinkMetadataColor = "#334155";
441
- export const rhcCardAsLinkPaddingBlockEnd = "1rem";
442
- export const rhcCardAsLinkPaddingBlockStart = "1rem";
443
- export const rhcCardAsLinkPaddingInlineEnd = "1rem";
444
- export const rhcCardAsLinkPaddingInlineStart = "1rem";
445
- export const rhcCardAsLinkRowGap = "0.75rem";
446
- export const rhcCardAsLinkActiveBackgroundColor = "#F1F5F9";
447
- export const rhcCardAsLinkActiveTextDecoration = "underline";
448
- export const rhcCardAsLinkHoverBackgroundColor = "#F8FAFC";
449
- export const rhcCardAsLinkHoverTextDecoration = "underline";
450
- export const rhcCardAsLinkFocusBackgroundColor = "#f2d9e7";
451
- export const rhcCardAsLinkFocusTextDecoration = "underline";
452
- export const rhcCardAsLinkFullBleedBackgroundColor = "#000";
453
- export const rhcCardAsLinkFullBleedBorderColor = "transparent";
454
- export const rhcCardAsLinkFullBleedColor = "#fff";
455
- export const rhcCardAsLinkFullBleedOpacity = 0.5;
456
- export const rhcCardAsLinkHeadingColor = "#a90061";
457
- export const rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
458
- export const rhcCardAsLinkHeadingFontSize = "1.5rem";
459
- export const rhcCardAsLinkHeadingFontWeight = 700;
460
- export const rhcCardAsLinkHorizontalBackgroundColor = "#a90061";
461
- export const rhcCardAsLinkHorizontalBorderColor = "transparent";
462
- export const rhcCardAsLinkHorizontalColor = "#fff";
463
- export const rhcCardAsLinkHorizontalMaxBlockSize = "96px";
464
- export const rhcCardAsLinkHorizontalPaddingBlockEnd = 0;
465
- export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
466
- export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
467
- export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
468
- export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
469
- export const rhcFocusOutlineOffset = "0.125rem";
470
- export const rhcFocusOutlineStyle = "solid";
471
- export const rhcFocusOutlineWidth = "2px";
472
- export const rhcFontSizeHeadingLevel1 = "3.125rem";
473
- export const rhcFontSizeHeadingLevel2 = "2.5rem";
474
- export const rhcFontSizeHeadingLevel3 = "1.875rem";
475
- export const rhcFontSizeHeadingLevel4 = "1.5rem";
476
- export const rhcFontSizeHeadingLevel5 = "1.25rem";
477
- export const rhcFontSizeBodyIntro = "1.5rem";
478
- export const rhcFontSizeBodyDefault = "1.25rem";
479
- export const rhcFontSizeXsDesktop = "1.25rem";
480
- export const rhcFontSizeXsTablet = "1.125rem";
481
- export const rhcFontSizeXsMobile = "1rem";
482
- export const rhcFontSizeSmDesktop = "1.5rem";
483
- export const rhcFontSizeSmTablet = "1.35rem";
484
- export const rhcFontSizeSmMobile = "1.2rem";
485
- export const rhcFontSizeMdDesktop = "1.875rem";
486
- export const rhcFontSizeMdTablet = "1.688rem";
487
- export const rhcFontSizeMdMobile = "1.5rem";
488
- export const rhcFontSizeLgDesktop = "2.5rem";
489
- export const rhcFontSizeLgTablet = "2.25rem";
490
- export const rhcFontSizeLgMobile = "2rem";
491
- export const rhcFontSizeXlDesktop = "3.125rem";
492
- export const rhcFontSizeXlTablet = "2.813rem";
493
- export const rhcFontSizeXlMobile = "2.5rem";
494
- export const rhcFontWeightDefault = 400;
495
- export const rhcFontWeightStrong = 700;
496
- export const rhcFontWeightExtraBold = 800;
497
- export const rhcFontWeightBold = 700;
498
- export const rhcFontWeightSemiBold = 600;
499
- export const rhcFontWeightRegular = 400;
500
- export const rhcFontWeightLight = 300;
501
- export const rhcFontWeightThin = 200;
502
- export const rhcLineHeightBody = "150%";
503
- export const rhcLineHeightSm = "125%";
504
- export const rhcLineHeightMd = "150%";
505
- export const rhcSizeTarget = "48px";
506
- export const rhcSizeIconFunctional = "24px";
507
- export const rhcSizeQuarterLint = "12px";
508
- export const rhcSizeHalfLint = "24px";
509
- export const rhcSizeLint = "48px";
510
- export const rhcSize2Lint = "96px";
511
- export const rhcSize3Lint = "1440px";
512
- export const rhcFontFamilyPrimary = "'Fira Sans', Arial, Verdana, sans-serif";
513
- export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
514
- export const rhcBorderWidthDefault = "1px";
515
- export const rhcBorderWidthM = "2px";
516
- export const rhcBorderWidthNone = "0px";
517
- export const rhcSpace0 = 0;
518
- export const rhcSpace25 = "0.125rem";
519
- export const rhcSpace50 = "0.25rem";
520
- export const rhcSpace100 = "0.5rem";
521
- export const rhcSpace150 = "0.75rem";
522
- export const rhcSpace200 = "1rem";
523
- export const rhcSpace300 = "1.5rem";
524
- export const rhcSpace400 = "2rem";
525
- export const rhcSpace500 = "2.5rem";
526
- export const rhcSpace600 = "3rem";
527
- export const rhcSpace700 = "3.5rem";
6
+ export const nlSkipLinkBorderColor = "transparent";
7
+ export const nlSkipLinkBorderWidth = "2px";
8
+ export const nlSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
9
+ export const nlSkipLinkFontWeight = 700;
10
+ export const nlSkipLinkPaddingBlockEnd = "0.75rem";
11
+ export const nlSkipLinkPaddingBlockStart = "0.75rem";
12
+ export const nlSkipLinkPaddingInlineEnd = "1rem";
13
+ export const nlSkipLinkPaddingInlineStart = "1rem";
14
+ export const nlSkipLinkBoxBlockEndShadowBlurRadius = "48px";
15
+ export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
16
+ export const nlSkipLinkBoxBlockEndShadowOffsetX = 0;
17
+ export const nlSkipLinkBoxBlockEndShadowOffsetY = "16px";
18
+ export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
19
+ export const nlSkipLinkFocusBackgroundColor = "#fff";
20
+ export const nlSkipLinkFocusBorderColor = "#a90061";
21
+ export const nlSkipLinkFocusBorderStyle = "solid";
22
+ export const nlSkipLinkFocusBorderWidth = "2px";
23
+ export const nlSkipLinkFocusColor = "#0F172A";
24
+ export const nlSkipLinkFocusTextDecoration = "None";
25
+ export const nlSkipLinkFocusVisibleOutlineColor = "#000";
26
+ export const nlSkipLinkTextDecoration = "underline";
27
+ export const nlSkipLinkBackgroundColor = "#fff";
28
+ export const nlSkipLinkColor = "#01689b";
29
+ export const nlSkipLinkPaddingBlock = "0.75rem";
30
+ export const nlSkipLinkPaddingInline = "1rem";
31
+ export const nlSkipLinkMinBlockSize = "48px";
32
+ export const nlSkipLinkMinInlineSize = "48px";
33
+ export const nlSkipLinkTextDecorationThickness = "0.0625em";
34
+ export const nlSkipLinkTextUnderlineOffset = "0.125rem";
35
+ export const nlSkipLinkLineHeight = "150%";
36
+ export const nlSkipLinkFontSize = "1.25rem";
37
+ export const nlLinkColumnGap = "0.25rem";
38
+ export const nlLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
39
+ export const nlLinkFontSize = "1.25rem";
40
+ export const nlLinkFontWeight = 400;
41
+ export const nlLinkLineHeight = "150%";
42
+ export const nlLinkIconInsetBlockStart = "0.25rem";
43
+ export const nlLinkIconSize = "24px";
44
+ export const nlLinkActiveTextDecoration = "None";
45
+ export const nlLinkActiveColor = "#1a4972";
46
+ export const nlLinkFocusBackgroundColor = "transparent";
47
+ export const nlLinkFocusColor = "#01689b";
48
+ export const nlLinkFocusTextDecoration = "None";
49
+ export const nlLinkFocusTextDecorationThickness = "auto";
50
+ export const nlLinkVisitedColor = "#01689b";
51
+ export const nlLinkColor = "#01689b";
52
+ export const nlLinkTextDecorationColor = "inherit";
53
+ export const nlLinkTextDecorationLine = "underline";
54
+ export const nlLinkTextDecorationThickness = "0.0625em";
55
+ export const nlLinkTextUnderlineOffset = "0.125rem";
56
+ export const nlLinkCurrentCursor = "default";
57
+ export const nlLinkDisabledColor = "#334155";
58
+ export const nlLinkDisabledCursor = "disabled";
59
+ export const nlLinkHoverTextDecorationLine = "underline";
60
+ export const nlLinkHoverTextDecorationThickness = "auto";
61
+ export const nlLinkHoverColor = "#01496c";
62
+ export const nlParagraphLeadColor = "#0F172A";
63
+ export const nlParagraphLeadFontSize = "1.5rem";
64
+ export const nlParagraphLeadFontWeight = 400;
65
+ export const nlParagraphLeadLineHeight = "150%";
66
+ export const nlParagraphLeadMarginBlockEnd = "0rem";
67
+ export const nlParagraphLeadMarginBlockStart = "0rem";
68
+ export const nlParagraphColor = "#0F172A";
69
+ export const nlParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
70
+ export const nlParagraphFontSize = "1.25rem";
71
+ export const nlParagraphFontWeight = 400;
72
+ export const nlParagraphLineHeight = "150%";
73
+ export const nlParagraphMarginBlockEnd = "0rem";
74
+ export const nlParagraphMarginBlockStart = "0rem";
75
+ export const nlHeadingLevel1Color = "#154273";
76
+ export const nlHeadingLevel1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
77
+ export const nlHeadingLevel1FontSize = "3.125rem";
78
+ export const nlHeadingLevel1FontWeight = 700;
79
+ export const nlHeadingLevel1LineHeight = "125%";
80
+ export const nlHeadingLevel1MarginBlockEnd = "0rem";
81
+ export const nlHeadingLevel1MarginBlockStart = "0rem";
82
+ export const nlHeadingLevel2Color = "#154273";
83
+ export const nlHeadingLevel2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
84
+ export const nlHeadingLevel2FontSize = "2.5rem";
85
+ export const nlHeadingLevel2FontWeight = 700;
86
+ export const nlHeadingLevel2LineHeight = "125%";
87
+ export const nlHeadingLevel2MarginBlockEnd = "0rem";
88
+ export const nlHeadingLevel2MarginBlockStart = "0rem";
89
+ export const nlHeadingLevel3Color = "#154273";
90
+ export const nlHeadingLevel3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
91
+ export const nlHeadingLevel3FontSize = "1.875rem";
92
+ export const nlHeadingLevel3FontWeight = 700;
93
+ export const nlHeadingLevel3LineHeight = "125%";
94
+ export const nlHeadingLevel3MarginBlockEnd = "0rem";
95
+ export const nlHeadingLevel3MarginBlockStart = "0rem";
96
+ export const nlHeadingLevel4Color = "#154273";
97
+ export const nlHeadingLevel4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
98
+ export const nlHeadingLevel4FontSize = "1.5rem";
99
+ export const nlHeadingLevel4FontWeight = 700;
100
+ export const nlHeadingLevel4LineHeight = "150%";
101
+ export const nlHeadingLevel4MarginBlockEnd = "0rem";
102
+ export const nlHeadingLevel4MarginBlockStart = "0rem";
103
+ export const nlHeadingLevel5Color = "#154273";
104
+ export const nlHeadingLevel5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
105
+ export const nlHeadingLevel5FontSize = "1.25rem";
106
+ export const nlHeadingLevel5FontWeight = 700;
107
+ export const nlHeadingLevel5LineHeight = "150%";
108
+ export const nlHeadingLevel5MarginBlockEnd = "0rem";
109
+ export const nlHeadingLevel5MarginBlockStart = "0rem";
110
+ export const nlHeadingLevel6Color = "#154273";
111
+ export const nlHeadingLevel6FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
112
+ export const nlHeadingLevel6FontSize = "1.25rem";
113
+ export const nlHeadingLevel6FontWeight = 700;
114
+ export const nlHeadingLevel6LineHeight = "150%";
115
+ export const nlHeadingLevel6MarginBlockEnd = "0rem";
116
+ export const nlHeadingLevel6MarginBlockStart = "0rem";
117
+ export const nlNumberBadgeFontSize = "1.25rem";
118
+ export const nlNumberBadgeLineHeight = "125%";
119
+ export const nlNumberBadgeMinBlockSize = "24px";
120
+ export const nlNumberBadgeMinInlineSize = "24px";
121
+ export const nlNumberBadgeFontWeight = 700;
122
+ export const nlNumberBadgeBorderWidth = "0px";
123
+ export const nlNumberBadgeBorderRadius = "999px";
124
+ export const nlNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
125
+ export const nlNumberBadgeBackgroundColor = "#a90061";
126
+ export const nlNumberBadgeBorderColor = "transparent";
127
+ export const nlNumberBadgeColor = "#fff";
128
+ export const nlNumberBadgePaddingInline = "0.5rem";
129
+ export const nlNumberBadgePaddingBlock = "0.125rem";
130
+ export const utrechtSkipLinkFocusTextDecoration = "None";
131
+ export const utrechtSkipLinkFocusBorderColor = "#a90061";
132
+ export const utrechtSkipLinkFocusBorderWidth = "2px";
133
+ export const utrechtSkipLinkFocusBorderStyle = "solid";
134
+ export const utrechtSkipLinkFocusBackgroundColor = "#fff";
135
+ export const utrechtSkipLinkFocusColor = "#01689b";
136
+ export const utrechtSkipLinkBorderColor = "transparent";
137
+ export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
138
+ export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
139
+ export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
140
+ export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
141
+ export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
142
+ export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
143
+ export const utrechtSkipLinkFocusVisibleTextDecoration = "underline";
144
+ export const utrechtSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
145
+ export const utrechtSkipLinkFontWeight = 700;
146
+ export const utrechtSkipLinkLineHeight = "150%";
147
+ export const utrechtSkipLinkBorderWidth = "2px";
148
+ export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
149
+ export const utrechtSkipLinkFontSize = "1.25rem";
150
+ export const utrechtSkipLinkBackgroundColor = "#fff";
151
+ export const utrechtSkipLinkColor = "#01689b";
152
+ export const utrechtSkipLinkMinBlockSize = "48px";
153
+ export const utrechtSkipLinkMinInlineSize = "48px";
154
+ export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
155
+ export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
156
+ export const utrechtSkipLinkPaddingInlineEnd = "1rem";
157
+ export const utrechtSkipLinkPaddingInlineStart = "1rem";
158
+ export const utrechtSkipLinkTextDecoration = "underline";
159
+ export const utrechtLinkListItemTextDecoration = "None";
160
+ export const utrechtLinkListItemColumnGap = "0.5rem";
161
+ export const utrechtLinkListMarginBlockEnd = "0rem";
162
+ export const utrechtLinkListMarginBlockStart = "0rem";
163
+ export const utrechtLinkListRowGap = "0.5rem";
164
+ export const utrechtLinkListIconInsetBlockStart = "0.188rem";
165
+ export const utrechtLinkListIconSize = "24px";
166
+ export const utrechtLinkListLinkColumnGap = "0.5rem";
167
+ export const utrechtLinkListLinkTextDecoration = "None";
168
+ export const utrechtLinkListFontWeight = 400;
169
+ export const utrechtLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
170
+ export const utrechtLinkFontWeight = 400;
171
+ export const utrechtLinkLineHeight = "150%";
172
+ export const utrechtLinkFontSize = "1.25rem";
173
+ export const utrechtLinkActiveTextDecoration = "None";
174
+ export const utrechtLinkActiveColor = "#163f5b";
175
+ export const utrechtLinkFocusTextDecoration = "None";
176
+ export const utrechtLinkFocusTextDecorationThickness = "auto";
177
+ export const utrechtLinkFocusBackgroundColor = "transparent";
178
+ export const utrechtLinkFocusColor = "#01689b";
179
+ export const utrechtLinkIconInsetBlockStart = "0.25rem";
180
+ export const utrechtLinkIconSize = "24px";
181
+ export const utrechtLinkColor = "#01689b";
182
+ export const utrechtLinkTextDecorationColor = "inherit";
183
+ export const utrechtLinkColumnGap = "0.25rem";
184
+ export const utrechtLinkTextDecoration = "underline";
185
+ export const utrechtLinkTextDecorationThickness = "0.0625em";
186
+ export const utrechtLinkTextUnderlineOffset = "0.125rem";
187
+ export const utrechtLinkHoverColor = "#15496a";
188
+ export const utrechtLinkHoverTextDecoration = "underline";
189
+ export const utrechtLinkHoverTextDecorationThickness = "0.1875em";
190
+ export const utrechtLinkFocusVisibleTextDecoration = "None";
191
+ export const utrechtLinkFocusVisibleTextDecorationThickness = "0.0625em";
192
+ export const utrechtLinkVisitedColor = "#01689b";
193
+ export const utrechtDataBadgeBackgroundColor = "#f2d9e7";
194
+ export const utrechtDataBadgeBorderRadius = "10px";
195
+ export const utrechtDataBadgeColor = "#a90061";
196
+ export const utrechtDataBadgePaddingBlock = "0.125rem";
197
+ export const utrechtDataBadgePaddingInline = "0.75rem";
198
+ export const utrechtButtonBackgroundColor = "#0F172A";
199
+ export const utrechtButtonBorderColor = "transparent";
200
+ export const utrechtButtonBorderRadius = 0;
201
+ export const utrechtButtonBorderWidth = "1px";
202
+ export const utrechtButtonColor = "#fff";
203
+ export const utrechtButtonColumnGap = "0.5rem";
204
+ export const utrechtButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
205
+ export const utrechtButtonFontSize = "1.25rem";
206
+ export const utrechtButtonFontWeight = 700;
207
+ export const utrechtButtonLineHeight = "150%";
208
+ export const utrechtButtonMinBlockSize = "48px";
209
+ export const utrechtButtonMinInlineSize = "48px";
210
+ export const utrechtButtonPaddingBlockEnd = "0.5rem";
211
+ export const utrechtButtonPaddingBlockStart = "0.5rem";
212
+ export const utrechtButtonPaddingInlineEnd = "1rem";
213
+ export const utrechtButtonPaddingInlineStart = "1rem";
214
+ export const utrechtButtonIconSize = "24px";
215
+ export const utrechtButtonIconGap = "0.5rem";
216
+ export const utrechtButtonPressedBackgroundColor = "#1E293B";
217
+ export const utrechtButtonPressedBorderColor = "transparent";
218
+ export const utrechtButtonPressedColor = "#fff";
219
+ export const utrechtButtonActiveBackgroundColor = "#1E293B";
220
+ export const utrechtButtonActiveBorderColor = "transparent";
221
+ export const utrechtButtonActiveColor = "#fff";
222
+ export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
223
+ export const utrechtButtonDisabledBorderColor = "transparent";
224
+ export const utrechtButtonDisabledColor = "#94A3B8";
225
+ export const utrechtButtonHoverBackgroundColor = "#475569";
226
+ export const utrechtButtonHoverBorderColor = "transparent";
227
+ export const utrechtButtonHoverColor = "#fff";
228
+ export const utrechtButtonFocusBackgroundColor = "#475569";
229
+ export const utrechtButtonFocusBorderColor = "transparent";
230
+ export const utrechtButtonFocusColor = "#fff";
231
+ export const utrechtButtonPrimaryActionBackgroundColor = "#a90061";
232
+ export const utrechtButtonPrimaryActionBorderColor = "transparent";
233
+ export const utrechtButtonPrimaryActionColor = "#fff";
234
+ export const utrechtButtonPrimaryActionFontSize = "1.25rem";
235
+ export const utrechtButtonPrimaryActionFontWeight = 700;
236
+ export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
237
+ export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#e5b3d0";
238
+ export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
239
+ export const utrechtButtonPrimaryActionDisabledColor = "#BE4088";
240
+ export const utrechtButtonPrimaryActionHoverBackgroundColor = "#741344";
241
+ export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
242
+ export const utrechtButtonPrimaryActionHoverColor = "#fff";
243
+ export const utrechtButtonPrimaryActionFocusBackgroundColor = "#741344";
244
+ export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
245
+ export const utrechtButtonPrimaryActionFocusColor = "#fff";
246
+ export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
247
+ export const utrechtButtonPrimaryActionPressedColor = "#fff";
248
+ export const utrechtButtonPrimaryActionPressedBackgroundColor = "#63143a";
249
+ export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
250
+ export const utrechtButtonPrimaryActionActiveColor = "#fff";
251
+ export const utrechtButtonPrimaryActionActiveBackgroundColor = "#65003a";
252
+ export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
253
+ export const utrechtButtonSecondaryActionBorderColor = "#a90061";
254
+ export const utrechtButtonSecondaryActionColor = "#a90061";
255
+ export const utrechtButtonSecondaryActionFontSize = "1.25rem";
256
+ export const utrechtButtonSecondaryActionFontWeight = 700;
257
+ export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
258
+ export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
259
+ export const utrechtButtonSecondaryActionDisabledBorderColor = "#D88CB7";
260
+ export const utrechtButtonSecondaryActionDisabledColor = "#CB66A0";
261
+ export const utrechtButtonSecondaryActionHoverBackgroundColor = "#f2d9e7";
262
+ export const utrechtButtonSecondaryActionHoverBorderColor = "#741344";
263
+ export const utrechtButtonSecondaryActionHoverColor = "#741344";
264
+ export const utrechtButtonSecondaryActionFocusBackgroundColor = "#f2d9e7";
265
+ export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
266
+ export const utrechtButtonSecondaryActionFocusColor = "#741344";
267
+ export const utrechtButtonSecondaryActionPressedBackgroundColor = "#e5b3d0";
268
+ export const utrechtButtonSecondaryActionPressedBorderColor = "#63143a";
269
+ export const utrechtButtonSecondaryActionPressedColor = "#63143a";
270
+ export const utrechtButtonSecondaryActionActiveBackgroundColor = "#D88CB7";
271
+ export const utrechtButtonSecondaryActionActiveColor = "#741344";
272
+ export const utrechtButtonSecondaryActionActiveBorderColor = "#63143a";
273
+ export const utrechtButtonSubtleBackgroundColor = "transparent";
274
+ export const utrechtButtonSubtleBorderColor = "transparent";
275
+ export const utrechtButtonSubtleColor = "#a90061";
276
+ export const utrechtButtonSubtleFontSize = "1.25rem";
277
+ export const utrechtButtonSubtleFontWeight = 700;
278
+ export const utrechtButtonSubtleLineHeight = "1.875rem";
279
+ export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
280
+ export const utrechtButtonSubtleDisabledBorderColor = "transparent";
281
+ export const utrechtButtonSubtleDisabledColor = "#e5b3d0";
282
+ export const utrechtButtonSubtleHoverBackgroundColor = "#f2d9e7";
283
+ export const utrechtButtonSubtleHoverBorderColor = "transparent";
284
+ export const utrechtButtonSubtleHoverColor = "#741344";
285
+ export const utrechtButtonSubtleFocusBackgroundColor = "#f2d9e7";
286
+ export const utrechtButtonSubtleFocusBorderColor = "transparent";
287
+ export const utrechtButtonSubtleFocusColor = "#741344";
288
+ export const utrechtButtonSubtlePressedBackgroundColor = "#e5b3d0";
289
+ export const utrechtButtonSubtlePressedBorderColor = "transparent";
290
+ export const utrechtButtonSubtlePressedColor = "#63143a";
291
+ export const utrechtButtonSubtleActiveBackgroundColor = "#D88CB7";
292
+ export const utrechtButtonSubtleActiveBorderColor = "transparent";
293
+ export const utrechtButtonSubtleActiveColor = "#65003a";
294
+ export const utrechtButtonGroupMarginBlockEnd = "0rem";
295
+ export const utrechtButtonGroupMarginBlockStart = "0rem";
296
+ export const utrechtButtonGroupBackgroundColor = "transparent";
297
+ export const utrechtButtonGroupColumnGap = "0.5rem";
298
+ export const utrechtButtonGroupPaddingBlockEnd = "0px";
299
+ export const utrechtButtonGroupPaddingBlockStart = "0px";
300
+ export const utrechtButtonGroupRowGap = "0.5rem";
301
+ export const utrechtBreadcrumbNavDividerColor = "#334155";
302
+ export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
303
+ export const utrechtBreadcrumbNavDividerSize = "24px";
304
+ export const utrechtBreadcrumbNavLinkPaddingBlockEnd = "0.75rem";
305
+ export const utrechtBreadcrumbNavLinkPaddingBlockStart = "0.75rem";
306
+ export const utrechtBreadcrumbNavLinkPaddingInlineEnd = "0rem";
307
+ export const utrechtBreadcrumbNavLinkPaddingInlineStart = "0rem";
308
+ export const utrechtBreadcrumbNavLinkCurrentColor = "#334155";
309
+ export const utrechtBreadcrumbNavLinkCurrentFontWeight = 400;
310
+ export const utrechtBreadcrumbNavLinkIconInsetBlockStart = 0;
311
+ export const utrechtBreadcrumbNavLinkIconMarginInline = "0.25rem";
312
+ export const utrechtBreadcrumbNavLinkIconSize = "24px";
313
+ export const utrechtBreadcrumbNavLinkColor = "#01689b";
314
+ export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
315
+ export const utrechtBreadcrumbNavLinkActiveColor = "#163f5b";
316
+ export const utrechtBreadcrumbNavLinkActiveTextDecoration = "underline";
317
+ export const utrechtBreadcrumbNavLinkDisabledColor = "#334155";
318
+ export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
319
+ export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
320
+ export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
321
+ export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
322
+ export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
323
+ export const utrechtBreadcrumbNavFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
324
+ export const utrechtBreadcrumbNavFontSize = "1.25rem";
325
+ export const utrechtBreadcrumbNavLineHeight = "150%";
326
+ export const utrechtBreadcrumbNavMinBlockSize = "48px";
327
+ export const utrechtBreadcrumbNavItemPaddingBlockEnd = "0.5rem";
328
+ export const utrechtBreadcrumbNavItemPaddingBlockStart = "0.5rem";
329
+ export const utrechtBreadcrumbNavItemPaddingInlineEnd = "0.5rem";
330
+ export const utrechtBreadcrumbNavItemPaddingInlineStart = "0.5rem";
331
+ export const utrechtBreadcrumbNavItemFirstPaddingInlineStart = "0rem";
332
+ export const utrechtBreadcrumbNavSeparatorColor = "#334155";
333
+ export const utrechtBreadcrumbNavSeparatorIconSize = "24px";
334
+ export const utrechtAccordionPanelBorderColor = "#94A3B8";
335
+ export const utrechtAccordionPanelBorderWidth = 0;
336
+ export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
337
+ export const utrechtAccordionPanelPaddingBlockStart = "1rem";
338
+ export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
339
+ export const utrechtAccordionPanelPaddingInlineStart = "1rem";
340
+ export const utrechtAccordionButtonGap = "0.5rem";
341
+ export const utrechtAccordionButtonIconSize = "24px";
342
+ export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
343
+ export const utrechtAccordionButtonHoverBorderColor = "#94A3B8";
344
+ export const utrechtAccordionButtonHoverColor = "#0F172A";
345
+ export const utrechtAccordionButtonBackgroundColor = "#fff";
346
+ export const utrechtAccordionButtonBorderColor = "#94A3B8";
347
+ export const utrechtAccordionButtonBorderWidth = 0;
348
+ export const utrechtAccordionButtonColor = "#0F172A";
349
+ export const utrechtAccordionButtonFocusBackgroundColor = "#f2d9e7";
350
+ export const utrechtAccordionButtonFocusBorderColor = "#a90061";
351
+ export const utrechtAccordionButtonFocusColor = "#0F172A";
352
+ export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
353
+ export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
354
+ export const utrechtAccordionButtonActiveColor = "#0F172A";
355
+ export const utrechtAccordionButtonActiveRowGap = 0;
356
+ export const utrechtActionActivateCursor = "pointer";
357
+ export const utrechtActionBusyCursor = "wait";
358
+ export const utrechtActionDisabledCursor = "not-allowed";
359
+ export const utrechtActionInertCursor = "default";
360
+ export const utrechtActionNavigateCursor = "pointer";
361
+ export const utrechtActionSubmitCursor = "pointer";
362
+ export const utrechtUnorderedListColor = "#0F172A";
363
+ export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
364
+ export const utrechtUnorderedListMarkerColor = "#0F172A";
365
+ export const utrechtUnorderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
366
+ export const utrechtUnorderedListFontWeight = 400;
367
+ export const utrechtUnorderedListFontSize = "1.25rem";
368
+ export const utrechtUnorderedListLineHeight = "150%";
369
+ export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
370
+ export const utrechtUnorderedListMarginBlockStart = "0.25rem";
371
+ export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
372
+ export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
373
+ export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
374
+ export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
375
+ export const utrechtOrderedListColor = "#0F172A";
376
+ export const utrechtOrderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
377
+ export const utrechtOrderedListFontWeight = 400;
378
+ export const utrechtOrderedListMarginInlineStart = "0.625rem";
379
+ export const utrechtOrderedListFontSize = "1.25rem";
380
+ export const utrechtOrderedListLineHeight = "150%";
381
+ export const utrechtOrderedListMarginBlockEnd = "0.25rem";
382
+ export const utrechtOrderedListMarginBlockStart = "0.25rem";
383
+ export const utrechtOrderedListPaddingInlineStart = "1.5rem";
384
+ export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
385
+ export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
386
+ export const utrechtOrderedListItemPaddingInlineStart = "0.5rem";
528
387
  export const utrechtBlockquoteBackgroundColor = "transparent";
529
388
  export const utrechtBlockquoteBorderInlineStartWidth = "12px";
530
389
  export const utrechtBlockquoteBorderColor = "#a90061";
@@ -586,20 +445,7 @@ export const utrechtColumnLayoutColumnWidth = "400px";
586
445
  export const utrechtColumnLayoutGap = "0.75rem";
587
446
  export const utrechtIconColor = "inherit";
588
447
  export const utrechtIconSize = "24px";
589
- export const utrechtIconInsetBlockStart = 0;
590
- export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
591
- export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
592
- export const utrechtUnorderedListMarginBlockStart = "0.25rem";
593
- export const utrechtUnorderedListColor = "#0F172A";
594
- export const utrechtUnorderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
595
- export const utrechtUnorderedListFontWeight = 400;
596
- export const utrechtUnorderedListFontSize = "1.25rem";
597
- export const utrechtUnorderedListLineHeight = "150%";
598
- export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
599
- export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
600
- export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
601
- export const utrechtUnorderedListMarkerColor = "#0F172A";
602
- export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
448
+ export const utrechtIconInsetBlockStart = "0rem";
603
449
  export const utrechtTextboxBorderRadius = 0;
604
450
  export const utrechtTextboxFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
605
451
  export const utrechtTextboxFontSize = "1.25rem";
@@ -714,34 +560,6 @@ export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
714
560
  export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
715
561
  export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
716
562
  export const utrechtTableFontSize = "1.25rem";
717
- export const utrechtSkipLinkFontWeight = 700;
718
- export const utrechtSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
719
- export const utrechtSkipLinkFontSize = "1.25rem";
720
- export const utrechtSkipLinkLineHeight = "150%";
721
- export const utrechtSkipLinkMinBlockSize = "48px";
722
- export const utrechtSkipLinkMinInlineSize = "48px";
723
- export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
724
- export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
725
- export const utrechtSkipLinkPaddingInlineEnd = "1rem";
726
- export const utrechtSkipLinkPaddingInlineStart = "1rem";
727
- export const utrechtSkipLinkFocusBackgroundColor = "#fff";
728
- export const utrechtSkipLinkFocusBorderColor = "#a90061";
729
- export const utrechtSkipLinkFocusBorderStyle = "solid";
730
- export const utrechtSkipLinkFocusBorderWidth = "2px";
731
- export const utrechtSkipLinkFocusColor = "#0F172A";
732
- export const utrechtSkipLinkFocusTextDecoration = "None";
733
- export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
734
- export const utrechtSkipLinkBackgroundColor = "#a90061";
735
- export const utrechtSkipLinkBorderColor = "transparent";
736
- export const utrechtSkipLinkColor = "#fff";
737
- export const utrechtSkipLinkBorderWidth = "2px";
738
- export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
739
- export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
740
- export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
741
- export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
742
- export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
743
- export const utrechtSkipLinkTextDecoration = "underline";
744
- export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
745
563
  export const utrechtSeparatorColor = "#CBD5E1";
746
564
  export const utrechtSeparatorBlockSize = "2px";
747
565
  export const utrechtSeparatorMarginBlockEnd = "0.75rem";
@@ -828,88 +646,58 @@ export const utrechtParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-ser
828
646
  export const utrechtParagraphFontSize = "1.25rem";
829
647
  export const utrechtParagraphFontWeight = 400;
830
648
  export const utrechtParagraphLineHeight = "150%";
831
- export const utrechtParagraphMarginBlockEnd = 0;
832
- export const utrechtParagraphMarginBlockStart = 0;
833
649
  export const utrechtParagraphLeadColor = "#0F172A";
834
650
  export const utrechtParagraphLeadFontSize = "1.5rem";
835
651
  export const utrechtParagraphLeadFontWeight = 400;
836
652
  export const utrechtParagraphLeadLineHeight = "150%";
837
- export const utrechtOrderedListPaddingInlineStart = "1.5rem";
838
- export const utrechtOrderedListMarginBlockEnd = "0.25rem";
839
- export const utrechtOrderedListMarginBlockStart = "0.25rem";
840
- export const utrechtOrderedListMarginInlineStart = "0.625rem";
841
- export const utrechtOrderedListItemPaddingInlineStart = 0;
842
- export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
843
- export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
844
- export const utrechtOrderedListColor = "#0F172A";
845
- export const utrechtOrderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
846
- export const utrechtOrderedListFontWeight = 400;
847
- export const utrechtOrderedListFontSize = "1.25rem";
848
- export const utrechtOrderedListLineHeight = "150%";
849
- export const utrechtLinkListMarginBlockStart = 0;
850
- export const utrechtLinkListRowGap = "0.5rem";
851
- export const utrechtLinkListMarginBlockEnd = 0;
852
- export const utrechtLinkListItemColumnGap = "0.5rem";
853
- export const utrechtLinkListItemTextDecoration = "None";
854
- export const utrechtLinkListIconSize = "24px";
855
- export const utrechtLinkListIconInsetBlockStart = "0.188rem";
856
- export const utrechtLinkColor = "#01689b";
857
- export const utrechtLinkTextDecorationColor = "#01689b";
858
- export const utrechtLinkActiveColor = "#42145f";
859
- export const utrechtLinkActiveTextDecoration = "None";
860
- export const utrechtLinkFocusBackgroundColor = "transparent";
861
- export const utrechtLinkFocusColor = "#01689b";
862
- export const utrechtLinkFocusTextDecoration = "None";
863
- export const utrechtLinkFocusTextDecorationThickness = "auto";
864
- export const utrechtLinkHoverColor = "#01496c";
865
- export const utrechtLinkHoverTextDecoration = "None";
866
- export const utrechtLinkHoverTextDecorationThickness = "auto";
867
- export const utrechtLinkVisitedColor = "#42145f";
868
- export const utrechtLinkTextDecoration = "underline";
869
- export const utrechtLinkIconInsetBlockStart = "0.25rem";
870
- export const utrechtLinkIconSize = "24px";
871
- export const utrechtLinkColumnGap = "0.25rem";
872
- export const utrechtLinkTextDecorationThickness = "auto";
873
- export const utrechtLinkTextUnderlineOffset = "0.125rem";
874
- export const utrechtLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
875
- export const utrechtLinkFontWeight = 400;
876
- export const utrechtLinkFontSize = "1.25rem";
877
- export const utrechtLinkLineHeight = "150%";
653
+ export const utrechtParagraphSmallFontSize = "1.5rem";
654
+ export const utrechtParagraphSmallColor = "#0F172A";
655
+ export const utrechtParagraphSmallFontWeight = 400;
656
+ export const utrechtParagraphSmallLineHeight = "150%";
657
+ export const utrechtParagraphMarginBlockEnd = "0rem";
658
+ export const utrechtParagraphMarginBlockStart = "0rem";
878
659
  export const utrechtHeading1Color = "#154273";
879
660
  export const utrechtHeading1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
661
+ export const utrechtHeading1FontSize = "3.125rem";
880
662
  export const utrechtHeading1FontWeight = 700;
881
663
  export const utrechtHeading1LineHeight = "125%";
882
- export const utrechtHeading1FontSize = "3.125rem";
883
- export const utrechtHeading1MarginBlockEnd = 0;
884
- export const utrechtHeading1MarginBlockStart = 0;
664
+ export const utrechtHeading1MarginBlockEnd = "0rem";
665
+ export const utrechtHeading1MarginBlockStart = "0rem";
885
666
  export const utrechtHeading2Color = "#154273";
886
667
  export const utrechtHeading2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
668
+ export const utrechtHeading2FontSize = "2.5rem";
887
669
  export const utrechtHeading2FontWeight = 700;
888
670
  export const utrechtHeading2LineHeight = "125%";
889
- export const utrechtHeading2FontSize = "2.5rem";
890
- export const utrechtHeading2MarginBlockEnd = 0;
891
- export const utrechtHeading2MarginBlockStart = 0;
671
+ export const utrechtHeading2MarginBlockEnd = "0rem";
672
+ export const utrechtHeading2MarginBlockStart = "0rem";
892
673
  export const utrechtHeading3Color = "#154273";
893
674
  export const utrechtHeading3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
675
+ export const utrechtHeading3FontSize = "1.875rem";
894
676
  export const utrechtHeading3FontWeight = 700;
895
677
  export const utrechtHeading3LineHeight = "125%";
896
- export const utrechtHeading3FontSize = "1.875rem";
897
- export const utrechtHeading3MarginBlockEnd = 0;
898
- export const utrechtHeading3MarginBlockStart = 0;
678
+ export const utrechtHeading3MarginBlockEnd = "0rem";
679
+ export const utrechtHeading3MarginBlockStart = "0rem";
899
680
  export const utrechtHeading4Color = "#154273";
900
681
  export const utrechtHeading4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
901
- export const utrechtHeading4FontWeight = 700;
902
- export const utrechtHeading4LineHeight = "125%";
903
682
  export const utrechtHeading4FontSize = "1.5rem";
904
- export const utrechtHeading4MarginBlockEnd = 0;
905
- export const utrechtHeading4MarginBlockStart = 0;
683
+ export const utrechtHeading4FontWeight = 700;
684
+ export const utrechtHeading4LineHeight = "150%";
685
+ export const utrechtHeading4MarginBlockEnd = "0rem";
686
+ export const utrechtHeading4MarginBlockStart = "0rem";
906
687
  export const utrechtHeading5Color = "#154273";
907
688
  export const utrechtHeading5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
908
- export const utrechtHeading5FontWeight = 700;
909
- export const utrechtHeading5LineHeight = "125%";
910
689
  export const utrechtHeading5FontSize = "1.25rem";
911
- export const utrechtHeading5MarginBlockEnd = 0;
912
- export const utrechtHeading5MarginBlockStart = 0;
690
+ export const utrechtHeading5FontWeight = 700;
691
+ export const utrechtHeading5LineHeight = "150%";
692
+ export const utrechtHeading5MarginBlockEnd = "0rem";
693
+ export const utrechtHeading5MarginBlockStart = "0rem";
694
+ export const utrechtHeading6Color = "#154273";
695
+ export const utrechtHeading6FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
696
+ export const utrechtHeading6FontSize = "1.25rem";
697
+ export const utrechtHeading6FontWeight = 700;
698
+ export const utrechtHeading6LineHeight = "150%";
699
+ export const utrechtHeading6MarginBlockEnd = "0rem";
700
+ export const utrechtHeading6MarginBlockStart = "0rem";
913
701
  export const utrechtFormLabelColor = "#0F172A";
914
702
  export const utrechtFormLabelFontSize = "1.25rem";
915
703
  export const utrechtFormLabelFontWeight = 700;
@@ -937,7 +725,7 @@ export const utrechtFormFieldMarginBlockStart = "0.5rem";
937
725
  export const utrechtFormFieldMarginBlockEnd = "0.5rem";
938
726
  export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
939
727
  export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
940
- export const utrechtFormFieldInvalidPaddingInlineStart = 0;
728
+ export const utrechtFormFieldInvalidPaddingInlineStart = "0rem";
941
729
  export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
942
730
  export const utrechtFormFieldErrorMessageLineHeight = "normal";
943
731
  export const utrechtPageFooterBackgroundColor = "#a90061";
@@ -967,7 +755,7 @@ export const utrechtFormFieldsetLegendDisabledColor = "#334155";
967
755
  export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
968
756
  export const utrechtFormFieldsetSectionColor = "#0F172A";
969
757
  export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
970
- export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
758
+ export const utrechtFormFieldsetInvalidPaddingInlineStart = "0rem";
971
759
  export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
972
760
  export const utrechtNumberBadgeFontSize = "1.25rem";
973
761
  export const utrechtNumberBadgeLineHeight = "125%";
@@ -1040,134 +828,6 @@ export const utrechtCheckboxHoverBorderColor = "#CB66A0";
1040
828
  export const utrechtCheckboxActiveBorderWidth = "1px";
1041
829
  export const utrechtCheckboxActiveBackgroundColor = "#fff";
1042
830
  export const utrechtCheckboxActiveBorderColor = "#BE4088";
1043
- export const utrechtButtonGroupBackgroundColor = "transparent";
1044
- export const utrechtButtonGroupColumnGap = "0.5rem";
1045
- export const utrechtButtonGroupMarginBlockEnd = "0px";
1046
- export const utrechtButtonGroupMarginBlockStart = "0px";
1047
- export const utrechtButtonGroupPaddingBlockEnd = "0px";
1048
- export const utrechtButtonGroupPaddingBlockStart = "0px";
1049
- export const utrechtButtonGroupRowGap = "0.5rem";
1050
- export const utrechtButtonBackgroundColor = "#0F172A";
1051
- export const utrechtButtonBorderColor = "transparent";
1052
- export const utrechtButtonColor = "#fff";
1053
- export const utrechtButtonBorderRadius = 0;
1054
- export const utrechtButtonBorderWidth = "1px";
1055
- export const utrechtButtonIconGap = "0.5rem";
1056
- export const utrechtButtonIconSize = "24px";
1057
- export const utrechtButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1058
- export const utrechtButtonFontSize = "1.25rem";
1059
- export const utrechtButtonFontWeight = 700;
1060
- export const utrechtButtonLineHeight = "150%";
1061
- export const utrechtButtonPaddingBlockEnd = "0.5rem";
1062
- export const utrechtButtonPaddingBlockStart = "0.5rem";
1063
- export const utrechtButtonPaddingInlineEnd = "1rem";
1064
- export const utrechtButtonPaddingInlineStart = "1rem";
1065
- export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
1066
- export const utrechtButtonDisabledBorderColor = "transparent";
1067
- export const utrechtButtonDisabledColor = "#94A3B8";
1068
- export const utrechtButtonFocusBackgroundColor = "#475569";
1069
- export const utrechtButtonFocusBorderColor = "transparent";
1070
- export const utrechtButtonFocusColor = "#fff";
1071
- export const utrechtButtonHoverBackgroundColor = "#475569";
1072
- export const utrechtButtonHoverBorderColor = "transparent";
1073
- export const utrechtButtonHoverColor = "#fff";
1074
- export const utrechtButtonActiveBackgroundColor = "#1E293B";
1075
- export const utrechtButtonActiveBorderColor = "transparent";
1076
- export const utrechtButtonActiveColor = "#fff";
1077
- export const utrechtButtonMinBlockSize = "48px";
1078
- export const utrechtButtonMinInlineSize = "48px";
1079
- export const utrechtButtonColumnGap = "0.5rem";
1080
- export const utrechtButtonPrimaryActionHoverBackgroundColor = "#741344";
1081
- export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
1082
- export const utrechtButtonPrimaryActionHoverColor = "#fff";
1083
- export const utrechtButtonPrimaryActionBackgroundColor = "#a90061";
1084
- export const utrechtButtonPrimaryActionBorderColor = "transparent";
1085
- export const utrechtButtonPrimaryActionColor = "#fff";
1086
- export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#e5b3d0";
1087
- export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
1088
- export const utrechtButtonPrimaryActionDisabledColor = "#BE4088";
1089
- export const utrechtButtonPrimaryActionFocusBackgroundColor = "#741344";
1090
- export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
1091
- export const utrechtButtonPrimaryActionFocusColor = "#fff";
1092
- export const utrechtButtonPrimaryActionFontWeight = 700;
1093
- export const utrechtButtonPrimaryActionActiveBackgroundColor = "#65003a";
1094
- export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
1095
- export const utrechtButtonPrimaryActionActiveColor = "#fff";
1096
- export const utrechtButtonPrimaryActionFontSize = "1.25rem";
1097
- export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
1098
- export const utrechtButtonPrimaryActionPressedBackgroundColor = "#63143a";
1099
- export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
1100
- export const utrechtButtonPrimaryActionPressedColor = "#fff";
1101
- export const utrechtButtonSecondaryActionHoverBackgroundColor = "#f2d9e7";
1102
- export const utrechtButtonSecondaryActionHoverBorderColor = "#741344";
1103
- export const utrechtButtonSecondaryActionHoverColor = "#741344";
1104
- export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
1105
- export const utrechtButtonSecondaryActionBorderColor = "#a90061";
1106
- export const utrechtButtonSecondaryActionColor = "#a90061";
1107
- export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
1108
- export const utrechtButtonSecondaryActionDisabledBorderColor = "#D88CB7";
1109
- export const utrechtButtonSecondaryActionDisabledColor = "#CB66A0";
1110
- export const utrechtButtonSecondaryActionFocusBackgroundColor = "#f2d9e7";
1111
- export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
1112
- export const utrechtButtonSecondaryActionFocusColor = "#741344";
1113
- export const utrechtButtonSecondaryActionFontWeight = 700;
1114
- export const utrechtButtonSecondaryActionActiveBackgroundColor = "#D88CB7";
1115
- export const utrechtButtonSecondaryActionActiveBorderColor = "#63143a";
1116
- export const utrechtButtonSecondaryActionActiveColor = "#741344";
1117
- export const utrechtButtonSecondaryActionFontSize = "1.25rem";
1118
- export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
1119
- export const utrechtButtonSecondaryActionPressedBackgroundColor = "#e5b3d0";
1120
- export const utrechtButtonSecondaryActionPressedBorderColor = "#63143a";
1121
- export const utrechtButtonSecondaryActionPressedColor = "#63143a";
1122
- export const utrechtButtonSubtleFontSize = "1.25rem";
1123
- export const utrechtButtonSubtleFontWeight = 700;
1124
- export const utrechtButtonSubtleHoverBackgroundColor = "#f2d9e7";
1125
- export const utrechtButtonSubtleHoverBorderColor = "transparent";
1126
- export const utrechtButtonSubtleHoverColor = "#741344";
1127
- export const utrechtButtonSubtleBackgroundColor = "transparent";
1128
- export const utrechtButtonSubtleBorderColor = "transparent";
1129
- export const utrechtButtonSubtleColor = "#a90061";
1130
- export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
1131
- export const utrechtButtonSubtleDisabledBorderColor = "transparent";
1132
- export const utrechtButtonSubtleDisabledColor = "#e5b3d0";
1133
- export const utrechtButtonSubtleFocusBackgroundColor = "#f2d9e7";
1134
- export const utrechtButtonSubtleFocusBorderColor = "transparent";
1135
- export const utrechtButtonSubtleFocusColor = "#741344";
1136
- export const utrechtButtonSubtleActiveBackgroundColor = "#D88CB7";
1137
- export const utrechtButtonSubtleActiveBorderColor = "transparent";
1138
- export const utrechtButtonSubtleActiveColor = "#65003a";
1139
- export const utrechtButtonSubtleLineHeight = "1.875rem";
1140
- export const utrechtButtonSubtlePressedBackgroundColor = "#e5b3d0";
1141
- export const utrechtButtonSubtlePressedBorderColor = "transparent";
1142
- export const utrechtButtonSubtlePressedColor = "#63143a";
1143
- export const utrechtButtonPressedBackgroundColor = "#1E293B";
1144
- export const utrechtButtonPressedBorderColor = "transparent";
1145
- export const utrechtButtonPressedColor = "#fff";
1146
- export const utrechtBreadcrumbNavLineHeight = 1.4;
1147
- export const utrechtBreadcrumbNavFontSize = "1.25rem";
1148
- export const utrechtBreadcrumbNavLinkIconSize = "24px";
1149
- export const utrechtBreadcrumbNavLinkIconMarginInline = "0.25rem";
1150
- export const utrechtBreadcrumbNavLinkIconInsetBlockStart = 0;
1151
- export const utrechtBreadcrumbNavLinkPaddingBlockEnd = "0.75rem";
1152
- export const utrechtBreadcrumbNavLinkPaddingBlockStart = "0.75rem";
1153
- export const utrechtBreadcrumbNavLinkPaddingInlineEnd = 0;
1154
- export const utrechtBreadcrumbNavLinkPaddingInlineStart = 0;
1155
- export const utrechtBreadcrumbNavLinkColor = "#01689b";
1156
- export const utrechtBreadcrumbNavLinkActiveColor = "#42145f";
1157
- export const utrechtBreadcrumbNavLinkActiveTextDecoration = "None";
1158
- export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
1159
- export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
1160
- export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
1161
- export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
1162
- export const utrechtBreadcrumbNavLinkHoverTextDecoration = "None";
1163
- export const utrechtBreadcrumbNavLinkCurrentColor = "#334155";
1164
- export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
1165
- export const utrechtBreadcrumbNavDividerSize = "24px";
1166
- export const utrechtBreadcrumbNavDividerColor = "#334155";
1167
- export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
1168
- export const utrechtBreadcrumbNavMarginInline = "0.5rem";
1169
- export const utrechtBreadcrumbNavFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1170
- export const utrechtBreadcrumbNavFontWeight = 400;
1171
831
  export const utrechtArticleMaxInlineSize = "75ch";
1172
832
  export const utrechtAlertHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1173
833
  export const utrechtAlertHeadingFontWeight = 700;
@@ -1205,12 +865,6 @@ export const utrechtAlertIconSize = "24px";
1205
865
  export const utrechtAlertMessageLineHeight = "150%";
1206
866
  export const utrechtAlertMessageColumnGap = "0.5rem";
1207
867
  export const utrechtAlertBorderRadius = 0;
1208
- export const utrechtActionActivateCursor = "pointer";
1209
- export const utrechtActionBusyCursor = "wait";
1210
- export const utrechtActionDisabledCursor = "not-allowed";
1211
- export const utrechtActionInertCursor = "default";
1212
- export const utrechtActionNavigateCursor = "pointer";
1213
- export const utrechtActionSubmitCursor = "pointer";
1214
868
  export const utrechtDocumentBackgroundColor = "#fff";
1215
869
  export const utrechtDocumentColor = "#0F172A";
1216
870
  export const utrechtDocumentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
@@ -1221,119 +875,553 @@ export const utrechtRichTextStrangerMarginBlockEnd = "2rem";
1221
875
  export const utrechtRichTextAcquaintanceMarginBlockEnd = "1rem";
1222
876
  export const utrechtRichTextFriendMarginBlockEnd = "0.5rem";
1223
877
  export const utrechtRichTextBestFriendMarginBlockEnd = "0.25rem";
1224
- export const utrechtRichTextConfidantMarginBlockEnd = 0;
878
+ export const utrechtRichTextConfidantMarginBlockEnd = "0rem";
1225
879
  export const utrechtPointerTargetMinSize = "48px";
1226
880
  export const utrechtFocusOutlineColor = "#000";
1227
- export const utrechtFocusOutlineOffset = "0.125rem";
1228
- export const utrechtFocusOutlineStyle = "solid";
1229
- export const utrechtFocusOutlineWidth = "2px";
1230
- export const utrechtFocusInverseOutlineColor = "#fff";
1231
- export const nlSkipLinkFontWeight = 700;
1232
- export const nlSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1233
- export const nlSkipLinkFontSize = "1.25rem";
1234
- export const nlSkipLinkLineHeight = "150%";
1235
- export const nlSkipLinkMinBlockSize = "48px";
1236
- export const nlSkipLinkMinInlineSize = "48px";
1237
- export const nlSkipLinkPaddingBlockEnd = "0.75rem";
1238
- export const nlSkipLinkPaddingBlockStart = "0.75rem";
1239
- export const nlSkipLinkPaddingInlineEnd = "1rem";
1240
- export const nlSkipLinkPaddingInlineStart = "1rem";
1241
- export const nlSkipLinkFocusBackgroundColor = "#fff";
1242
- export const nlSkipLinkFocusBorderColor = "#a90061";
1243
- export const nlSkipLinkFocusBorderStyle = "solid";
1244
- export const nlSkipLinkFocusBorderWidth = "2px";
1245
- export const nlSkipLinkFocusColor = "#0F172A";
1246
- export const nlSkipLinkFocusTextDecoration = "None";
1247
- export const nlSkipLinkFocusVisibleOutlineColor = "#000";
1248
- export const nlSkipLinkBackgroundColor = "#a90061";
1249
- export const nlSkipLinkBorderColor = "transparent";
1250
- export const nlSkipLinkColor = "#fff";
1251
- export const nlSkipLinkBorderWidth = "2px";
1252
- export const nlSkipLinkBoxBlockEndShadowOffsetX = 0;
1253
- export const nlSkipLinkBoxBlockEndShadowOffsetY = "16px";
1254
- export const nlSkipLinkBoxBlockEndShadowBlurRadius = "48px";
1255
- export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
1256
- export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
1257
- export const nlSkipLinkTextDecoration = "underline";
1258
- export const nlSkipLinkTextUnderlineOffset = "0.125rem";
1259
- export const nlParagraphColor = "#0F172A";
1260
- export const nlParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1261
- export const nlParagraphFontSize = "1.25rem";
1262
- export const nlParagraphFontWeight = 400;
1263
- export const nlParagraphLineHeight = "150%";
1264
- export const nlParagraphMarginBlockEnd = 0;
1265
- export const nlParagraphMarginBlockStart = 0;
1266
- export const nlParagraphLeadColor = "#0F172A";
1267
- export const nlParagraphLeadFontSize = "1.5rem";
1268
- export const nlParagraphLeadFontWeight = 400;
1269
- export const nlParagraphLeadLineHeight = "150%";
1270
- export const nlLinkColor = "#01689b";
1271
- export const nlLinkTextDecorationColor = "#01689b";
1272
- export const nlLinkActiveColor = "#42145f";
1273
- export const nlLinkActiveTextDecoration = "None";
1274
- export const nlLinkFocusBackgroundColor = "transparent";
1275
- export const nlLinkFocusColor = "#01689b";
1276
- export const nlLinkFocusTextDecoration = "None";
1277
- export const nlLinkFocusTextDecorationThickness = "auto";
1278
- export const nlLinkHoverColor = "#01496c";
1279
- export const nlLinkHoverTextDecoration = "None";
1280
- export const nlLinkHoverTextDecorationThickness = "auto";
1281
- export const nlLinkVisitedColor = "#42145f";
1282
- export const nlLinkTextDecoration = "underline";
1283
- export const nlLinkIconInsetBlockStart = "0.25rem";
1284
- export const nlLinkIconSize = "24px";
1285
- export const nlLinkColumnGap = "0.25rem";
1286
- export const nlLinkTextDecorationThickness = "auto";
1287
- export const nlLinkTextUnderlineOffset = "0.125rem";
1288
- export const nlLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1289
- export const nlLinkFontWeight = 400;
1290
- export const nlLinkFontSize = "1.25rem";
1291
- export const nlLinkLineHeight = "150%";
1292
- export const nlHeadingLevel1Color = "#154273";
1293
- export const nlHeadingLevel1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1294
- export const nlHeadingLevel1FontWeight = 700;
1295
- export const nlHeadingLevel1LineHeight = "125%";
1296
- export const nlHeadingLevel1FontSize = "3.125rem";
1297
- export const nlHeadingLevel1MarginBlockEnd = 0;
1298
- export const nlHeadingLevel1MarginBlockStart = 0;
1299
- export const nlHeadingLevel2Color = "#154273";
1300
- export const nlHeadingLevel2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1301
- export const nlHeadingLevel2FontWeight = 700;
1302
- export const nlHeadingLevel2LineHeight = "125%";
1303
- export const nlHeadingLevel2FontSize = "2.5rem";
1304
- export const nlHeadingLevel2MarginBlockEnd = 0;
1305
- export const nlHeadingLevel2MarginBlockStart = 0;
1306
- export const nlHeadingLevel3Color = "#154273";
1307
- export const nlHeadingLevel3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1308
- export const nlHeadingLevel3FontWeight = 700;
1309
- export const nlHeadingLevel3LineHeight = "125%";
1310
- export const nlHeadingLevel3FontSize = "1.875rem";
1311
- export const nlHeadingLevel3MarginBlockEnd = 0;
1312
- export const nlHeadingLevel3MarginBlockStart = 0;
1313
- export const nlHeadingLevel4Color = "#154273";
1314
- export const nlHeadingLevel4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1315
- export const nlHeadingLevel4FontWeight = 700;
1316
- export const nlHeadingLevel4LineHeight = "125%";
1317
- export const nlHeadingLevel4FontSize = "1.5rem";
1318
- export const nlHeadingLevel4MarginBlockEnd = 0;
1319
- export const nlHeadingLevel4MarginBlockStart = 0;
1320
- export const nlHeadingLevel5Color = "#154273";
1321
- export const nlHeadingLevel5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1322
- export const nlHeadingLevel5FontWeight = 700;
1323
- export const nlHeadingLevel5LineHeight = "125%";
1324
- export const nlHeadingLevel5FontSize = "1.25rem";
1325
- export const nlHeadingLevel5MarginBlockEnd = 0;
1326
- export const nlHeadingLevel5MarginBlockStart = 0;
1327
- export const nlNumberBadgeFontSize = "1.25rem";
1328
- export const nlNumberBadgeLineHeight = "125%";
1329
- export const nlNumberBadgeMinBlockSize = "24px";
1330
- export const nlNumberBadgeMinInlineSize = "24px";
1331
- export const nlNumberBadgeFontWeight = 700;
1332
- export const nlNumberBadgeBorderWidth = "0px";
1333
- export const nlNumberBadgeBorderRadius = "999px";
1334
- export const nlNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1335
- export const nlNumberBadgeBackgroundColor = "#a90061";
1336
- export const nlNumberBadgeBorderColor = "transparent";
1337
- export const nlNumberBadgeColor = "#fff";
1338
- export const nlNumberBadgePaddingInline = "0.5rem";
1339
- export const nlNumberBadgePaddingBlock = "0.125rem";
881
+ export const utrechtFocusOutlineOffset = "0.125rem";
882
+ export const utrechtFocusOutlineStyle = "solid";
883
+ export const utrechtFocusOutlineWidth = "2px";
884
+ export const utrechtFocusInverseOutlineColor = "#fff";
885
+ export const rhcLinkListTextDecoration = "None";
886
+ export const rhcDataBadgeButtonColumnGap = "0.125rem";
887
+ export const rhcDataBadgeButtonHoverBackgroundColor = "#a90061";
888
+ export const rhcDataBadgeButtonHoverColor = "#fff";
889
+ export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.";
890
+ export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
891
+ export const rhcKeepTopLeftBorderRadiusTopRight = 0;
892
+ export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
893
+ export const rhcKeepTopLeftBorderRadiusBottomLeft = 0;
894
+ export const rhcKeepTopRightBorderRadiusTopRight = "48px";
895
+ export const rhcKeepTopRightBorderRadiusTopLeft = 0;
896
+ export const rhcKeepTopRightBorderRadiusBottomRight = 0;
897
+ export const rhcKeepTopRightBorderRadiusBottomLeft = 0;
898
+ export const rhcKeepBottomRightBorderRadiusTopLeft = 0;
899
+ export const rhcKeepBottomRightBorderRadiusTopRight = 0;
900
+ export const rhcKeepBottomRightBorderRadiusBottomRight = "48px";
901
+ export const rhcKeepBottomRightBorderRadiusBottomLeft = 0;
902
+ export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
903
+ export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
904
+ export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
905
+ export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
906
+ export const rhcRoundedCornerXsBorderRadius = "24px";
907
+ export const rhcRoundedCornerMdBorderRadius = "48px";
908
+ export const rhcRoundedCornerXlBorderRadius = "96px";
909
+ export const rhcRoundedCornerBorderWidth = "2px";
910
+ export const rhcAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
911
+ export const rhcAccordionButtonFontSize = "1.25rem";
912
+ export const rhcAccordionButtonFontWeight = 400;
913
+ export const rhcAccordionButtonLineHeight = "150%";
914
+ export const rhcAccordionButtonIconMarginBlock = "0.25rem";
915
+ export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
916
+ export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
917
+ export const rhcAccordionButtonPaddingInlineEnd = "1rem";
918
+ export const rhcAccordionButtonPaddingInlineStart = "1rem";
919
+ export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
920
+ export const rhcAccordionButtonExpandedColor = "#0F172A";
921
+ export const rhcAccordionSectionBorderBlockEndWidth = "1px";
922
+ export const rhcAccordionSectionBorderWidth = 0;
923
+ export const rhcAccordionSectionBorderColor = "#94A3B8";
924
+ export const rhcAccordionHeaderMargin = 0;
925
+ export const rhcAccordionBorderRadius = "0px";
926
+ export const rhcAccordionColor = "#0F172A";
927
+ export const rhcDataSummaryFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
928
+ export const rhcDataSummaryItemValueFontWeight = 400;
929
+ export const rhcDataSummaryItemValueRowPaddingBlockEnd = "0.75rem";
930
+ export const rhcDataSummaryItemValueRowPaddingBlockStart = "0.75rem";
931
+ export const rhcDataSummaryItemValueRowPaddingInlineEnd = "0rem";
932
+ export const rhcDataSummaryItemValueRowPaddingInlineStart = "0px";
933
+ export const rhcDataSummaryItemValuePaddingBlockEnd = "0.75rem";
934
+ export const rhcDataSummaryItemValuePaddingBlockStart = "0rem";
935
+ export const rhcDataSummaryItemValuePaddingInlineEnd = "0rem";
936
+ export const rhcDataSummaryItemValuePaddingInlineStart = "0rem";
937
+ export const rhcDataSummaryItemKeyFontWeight = 700;
938
+ export const rhcDataSummaryItemKeyRowPaddingBlockEnd = "0.75rem";
939
+ export const rhcDataSummaryItemKeyRowPaddingBlockStart = "0.75rem";
940
+ export const rhcDataSummaryItemKeyRowPaddingInlineEnd = "1rem";
941
+ export const rhcDataSummaryItemKeyRowPaddingInlineStart = "0rem";
942
+ export const rhcDataSummaryItemKeyPaddingBlockEnd = "0.25rem";
943
+ export const rhcDataSummaryItemKeyPaddingBlockStart = "0.75rem";
944
+ export const rhcDataSummaryItemKeyPaddingInlineEnd = "0rem";
945
+ export const rhcDataSummaryItemKeyPaddingInlineStart = "0rem";
946
+ export const rhcDataSummaryItemBorderWidth = "1px";
947
+ export const rhcDataSummaryItemBorderColor = "#CBD5E1";
948
+ export const rhcDataSummaryItemBorderBlockEndStyle = "solid";
949
+ export const rhcDataSummaryItemColor = "#0F172A";
950
+ export const rhcDataSummaryFontSize = "1.25rem";
951
+ export const rhcDataSummaryLineHeight = "150%";
952
+ export const rhcDataSummaryItemActionRowPaddingBlockEnd = "0.75rem";
953
+ export const rhcDataSummaryItemActionRowPaddingBlockStart = "0.75rem";
954
+ export const rhcDataSummaryItemActionRowPaddingInlineEnd = "0rem";
955
+ export const rhcDataSummaryItemActionRowPaddingInlineStart = "1rem";
956
+ export const rhcDataSummaryItemActionPaddingBlockEnd = "0.75rem";
957
+ export const rhcDataSummaryItemActionPaddingBlockStart = "0.75rem";
958
+ export const rhcDataSummaryItemActionPaddingInlineEnd = "1rem";
959
+ export const rhcDataSummaryItemActionPaddingInlineStart = "0rem";
960
+ export const rhcColorPrimary50 = "#f2d9e7";
961
+ export const rhcColorPrimary100 = "#e5b3d0";
962
+ export const rhcColorPrimary200 = "#D88CB7";
963
+ export const rhcColorPrimary300 = "#CB66A0";
964
+ export const rhcColorPrimary400 = "#BE4088";
965
+ export const rhcColorPrimary500 = "#a90061";
966
+ export const rhcColorPrimaryHover = "#741344";
967
+ export const rhcColorFocusOutline = "#000";
968
+ export const rhcColorForegroundDefault = "#0F172A";
969
+ export const rhcColorForegroundSubdued = "#334155";
970
+ export const rhcColorForegroundLink = "#01689b";
971
+ export const rhcColorForegroundOnDarkColor = "#fff";
972
+ export const rhcColorForegroundOnLightColor = "#000";
973
+ export const rhcColorBorderDefault = "#64748B";
974
+ export const rhcColorBorderSubdued = "#94A3B8";
975
+ export const rhcColorBorderStrong = "#0F172A";
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 rhcColorAccent2500 = "#f092cd";
987
+ export const rhcColorCoolGrey50 = "#F8FAFC";
988
+ export const rhcColorCoolGrey100 = "#F1F5F9";
989
+ export const rhcColorCoolGrey200 = "#E2E8F0";
990
+ export const rhcColorCoolGrey300 = "#CBD5E1";
991
+ export const rhcColorCoolGrey400 = "#94A3B8";
992
+ export const rhcColorCoolGrey500 = "#64748B";
993
+ export const rhcColorCoolGrey600 = "#475569";
994
+ export const rhcColorCoolGrey700 = "#334155";
995
+ export const rhcColorCoolGrey800 = "#1E293B";
996
+ export const rhcColorCoolGrey900 = "#0F172A";
997
+ export const rhcColorLichtblauw50 = "#eef7fb";
998
+ export const rhcColorLichtblauw100 = "#ddeff8";
999
+ export const rhcColorLichtblauw200 = "#CCE7F4";
1000
+ export const rhcColorLichtblauw300 = "#BCDFF0";
1001
+ export const rhcColorLichtblauw400 = "#ABD7ED";
1002
+ export const rhcColorLichtblauw500 = "#8fcae7";
1003
+ export const rhcColorViolet50 = "#f2d9e7";
1004
+ export const rhcColorViolet100 = "#e5b3d0";
1005
+ export const rhcColorViolet200 = "#D88CB7";
1006
+ export const rhcColorViolet300 = "#CB66A0";
1007
+ export const rhcColorViolet400 = "#BE4088";
1008
+ export const rhcColorViolet500 = "#a90061";
1009
+ export const rhcColorPaars50 = "#e3dce7";
1010
+ export const rhcColorPaars100 = "#c6b9cf";
1011
+ export const rhcColorPaars200 = "#A995B7";
1012
+ export const rhcColorPaars300 = "#8D729F";
1013
+ export const rhcColorPaars400 = "#714f87";
1014
+ export const rhcColorPaars500 = "#42145f";
1015
+ export const rhcColorHemelblauw50 = "#d9ebf7";
1016
+ export const rhcColorHemelblauw100 = "#b3d7ee";
1017
+ export const rhcColorHemelblauw200 = "#8CC3E6";
1018
+ export const rhcColorHemelblauw300 = "#66AFDD";
1019
+ export const rhcColorHemelblauw400 = "#409CD5";
1020
+ export const rhcColorHemelblauw500 = "#007bc7";
1021
+ export const rhcColorDonkerblauw50 = "#d9e8f0";
1022
+ export const rhcColorDonkerblauw100 = "#b3d2e1";
1023
+ export const rhcColorDonkerblauw200 = "#8CBBD2";
1024
+ export const rhcColorDonkerblauw300 = "#66A4C3";
1025
+ export const rhcColorDonkerblauw400 = "#408EB4";
1026
+ export const rhcColorDonkerblauw500 = "#01689b";
1027
+ export const rhcColorMintgroen50 = "#eaf8f4";
1028
+ export const rhcColorMintgroen100 = "#d6f2e9";
1029
+ export const rhcColorMintgroen200 = "#C1EBDE";
1030
+ export const rhcColorMintgroen300 = "#ACE4D3";
1031
+ export const rhcColorMintgroen400 = "#98DDC8";
1032
+ export const rhcColorMintgroen500 = "#76d2b6";
1033
+ export const rhcColorMosgroen50 = "#ebebd9";
1034
+ export const rhcColorMosgroen100 = "#d6d7b3";
1035
+ export const rhcColorMosgroen200 = "#C1C38C";
1036
+ export const rhcColorMosgroen300 = "#ADAF66";
1037
+ export const rhcColorMosgroen400 = "#999C40";
1038
+ export const rhcColorMosgroen500 = "#777b00";
1039
+ export const rhcColorGroen50 = "#e1eddb";
1040
+ export const rhcColorGroen100 = "#c4dbb6";
1041
+ export const rhcColorGroen200 = "#A5C991";
1042
+ export const rhcColorGroen300 = "#88B76D";
1043
+ export const rhcColorGroen400 = "#6AA549";
1044
+ export const rhcColorGroen500 = "#39870c";
1045
+ export const rhcColorDonkergroen50 = "#dfe6e1";
1046
+ export const rhcColorDonkergroen100 = "#becdc3";
1047
+ export const rhcColorDonkergroen200 = "#9DB4A4";
1048
+ export const rhcColorDonkergroen300 = "#7D9B87";
1049
+ export const rhcColorDonkergroen400 = "#5D8269";
1050
+ export const rhcColorDonkergroen500 = "#275937";
1051
+ export const rhcColorBruin50 = "#efeada";
1052
+ export const rhcColorBruin100 = "#dfd4b6";
1053
+ export const rhcColorBruin200 = "#CFBF90";
1054
+ export const rhcColorBruin300 = "#BFA96C";
1055
+ export const rhcColorBruin400 = "#AF9447";
1056
+ export const rhcColorBruin500 = "#94710a";
1057
+ export const rhcColorDonkerbruin50 = "#e8e0df";
1058
+ export const rhcColorDonkerbruin100 = "#d1c2be";
1059
+ export const rhcColorDonkerbruin200 = "#BAA39D";
1060
+ export const rhcColorDonkerbruin300 = "#A3847D";
1061
+ export const rhcColorDonkerbruin400 = "#8D665D";
1062
+ export const rhcColorDonkerbruin500 = "#673327";
1063
+ export const rhcColorGeel50 = "#fefbdd";
1064
+ export const rhcColorGeel100 = "#fdf6bc";
1065
+ export const rhcColorGeel200 = "#FCF199";
1066
+ export const rhcColorGeel300 = "#FBED78";
1067
+ export const rhcColorGeel400 = "#FAE856";
1068
+ export const rhcColorGeel500 = "#f9e11e";
1069
+ export const rhcColorDonkergeel50 = "#fff4db";
1070
+ export const rhcColorDonkergeel100 = "#ffe9b8";
1071
+ export const rhcColorDonkergeel200 = "#FDDE94";
1072
+ export const rhcColorDonkergeel300 = "#FDD370";
1073
+ export const rhcColorDonkergeel400 = "#FDC84D";
1074
+ export const rhcColorDonkergeel500 = "#ffb612";
1075
+ export const rhcColorOranje50 = "#fbead9";
1076
+ export const rhcColorOranje100 = "#f6d4b3";
1077
+ export const rhcColorOranje200 = "#F1BE8C";
1078
+ export const rhcColorOranje300 = "#EDA966";
1079
+ export const rhcColorOranje400 = "#E89440";
1080
+ export const rhcColorOranje500 = "#e17000";
1081
+ export const rhcColorRood50 = "#f9dfdd";
1082
+ export const rhcColorRood100 = "#f2bfbc";
1083
+ export const rhcColorRood200 = "#EC9F99";
1084
+ export const rhcColorRood300 = "#E67F78";
1085
+ export const rhcColorRood400 = "#DF6056";
1086
+ export const rhcColorRood500 = "#d52b1e";
1087
+ export const rhcColorRoze50 = "#fdeff8";
1088
+ export const rhcColorRoze100 = "#fbdef0";
1089
+ export const rhcColorRoze200 = "#F8CEE8";
1090
+ export const rhcColorRoze300 = "#F6BDE1";
1091
+ export const rhcColorRoze400 = "#F4ADD9";
1092
+ export const rhcColorRoze500 = "#f092cd";
1093
+ export const rhcColorRobijnrood50 = "#f7d9e7";
1094
+ export const rhcColorRobijnrood100 = "#efb3ce";
1095
+ export const rhcColorRobijnrood200 = "#E78CB6";
1096
+ export const rhcColorRobijnrood300 = "#DF669D";
1097
+ export const rhcColorRobijnrood400 = "#D74085";
1098
+ export const rhcColorRobijnrood500 = "#ca005d";
1099
+ export const rhcColorLintblauw50 = "#dce3ea";
1100
+ export const rhcColorLintblauw100 = "#b8c6d5";
1101
+ export const rhcColorLintblauw200 = "#95a9c0";
1102
+ export const rhcColorLintblauw300 = "#738eab";
1103
+ export const rhcColorLintblauw400 = "#4f7196";
1104
+ export const rhcColorLintblauw500 = "#154273";
1105
+ export const rhcColorWit = "#fff";
1106
+ export const rhcColorZwart = "#000";
1107
+ export const rhcColorNone = "transparent";
1108
+ export const rhcBorderRadiusSm = 0;
1109
+ export const rhcBorderRadiusMd = 0;
1110
+ export const rhcBorderRadiusKeep = 0;
1111
+ export const rhcBorderRadiusCircle = "999px";
1112
+ export const rhcBorderRadiusNone = "0px";
1113
+ export const rhcSubNavBarBackgroundColor = "#f2f4f6";
1114
+ export const rhcSubNavBarColumnGap = "0.5rem";
1115
+ export const rhcSubNavBarColumnWidth = "375px";
1116
+ export const rhcSubNavBarPaddingBlockEnd = "2rem";
1117
+ export const rhcSubNavBarPaddingBlockStart = "2rem";
1118
+ export const rhcSubNavBarInlineSize = "100%";
1119
+ export const rhcSubNavBarContentPaddingInlineEnd = "1rem";
1120
+ export const rhcSubNavBarContentPaddingInlineStart = "1rem";
1121
+ export const rhcSubNavBarContentMaxInlineSize = "1280px";
1122
+ export const rhcSubNavBarContentListRowGap = "0.5rem";
1123
+ export const rhcToggletipColor = "#fff";
1124
+ export const rhcToggletipBackgroundColor = "#007bc7";
1125
+ export const rhcToggletipBorderColor = "transparent";
1126
+ export const rhcToggletipBorderRadius = 0;
1127
+ export const rhcToggletipBorderWidth = "1px";
1128
+ export const rhcToggletipIconSize = "24px";
1129
+ export const rhcToggletipSize = "24px";
1130
+ export const rhcToggletipActiveColor = "#007bc7";
1131
+ export const rhcToggletipActiveBackgroundColor = "#fff";
1132
+ export const rhcToggletipActiveBorderColor = "#007bc7";
1133
+ export const rhcToggletipHoverColor = "#0F172A";
1134
+ export const rhcToggletipHoverBackgroundColor = "#66AFDD";
1135
+ export const rhcToggletipFocusColor = "#fff";
1136
+ export const rhcToggletipFocusBackgroundColor = "#007bc7";
1137
+ export const rhcSidenavDisplay = "flex";
1138
+ export const rhcSidenavLinkLineHeight = "150%";
1139
+ export const rhcSidenavLinkIconSize = "24px";
1140
+ export const rhcSidenavLinkIconMarginInline = "0.5rem";
1141
+ export const rhcSidenavLinkFontSize = "1.25rem";
1142
+ export const rhcSidenavLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1143
+ export const rhcSidenavLinkFontWeight = 400;
1144
+ export const rhcSidenavLinkCurrentFontWeight = 700;
1145
+ export const rhcSidenavLinkCurrentColor = "#0F172A";
1146
+ export const rhcSidenavLinkColor = "#01689b";
1147
+ export const rhcSidenavLinkActiveColor = "#42145f";
1148
+ export const rhcSidenavLinkActiveTextDecoration = "underline";
1149
+ export const rhcSidenavLinkFocusBorderRadius = 0;
1150
+ export const rhcSidenavLinkFocusBorderWidth = "2px";
1151
+ export const rhcSidenavLinkFocusBorderStyle = "solid";
1152
+ export const rhcSidenavLinkFocusBorderColor = "#a90061";
1153
+ export const rhcSidenavLinkFocusBackgroundColor = "none";
1154
+ export const rhcSidenavLinkFocusColor = "#01689b";
1155
+ export const rhcSidenavLinkFocusTextDecoration = "None";
1156
+ export const rhcSidenavLinkHoverColor = "#15496a";
1157
+ export const rhcSidenavLinkHoverTextDecoration = "underline";
1158
+ export const rhcSidenavLinkPaddingBlockStart = "0.75rem";
1159
+ export const rhcSidenavLinkPaddingBlockEnd = "0.75rem";
1160
+ export const rhcSidenavLinkTextDecoration = "None";
1161
+ export const rhcSidenavLinkColumnGap = "0.5rem";
1162
+ export const rhcRadioGroupPaddingBlockEnd = "0.5rem";
1163
+ export const rhcRadioGroupPaddingBlockStart = "0.5rem";
1164
+ export const rhcRadioGroupRowGap = "1rem";
1165
+ export const rhcNavigationListIconBackgroundColor = "#0F172A";
1166
+ export const rhcNavigationListIconBorderRadius = "999px";
1167
+ export const rhcNavigationListIconColor = "#fff";
1168
+ export const rhcNavigationListItemIconPaddingInline = "0.5rem";
1169
+ export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
1170
+ export const rhcNavigationListItemIconSize = "24px";
1171
+ export const rhcNavigationListItemContentFontSize = "1.25rem";
1172
+ export const rhcNavigationListItemContentColumnGap = "0.5rem";
1173
+ export const rhcNavigationListItemContentRowGap = "0.25rem";
1174
+ export const rhcNavigationListItemLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1175
+ export const rhcNavigationListItemLabelFontSize = "1.875rem";
1176
+ export const rhcNavigationListItemLabelFontWeight = 700;
1177
+ export const rhcNavigationListItemLabelLineHeight = "150%";
1178
+ export const rhcNavigationListItemActiveBackgroundColor = "#F1F5F9";
1179
+ export const rhcNavigationListItemHoverBackgroundColor = "#F8FAFC";
1180
+ export const rhcNavigationListItemFocusBackgroundColor = "#f2d9e7";
1181
+ export const rhcNavigationListItemBackgroundColor = "#fff";
1182
+ export const rhcNavigationListItemColor = "#334155";
1183
+ export const rhcNavigationListItemBorderWidth = "1px";
1184
+ export const rhcNavigationListItemBorderColor = "#CBD5E1";
1185
+ export const rhcNavigationListItemHeadingColor = "#0F172A";
1186
+ export const rhcNavigationListItemColumnGap = "1rem";
1187
+ export const rhcNavigationListItemMinHeight = "48px";
1188
+ export const rhcNavigationListItemPaddingBlock = "0.75rem";
1189
+ export const rhcNavigationListItemPaddingInline = "1rem";
1190
+ export const rhcNavBarBorderBlockEndWidth = "1px";
1191
+ export const rhcNavBarMaxInlineSize = "1280px";
1192
+ export const rhcNavBarPaddingInline = "1rem";
1193
+ export const rhcNavBarContainerInlineSize = "100%";
1194
+ export const rhcNavBarContentColumnGap = "1rem";
1195
+ export const rhcNavBarIconColor = "#0F172A";
1196
+ export const rhcNavBarIconActiveColor = "#fff";
1197
+ export const rhcNavBarIconSize = "24px";
1198
+ export const rhcNavBarLinkActiveBackgroundColor = "#a90061";
1199
+ export const rhcNavBarLinkActiveColor = "#fff";
1200
+ export const rhcNavBarLinkBackgroundColor = "#fff";
1201
+ export const rhcNavBarLinkColor = "#a90061";
1202
+ export const rhcNavBarLinkFocusBackgroundColor = "#f2d9e7";
1203
+ export const rhcNavBarLinkFocusColor = "#a90061";
1204
+ export const rhcNavBarLinkHoverBackgroundColor = "#F8FAFC";
1205
+ export const rhcNavBarLinkHoverColor = "#a90061";
1206
+ export const rhcNavBarLinkPaddingBlockEnd = "1rem";
1207
+ export const rhcNavBarLinkPaddingBlockStart = "1rem";
1208
+ export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
1209
+ export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
1210
+ export const rhcNavBarLinkColumnGap = "0.5rem";
1211
+ export const rhcNavBarHeadingFontWeight = 700;
1212
+ export const rhcNavBarBackgroundColor = "#fff";
1213
+ export const rhcNavBarColor = "#a90061";
1214
+ export const rhcNavBarBorderColor = "#BE4088";
1215
+ export const rhcMessageListItemBackgroundColor = "#fff";
1216
+ export const rhcMessageListItemBorderColor = "#CBD5E1";
1217
+ export const rhcMessageListItemBorderWidth = "1px";
1218
+ export const rhcMessageListItemColor = "#334155";
1219
+ export const rhcMessageListItemColumnGap = "1rem";
1220
+ export const rhcMessageListItemIconSize = "24px";
1221
+ export const rhcMessageListItemIconColor = "#0F172A";
1222
+ export const rhcMessageListItemMinHeight = "48px";
1223
+ export const rhcMessageListItemPaddingBlock = "0.75rem";
1224
+ export const rhcMessageListItemPaddingInline = "1rem";
1225
+ export const rhcMessageListItemContentFontSize = "1.25rem";
1226
+ export const rhcMessageListItemContentColumnGap = "0.5rem";
1227
+ export const rhcMessageListItemContentRowGap = "0.5rem";
1228
+ export const rhcMessageListItemLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1229
+ export const rhcMessageListItemLabelFontSize = "1.25rem";
1230
+ export const rhcMessageListItemLabelFontWeight = 700;
1231
+ export const rhcMessageListItemLabelLineHeight = "150%";
1232
+ export const rhcMessageListItemHeadingColor = "#0F172A";
1233
+ export const rhcLogoImageBackgroundColor = "#fff";
1234
+ export const rhcLogoImageInlineSize = "48px";
1235
+ export const rhcLogoImageBlockSize = "96px";
1236
+ export const rhcLogoImageColor = "#154273";
1237
+ export const rhcLogoTitleFontWeight = 600;
1238
+ export const rhcLogoTitleLineHeight = "1.063rem";
1239
+ export const rhcLogoTitleFontSize = "0.913rem";
1240
+ export const rhcLogoTitlePaddingBlockStart = "3.125rem";
1241
+ export const rhcLogoSubtitleFontWeight = 400;
1242
+ export const rhcLogoSubtitleLineHeight = "1rem";
1243
+ export const rhcLogoSubtitleFontSize = "0.775rem";
1244
+ export const rhcLogoColumnGap = "12px";
1245
+ export const rhcLogoFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1246
+ export const rhcLogoColor = "#154273";
1247
+ export const rhcLinkListCardBackgroundColor = "#fff";
1248
+ export const rhcLinkListCardPaddingBlockStart = "1.5rem";
1249
+ export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
1250
+ export const rhcLinkListCardRowGap = "1rem";
1251
+ export const rhcLinkListCardPaddingInlineStart = "1.5rem";
1252
+ export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
1253
+ export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
1254
+ export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
1255
+ export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
1256
+ export const rhcIconOnlyButtonPaddingInlineStart = "0.75rem";
1257
+ export const rhcHeroHeadingFontWeight = 700;
1258
+ export const rhcHeroHeadingLineHeight = "125%";
1259
+ export const rhcHeroHeadingFontSize = "1.875rem";
1260
+ export const rhcHeroHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1261
+ export const rhcHeroSubHeadingFontWeight = 400;
1262
+ export const rhcHeroSubHeadingLineHeight = "150%";
1263
+ export const rhcHeroSubHeadingFontSize = "1.25rem";
1264
+ export const rhcHeroSubHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1265
+ export const rhcHeroMessageBackgroundColor = "#a90061";
1266
+ export const rhcHeroMessageColor = "#fff";
1267
+ export const rhcHeroMessageRowGap = "0.125rem";
1268
+ export const rhcHeroMessagePaddingBlockEnd = "1rem";
1269
+ export const rhcHeroMessagePaddingInlineEnd = "1rem";
1270
+ export const rhcHeroMessagePaddingInlineStart = "1rem";
1271
+ export const rhcHeroMessagePaddingBlockStart = "1rem";
1272
+ export const rhcHeroMessageBorderRadius = "20px";
1273
+ export const rhcHeroMessageInlineSize = "90%";
1274
+ export const rhcHeroBorderRadius = "40px";
1275
+ export const rhcHeroInlineSize = "100%";
1276
+ export const rhcFormFieldRadioOptionColumnGap = "0.5rem";
1277
+ export const rhcFormFieldRadioOptionFontWeight = 400;
1278
+ export const rhcFormFieldRadioOptionRowGap = "0.5rem";
1279
+ export const rhcFormFieldRadioOptionLabelMarginBlockEnd = "0rem";
1280
+ export const rhcFormFieldRadioOptionInputMarginBlockStart = "0.25rem";
1281
+ export const rhcFormFieldCheckboxOptionColumnGap = "0.5rem";
1282
+ export const rhcFormFieldCheckboxOptionMarginBlockEnd = "0rem";
1283
+ export const rhcPageFooterColumnGap = "1.5rem";
1284
+ export const rhcPageFooterColumnWidth = "200px";
1285
+ export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
1286
+ export const rhcPageFooterContentMaxInlineSize = "1280px";
1287
+ export const rhcPageFooterContentPaddingInlineStart = "1rem";
1288
+ export const rhcPageFooterContentPaddingInlineEnd = "1rem";
1289
+ export const rhcPageFooterContentColumnGap = "2rem";
1290
+ export const rhcPageFooterBorderBlockStartWidth = "2px";
1291
+ export const rhcPageFooterBorderBlockStartColor = "#CB66A0";
1292
+ export const rhcPageFooterBorderBlockStartStyle = "solid";
1293
+ export const rhcPageFooterOutlinedBackgroundColor = "#fff";
1294
+ export const rhcPageFooterOutlinedColor = "#a90061";
1295
+ export const rhcPageFooterOutlinedBorderColor = "#a90061";
1296
+ export const rhcPageFooterPaddingBlockStart = "2.5rem";
1297
+ export const rhcPageFooterPaddingBlockEnd = "2.5rem";
1298
+ export const rhcPageFooterPaddingInlineStart = "2.5rem";
1299
+ export const rhcPageFooterPaddingInlineEnd = "2.5rem";
1300
+ export const rhcPageFooterFlexDirection = "column";
1301
+ export const rhcFileInputColumnGap = "0.75rem";
1302
+ export const rhcFileInputRowGap = "0.75rem";
1303
+ export const rhcFileInputFeedbackColor = "#475569";
1304
+ export const rhcFileInputFeedbackFontSize = "1rem";
1305
+ export const rhcFileBorderStyle = "solid";
1306
+ export const rhcFileBorderColor = "#a90061";
1307
+ export const rhcFileBorderWidth = "1px";
1308
+ export const rhcFileBorderRadius = 0;
1309
+ export const rhcFilePaddingInlineStart = "1rem";
1310
+ export const rhcFilePaddingInlineEnd = "1rem";
1311
+ export const rhcFilePaddingBlockStart = "0.75rem";
1312
+ export const rhcFilePaddingBlockEnd = "0.75rem";
1313
+ export const rhcFileColumnGap = "0.25rem";
1314
+ export const rhcFileErrorBorderColor = "#d52b1e";
1315
+ export const rhcFileSubtitleColor = "#64748B";
1316
+ export const rhcDotBadgeBorderRadius = "999px";
1317
+ export const rhcDotBadgeColor = "#d52b1e";
1318
+ export const rhcDotBadgeSize = "12px";
1319
+ export const rhcCodeInputSize = "48px";
1320
+ export const rhcCodeInputGroupColumnGap = "0.5rem";
1321
+ export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
1322
+ export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
1323
+ export const rhcCheckboxGroupRowGap = "1rem";
1324
+ export const rhcCardAsLinkBackgroundColor = "#fff";
1325
+ export const rhcCardAsLinkBorderColor = "#CBD5E1";
1326
+ export const rhcCardAsLinkBorderRadius = 0;
1327
+ export const rhcCardAsLinkBorderWidth = "1px";
1328
+ export const rhcCardAsLinkColor = "#0F172A";
1329
+ export const rhcCardAsLinkColumnGap = "1rem";
1330
+ export const rhcCardAsLinkInlineSize = "328px";
1331
+ export const rhcCardAsLinkIconColor = "#a90061";
1332
+ export const rhcCardAsLinkIconSize = "24px";
1333
+ export const rhcCardAsLinkLinkColor = "#01689b";
1334
+ export const rhcCardAsLinkLinkTextDecoration = "underline";
1335
+ export const rhcCardAsLinkLinkActiveTextDecoration = "none";
1336
+ export const rhcCardAsLinkLinkHoverTextDecoration = "none";
1337
+ export const rhcCardAsLinkLinkFocusTextDecoration = "none";
1338
+ export const rhcCardAsLinkMetadataColor = "#334155";
1339
+ export const rhcCardAsLinkPaddingBlockEnd = "1rem";
1340
+ export const rhcCardAsLinkPaddingBlockStart = "1rem";
1341
+ export const rhcCardAsLinkPaddingInlineEnd = "1rem";
1342
+ export const rhcCardAsLinkPaddingInlineStart = "1rem";
1343
+ export const rhcCardAsLinkRowGap = "0.75rem";
1344
+ export const rhcCardAsLinkActiveBackgroundColor = "#F1F5F9";
1345
+ export const rhcCardAsLinkActiveTextDecoration = "underline";
1346
+ export const rhcCardAsLinkHoverBackgroundColor = "#F8FAFC";
1347
+ export const rhcCardAsLinkHoverTextDecoration = "underline";
1348
+ export const rhcCardAsLinkFocusBackgroundColor = "#f2d9e7";
1349
+ export const rhcCardAsLinkFocusTextDecoration = "underline";
1350
+ export const rhcCardAsLinkFullBleedBackgroundColor = "#000";
1351
+ export const rhcCardAsLinkFullBleedBorderColor = "transparent";
1352
+ export const rhcCardAsLinkFullBleedColor = "#fff";
1353
+ export const rhcCardAsLinkFullBleedOpacity = 0.5;
1354
+ export const rhcCardAsLinkHeadingColor = "#a90061";
1355
+ export const rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
1356
+ export const rhcCardAsLinkHeadingFontSize = "1.5rem";
1357
+ export const rhcCardAsLinkHeadingFontWeight = 700;
1358
+ export const rhcCardAsLinkHorizontalBackgroundColor = "#a90061";
1359
+ export const rhcCardAsLinkHorizontalBorderColor = "transparent";
1360
+ export const rhcCardAsLinkHorizontalColor = "#fff";
1361
+ export const rhcCardAsLinkHorizontalMaxBlockSize = "96px";
1362
+ export const rhcCardAsLinkHorizontalPaddingBlockEnd = 0;
1363
+ export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
1364
+ export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
1365
+ export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
1366
+ export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
1367
+ export const rhcFocusOutlineOffset = "0.125rem";
1368
+ export const rhcFocusOutlineStyle = "solid";
1369
+ export const rhcFocusOutlineWidth = "2px";
1370
+ export const rhcFontSizeHeadingLevel1 = "3.125rem";
1371
+ export const rhcFontSizeHeadingLevel2 = "2.5rem";
1372
+ export const rhcFontSizeHeadingLevel3 = "1.875rem";
1373
+ export const rhcFontSizeHeadingLevel4 = "1.5rem";
1374
+ export const rhcFontSizeHeadingLevel5 = "1.25rem";
1375
+ export const rhcFontSizeBodyIntro = "1.5rem";
1376
+ export const rhcFontSizeBodyDefault = "1.25rem";
1377
+ export const rhcFontSizeXsDesktop = "1.25rem";
1378
+ export const rhcFontSizeXsTablet = "1.125rem";
1379
+ export const rhcFontSizeXsMobile = "1rem";
1380
+ export const rhcFontSizeSmDesktop = "1.5rem";
1381
+ export const rhcFontSizeSmTablet = "1.35rem";
1382
+ export const rhcFontSizeSmMobile = "1.2rem";
1383
+ export const rhcFontSizeMdDesktop = "1.875rem";
1384
+ export const rhcFontSizeMdTablet = "1.688rem";
1385
+ export const rhcFontSizeMdMobile = "1.5rem";
1386
+ export const rhcFontSizeLgDesktop = "2.5rem";
1387
+ export const rhcFontSizeLgTablet = "2.25rem";
1388
+ export const rhcFontSizeLgMobile = "2rem";
1389
+ export const rhcFontSizeXlDesktop = "3.125rem";
1390
+ export const rhcFontSizeXlTablet = "2.813rem";
1391
+ export const rhcFontSizeXlMobile = "2.5rem";
1392
+ export const rhcFontWeightDefault = 400;
1393
+ export const rhcFontWeightStrong = 700;
1394
+ export const rhcFontWeightExtraBold = 800;
1395
+ export const rhcFontWeightBold = 700;
1396
+ export const rhcFontWeightSemiBold = 600;
1397
+ export const rhcFontWeightRegular = 400;
1398
+ export const rhcFontWeightLight = 300;
1399
+ export const rhcFontWeightThin = 200;
1400
+ export const rhcLineHeightBody = "150%";
1401
+ export const rhcLineHeightSm = "125%";
1402
+ export const rhcLineHeightMd = "150%";
1403
+ export const rhcSizeTarget = "48px";
1404
+ export const rhcSizeIconFunctional = "24px";
1405
+ export const rhcSizeQuarterLint = "12px";
1406
+ export const rhcSizeHalfLint = "24px";
1407
+ export const rhcSizeLint = "48px";
1408
+ export const rhcSize2Lint = "96px";
1409
+ export const rhcSize3Lint = "1440px";
1410
+ export const rhcFontFamilyPrimary = "'Fira Sans', Arial, Verdana, sans-serif";
1411
+ export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
1412
+ export const rhcBorderWidthDefault = "1px";
1413
+ export const rhcBorderWidthM = "2px";
1414
+ export const rhcBorderWidthNone = "0px";
1415
+ export const rhcSpace0 = "0rem";
1416
+ export const rhcSpace25 = "0.125rem";
1417
+ export const rhcSpace50 = "0.25rem";
1418
+ export const rhcSpace100 = "0.5rem";
1419
+ export const rhcSpace150 = "0.75rem";
1420
+ export const rhcSpace200 = "1rem";
1421
+ export const rhcSpace300 = "1.5rem";
1422
+ export const rhcSpace400 = "2rem";
1423
+ export const rhcSpace500 = "2.5rem";
1424
+ export const rhcSpace600 = "3rem";
1425
+ export const rhcSpace700 = "3.5rem";
1426
+ export const todoLinkListLinkHoverTextDecoration = "underline";
1427
+ export const todoSkipLinkFontWeight = 700;