@rijkshuisstijl-community/design-tokens 1.2.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/README.md +153 -12
  3. package/dist/_variables.scss +94 -78
  4. package/dist/index.css +94 -78
  5. package/dist/index.d.ts +48 -32
  6. package/dist/index.js +94 -78
  7. package/dist/index.json +93 -77
  8. package/dist/index.tokens.json +113 -85
  9. package/dist/root.css +94 -78
  10. package/dist/tokens.d.ts +67 -39
  11. package/dist/tokens.js +1285 -921
  12. package/dist/uitvoerend-groen/_variables.scss +1337 -0
  13. package/dist/uitvoerend-groen/index.css +1340 -0
  14. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/index.d.ts +922 -911
  15. package/dist/uitvoerend-groen/index.js +1338 -0
  16. package/dist/uitvoerend-groen/index.json +1335 -0
  17. package/dist/uitvoerend-groen/index.tokens.json +2049 -0
  18. package/dist/uitvoerend-groen/root.css +1340 -0
  19. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.d.ts +1508 -1513
  20. package/dist/uitvoerend-groen/tokens.js +31258 -0
  21. package/dist/uitvoerend-hemelblauw/_variables.scss +1337 -0
  22. package/dist/uitvoerend-hemelblauw/index.css +1340 -0
  23. package/dist/uitvoerend-hemelblauw/index.d.ts +1338 -0
  24. package/dist/uitvoerend-hemelblauw/index.js +1338 -0
  25. package/dist/uitvoerend-hemelblauw/index.json +1335 -0
  26. package/dist/uitvoerend-hemelblauw/index.tokens.json +2049 -0
  27. package/dist/uitvoerend-hemelblauw/root.css +1340 -0
  28. package/dist/uitvoerend-hemelblauw/tokens.d.ts +2072 -0
  29. package/dist/uitvoerend-hemelblauw/tokens.js +31258 -0
  30. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/_variables.scss +778 -767
  31. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.css +779 -768
  32. package/dist/uitvoerend-mintgroen/index.d.ts +1338 -0
  33. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.js +981 -970
  34. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.json +980 -969
  35. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.tokens.json +1611 -1616
  36. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/root.css +778 -767
  37. package/dist/uitvoerend-mintgroen/tokens.d.ts +2072 -0
  38. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.js +22466 -22247
  39. package/dist/uitvoerend-oranje/_variables.scss +1337 -0
  40. package/dist/uitvoerend-oranje/index.css +1340 -0
  41. package/dist/uitvoerend-oranje/index.d.ts +1338 -0
  42. package/dist/uitvoerend-oranje/index.js +1338 -0
  43. package/dist/uitvoerend-oranje/index.json +1335 -0
  44. package/dist/uitvoerend-oranje/index.tokens.json +2049 -0
  45. package/dist/uitvoerend-oranje/root.css +1340 -0
  46. package/dist/uitvoerend-oranje/tokens.d.ts +2072 -0
  47. package/dist/uitvoerend-oranje/tokens.js +31258 -0
  48. package/dist/uitvoerend-paars/_variables.scss +1337 -0
  49. package/dist/uitvoerend-paars/index.css +1340 -0
  50. package/dist/uitvoerend-paars/index.d.ts +1338 -0
  51. package/dist/uitvoerend-paars/index.js +1338 -0
  52. package/dist/uitvoerend-paars/index.json +1335 -0
  53. package/dist/uitvoerend-paars/index.tokens.json +2049 -0
  54. package/dist/uitvoerend-paars/root.css +1340 -0
  55. package/dist/uitvoerend-paars/tokens.d.ts +2072 -0
  56. package/dist/uitvoerend-paars/tokens.js +31258 -0
  57. package/dist/uitvoerend-violet/_variables.scss +191 -175
  58. package/dist/uitvoerend-violet/index.css +191 -175
  59. package/dist/uitvoerend-violet/index.d.ts +88 -72
  60. package/dist/uitvoerend-violet/index.js +191 -175
  61. package/dist/uitvoerend-violet/index.json +190 -174
  62. package/dist/uitvoerend-violet/index.tokens.json +227 -199
  63. package/dist/uitvoerend-violet/root.css +191 -175
  64. package/dist/uitvoerend-violet/tokens.d.ts +123 -95
  65. package/dist/uitvoerend-violet/tokens.js +16557 -16193
  66. package/dist/uitvoerend-violet-oud/_variables.scss +191 -174
  67. package/dist/uitvoerend-violet-oud/index.css +191 -174
  68. package/dist/uitvoerend-violet-oud/index.d.ts +88 -71
  69. package/dist/uitvoerend-violet-oud/index.js +191 -174
  70. package/dist/uitvoerend-violet-oud/index.json +190 -173
  71. package/dist/uitvoerend-violet-oud/index.tokens.json +227 -198
  72. package/dist/uitvoerend-violet-oud/root.css +191 -174
  73. package/dist/uitvoerend-violet-oud/tokens.d.ts +123 -94
  74. package/dist/uitvoerend-violet-oud/tokens.js +12703 -12318
  75. package/dist/wetgevend/_variables.scss +131 -115
  76. package/dist/wetgevend/index.css +131 -115
  77. package/dist/wetgevend/index.d.ts +88 -72
  78. package/dist/wetgevend/index.js +131 -115
  79. package/dist/wetgevend/index.json +130 -114
  80. package/dist/wetgevend/index.tokens.json +167 -139
  81. package/dist/wetgevend/root.css +131 -115
  82. package/dist/wetgevend/tokens.d.ts +123 -95
  83. package/dist/wetgevend/tokens.js +12053 -11689
  84. package/figma/figma.tokens.json +840 -294
  85. package/package.json +1 -1
  86. package/src/generated/base.tokens.json +240 -163
  87. package/src/generated/themes.json +30580 -5292
  88. package/src/generated/uitvoerend-groen/tokens.json +6252 -0
  89. package/src/generated/uitvoerend-hemelblauw/tokens.json +6252 -0
  90. package/src/generated/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.json +4384 -4355
  91. package/src/generated/uitvoerend-oranje/tokens.json +6252 -0
  92. package/src/generated/uitvoerend-paars/tokens.json +6252 -0
  93. package/src/generated/uitvoerend-violet/tokens.json +506 -429
  94. package/src/generated/uitvoerend-violet-oud/tokens.json +512 -431
  95. package/src/generated/wetgevend/tokens.json +467 -390
@@ -1,822 +1,85 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 29 Apr 2025 12:01:02 GMT
3
+ * Generated on Tue, 27 May 2025 13:07:14 GMT
4
4
  */
5
5
 
6
- export const rhcColorPrimary50 = "#eaf8f4";
7
- export const rhcColorPrimary100 = "#d6f2e9";
8
- export const rhcColorPrimary200 = "#C1EBDE";
9
- export const rhcColorPrimary300 = "#ACE4D3";
10
- export const rhcColorPrimary400 = "#98DDC8";
11
- export const rhcColorPrimary500 = "#76d2b6";
12
- export const rhcColorPrimaryHover = "#528e7c";
13
- export const rhcColorFocusOutline = "#76d2b6";
14
- export const rhcColorForegroundDefault = "#0F172A";
15
- export const rhcColorForegroundSubdued = "#334155";
16
- export const rhcColorForegroundLink = "#01689b";
17
- export const rhcColorForegroundOnEmphasis = "#fff";
18
- export const rhcColorBorderDefault = "#64748B";
19
- export const rhcColorBorderSubdued = "#94A3B8";
20
- export const rhcColorBorderStrong = "#0F172A";
21
- export const rhcColorCanvas = "#fff";
22
- export const rhcColorFeedbackSuccessDefault = "#39870c";
23
- export const rhcColorFeedbackSuccessSubdued = "#e1eddb";
24
- export const rhcColorFeedbackInfoDefault = "#007bc7";
25
- export const rhcColorFeedbackInfoSubdued = "#d9ebf7";
26
- export const rhcColorFeedbackErrorDefault = "#d52b1e";
27
- export const rhcColorFeedbackErrorSubdued = "#f9dfdd";
28
- export const rhcColorFeedbackWarningDefault = "#ffb612";
29
- export const rhcColorFeedbackWarningSubdued = "#fff4db";
30
- export const rhcColorAccent500 = "#8fcae7";
31
- export const rhcColorAccent2500 = "#f092cd";
32
- export const rhcColorCoolGrey50 = "#F8FAFC";
33
- export const rhcColorCoolGrey100 = "#F1F5F9";
34
- export const rhcColorCoolGrey200 = "#E2E8F0";
35
- export const rhcColorCoolGrey300 = "#CBD5E1";
36
- export const rhcColorCoolGrey400 = "#94A3B8";
37
- export const rhcColorCoolGrey500 = "#64748B";
38
- export const rhcColorCoolGrey600 = "#475569";
39
- export const rhcColorCoolGrey700 = "#334155";
40
- export const rhcColorCoolGrey800 = "#1E293B";
41
- export const rhcColorCoolGrey900 = "#0F172A";
42
- export const rhcColorLichtblauw50 = "#eef7fb";
43
- export const rhcColorLichtblauw100 = "#ddeff8";
44
- export const rhcColorLichtblauw200 = "#CCE7F4";
45
- export const rhcColorLichtblauw300 = "#BCDFF0";
46
- export const rhcColorLichtblauw400 = "#ABD7ED";
47
- export const rhcColorLichtblauw500 = "#8fcae7";
48
- export const rhcColorViolet50 = "#f2d9e7";
49
- export const rhcColorViolet100 = "#e5b3d0";
50
- export const rhcColorViolet200 = "#D88CB7";
51
- export const rhcColorViolet300 = "#CB66A0";
52
- export const rhcColorViolet400 = "#BE4088";
53
- export const rhcColorViolet500 = "#a90061";
54
- export const rhcColorPaars50 = "#e3dce7";
55
- export const rhcColorPaars100 = "#c6b9cf";
56
- export const rhcColorPaars200 = "#A995B7";
57
- export const rhcColorPaars300 = "#8D729F";
58
- export const rhcColorPaars400 = "#714f87";
59
- export const rhcColorPaars500 = "#42145f";
60
- export const rhcColorHemelblauw50 = "#d9ebf7";
61
- export const rhcColorHemelblauw100 = "#b3d7ee";
62
- export const rhcColorHemelblauw200 = "#8CC3E6";
63
- export const rhcColorHemelblauw300 = "#66AFDD";
64
- export const rhcColorHemelblauw400 = "#409CD5";
65
- export const rhcColorHemelblauw500 = "#007bc7";
66
- export const rhcColorDonkerblauw50 = "#d9e8f0";
67
- export const rhcColorDonkerblauw100 = "#b3d2e1";
68
- export const rhcColorDonkerblauw200 = "#8CBBD2";
69
- export const rhcColorDonkerblauw300 = "#66A4C3";
70
- export const rhcColorDonkerblauw400 = "#408EB4";
71
- export const rhcColorDonkerblauw500 = "#01689b";
72
- export const rhcColorMintgroen50 = "#eaf8f4";
73
- export const rhcColorMintgroen100 = "#d6f2e9";
74
- export const rhcColorMintgroen200 = "#C1EBDE";
75
- export const rhcColorMintgroen300 = "#ACE4D3";
76
- export const rhcColorMintgroen400 = "#98DDC8";
77
- export const rhcColorMintgroen500 = "#76d2b6";
78
- export const rhcColorMosgroen50 = "#ebebd9";
79
- export const rhcColorMosgroen100 = "#d6d7b3";
80
- export const rhcColorMosgroen200 = "#C1C38C";
81
- export const rhcColorMosgroen300 = "#ADAF66";
82
- export const rhcColorMosgroen400 = "#999C40";
83
- export const rhcColorMosgroen500 = "#777b00";
84
- export const rhcColorGroen50 = "#e1eddb";
85
- export const rhcColorGroen100 = "#c4dbb6";
86
- export const rhcColorGroen200 = "#A5C991";
87
- export const rhcColorGroen300 = "#88B76D";
88
- export const rhcColorGroen400 = "#6AA549";
89
- export const rhcColorGroen500 = "#39870c";
90
- export const rhcColorDonkergroen50 = "#dfe6e1";
91
- export const rhcColorDonkergroen100 = "#becdc3";
92
- export const rhcColorDonkergroen200 = "#9DB4A4";
93
- export const rhcColorDonkergroen300 = "#7D9B87";
94
- export const rhcColorDonkergroen400 = "#5D8269";
95
- export const rhcColorDonkergroen500 = "#275937";
96
- export const rhcColorBruin50 = "#efeada";
97
- export const rhcColorBruin100 = "#dfd4b6";
98
- export const rhcColorBruin200 = "#CFBF90";
99
- export const rhcColorBruin300 = "#BFA96C";
100
- export const rhcColorBruin400 = "#AF9447";
101
- export const rhcColorBruin500 = "#94710a";
102
- export const rhcColorDonkerbruin50 = "#e8e0df";
103
- export const rhcColorDonkerbruin100 = "#d1c2be";
104
- export const rhcColorDonkerbruin200 = "#BAA39D";
105
- export const rhcColorDonkerbruin300 = "#A3847D";
106
- export const rhcColorDonkerbruin400 = "#8D665D";
107
- export const rhcColorDonkerbruin500 = "#673327";
108
- export const rhcColorGeel50 = "#fefbdd";
109
- export const rhcColorGeel100 = "#fdf6bc";
110
- export const rhcColorGeel200 = "#FCF199";
111
- export const rhcColorGeel300 = "#FBED78";
112
- export const rhcColorGeel400 = "#FAE856";
113
- export const rhcColorGeel500 = "#f9e11e";
114
- export const rhcColorDonkergeel50 = "#fff4db";
115
- export const rhcColorDonkergeel100 = "#ffe9b8";
116
- export const rhcColorDonkergeel200 = "#FDDE94";
117
- export const rhcColorDonkergeel300 = "#FDD370";
118
- export const rhcColorDonkergeel400 = "#FDC84D";
119
- export const rhcColorDonkergeel500 = "#ffb612";
120
- export const rhcColorOranje50 = "#fbead9";
121
- export const rhcColorOranje100 = "#f6d4b3";
122
- export const rhcColorOranje200 = "#F1BE8C";
123
- export const rhcColorOranje300 = "#EDA966";
124
- export const rhcColorOranje400 = "#E89440";
125
- export const rhcColorOranje500 = "#e17000";
126
- export const rhcColorRood50 = "#f9dfdd";
127
- export const rhcColorRood100 = "#f2bfbc";
128
- export const rhcColorRood200 = "#EC9F99";
129
- export const rhcColorRood300 = "#E67F78";
130
- export const rhcColorRood400 = "#DF6056";
131
- export const rhcColorRood500 = "#d52b1e";
132
- export const rhcColorRoze50 = "#fdeff8";
133
- export const rhcColorRoze100 = "#fbdef0";
134
- export const rhcColorRoze200 = "#F8CEE8";
135
- export const rhcColorRoze300 = "#F6BDE1";
136
- export const rhcColorRoze400 = "#F4ADD9";
137
- export const rhcColorRoze500 = "#f092cd";
138
- export const rhcColorRobijnrood50 = "#f7d9e7";
139
- export const rhcColorRobijnrood100 = "#efb3ce";
140
- export const rhcColorRobijnrood200 = "#E78CB6";
141
- export const rhcColorRobijnrood300 = "#DF669D";
142
- export const rhcColorRobijnrood400 = "#D74085";
143
- export const rhcColorRobijnrood500 = "#ca005d";
144
- export const rhcColorLintblauw50 = "#dce3ea";
145
- export const rhcColorLintblauw100 = "#b8c6d5";
146
- export const rhcColorLintblauw200 = "#95a9c0";
147
- export const rhcColorLintblauw300 = "#738eab";
148
- export const rhcColorLintblauw400 = "#4f7196";
149
- export const rhcColorLintblauw500 = "#154273";
150
- export const rhcColorWit = "#fff";
151
- export const rhcColorZwart = "#000";
152
- export const rhcColorNone = "transparent";
153
- export const rhcSubNavBarBackgroundColor = "#f2f4f6";
154
- export const rhcSubNavBarColumnGap = "0.5rem";
155
- export const rhcSubNavBarColumnWidth = "375px";
156
- export const rhcSubNavBarPaddingBlockEnd = "2rem";
157
- export const rhcSubNavBarPaddingBlockStart = "2rem";
158
- export const rhcSubNavBarInlineSize = "100%";
159
- export const rhcSubNavBarContentPaddingInlineEnd = "1rem";
160
- export const rhcSubNavBarContentPaddingInlineStart = "1rem";
161
- export const rhcSubNavBarContentMaxInlineSize = "1280px";
162
- export const rhcSubNavBarContentListRowGap = "0.5rem";
163
- export const rhcToggletipColor = "#fff";
164
- export const rhcToggletipBackgroundColor = "#007bc7";
165
- export const rhcToggletipBorderColor = "transparent";
166
- export const rhcToggletipBorderRadius = "5px";
167
- export const rhcToggletipBorderWidth = "1px";
168
- export const rhcToggletipIconSize = "24px";
169
- export const rhcToggletipSize = "24px";
170
- export const rhcToggletipActiveColor = "#007bc7";
171
- export const rhcToggletipActiveBackgroundColor = "#fff";
172
- export const rhcToggletipActiveBorderColor = "#007bc7";
173
- export const rhcToggletipHoverColor = "#0F172A";
174
- export const rhcToggletipHoverBackgroundColor = "#66AFDD";
175
- export const rhcToggletipFocusColor = "#fff";
176
- export const rhcToggletipFocusBackgroundColor = "#007bc7";
177
- export const rhcSidenavDisplay = "flex";
178
- export const rhcSidenavLinkLineHeight = "150%";
179
- export const rhcSidenavLinkIconSize = "24px";
180
- export const rhcSidenavLinkIconMarginInline = "0.5rem";
181
- export const rhcSidenavLinkFontSize = "1.25rem";
182
- export const rhcSidenavLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
183
- export const rhcSidenavLinkFontWeight = 400;
184
- export const rhcSidenavLinkCurrentFontWeight = 700;
185
- export const rhcSidenavLinkCurrentColor = "#0F172A";
186
- export const rhcSidenavLinkColor = "#01689b";
187
- export const rhcSidenavLinkActiveColor = "#42145f";
188
- export const rhcSidenavLinkActiveTextDecoration = "underline";
189
- export const rhcSidenavLinkFocusBorderRadius = "5px";
190
- export const rhcSidenavLinkFocusBorderWidth = "2px";
191
- export const rhcSidenavLinkFocusBorderStyle = "solid";
192
- export const rhcSidenavLinkFocusBorderColor = "#154273";
193
- export const rhcSidenavLinkFocusBackgroundColor = "none";
194
- export const rhcSidenavLinkFocusColor = "#01689b";
195
- export const rhcSidenavLinkFocusTextDecoration = "None";
196
- export const rhcSidenavLinkHoverColor = "#15496a";
197
- export const rhcSidenavLinkHoverTextDecoration = "underline";
198
- export const rhcSidenavLinkPaddingBlockStart = "0.75rem";
199
- export const rhcSidenavLinkPaddingBlockEnd = "0.75rem";
200
- export const rhcSidenavLinkTextDecoration = "None";
201
- export const rhcSidenavLinkColumnGap = "0.5rem";
202
- export const rhcRadioGroupPaddingBlockEnd = "0.5rem";
203
- export const rhcRadioGroupPaddingBlockStart = "0.5rem";
204
- export const rhcRadioGroupRowGap = "1rem";
205
- export const rhcNavigationListIconBackgroundColor = "#0F172A";
206
- export const rhcNavigationListIconBorderRadius = "999px";
207
- export const rhcNavigationListIconColor = "#fff";
208
- export const rhcNavigationListItemIconPaddingInline = "0.5rem";
209
- export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
210
- export const rhcNavigationListItemIconSize = "24px";
211
- export const rhcNavigationListItemContentFontSize = "1.125rem";
212
- export const rhcNavigationListItemContentColumnGap = "0.5rem";
213
- export const rhcNavigationListItemContentRowGap = "0.25rem";
214
- export const rhcNavigationListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
215
- export const rhcNavigationListItemLabelFontSize = "1.875rem";
216
- export const rhcNavigationListItemLabelFontWeight = 700;
217
- export const rhcNavigationListItemLabelLineHeight = "150%";
218
- export const rhcNavigationListItemActiveBackgroundColor = "#F1F5F9";
219
- export const rhcNavigationListItemHoverBackgroundColor = "#F8FAFC";
220
- export const rhcNavigationListItemFocusBackgroundColor = "#dce3ea";
221
- export const rhcNavigationListItemBackgroundColor = "#fff";
222
- export const rhcNavigationListItemColor = "#334155";
223
- export const rhcNavigationListItemBorderWidth = "1px";
224
- export const rhcNavigationListItemBorderColor = "#CBD5E1";
225
- export const rhcNavigationListItemHeadingColor = "#0F172A";
226
- export const rhcNavigationListItemColumnGap = "1rem";
227
- export const rhcNavigationListItemMinHeight = "48px";
228
- export const rhcNavigationListItemPaddingBlock = "0.75rem";
229
- export const rhcNavigationListItemPaddingInline = "1rem";
230
- export const rhcNavBarBorderBlockEndWidth = "1px";
231
- export const rhcNavBarMaxInlineSize = "1280px";
232
- export const rhcNavBarPaddingInline = "1rem";
233
- export const rhcNavBarContainerInlineSize = "100%";
234
- export const rhcNavBarContentColumnGap = "1rem";
235
- export const rhcNavBarIconColor = "#0F172A";
236
- export const rhcNavBarIconActiveColor = "#fff";
237
- export const rhcNavBarIconSize = "24px";
238
- export const rhcNavBarLinkActiveBackgroundColor = "#76d2b6";
239
- export const rhcNavBarLinkActiveColor = "#fff";
240
- export const rhcNavBarLinkBackgroundColor = "#fff";
241
- export const rhcNavBarLinkColor = "#76d2b6";
242
- export const rhcNavBarLinkFocusBackgroundColor = "#eaf8f4";
243
- export const rhcNavBarLinkFocusColor = "#76d2b6";
244
- export const rhcNavBarLinkHoverBackgroundColor = "#F8FAFC";
245
- export const rhcNavBarLinkHoverColor = "#76d2b6";
246
- export const rhcNavBarLinkPaddingBlockEnd = "1rem";
247
- export const rhcNavBarLinkPaddingBlockStart = "1rem";
248
- export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
249
- export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
250
- export const rhcNavBarLinkColumnGap = "0.5rem";
251
- export const rhcNavBarHeadingFontWeight = 700;
252
- export const rhcNavBarBackgroundColor = "#fff";
253
- export const rhcNavBarColor = "#76d2b6";
254
- export const rhcNavBarBorderColor = "#98DDC8";
255
- export const rhcMessageListItemBackgroundColor = "#fff";
256
- export const rhcMessageListItemBorderColor = "#CBD5E1";
257
- export const rhcMessageListItemBorderWidth = "1px";
258
- export const rhcMessageListItemColor = "#334155";
259
- export const rhcMessageListItemColumnGap = "1rem";
260
- export const rhcMessageListItemIconSize = "24px";
261
- export const rhcMessageListItemIconColor = "#0F172A";
262
- export const rhcMessageListItemMinHeight = "48px";
263
- export const rhcMessageListItemPaddingBlock = "0.75rem";
264
- export const rhcMessageListItemPaddingInline = "1rem";
265
- export const rhcMessageListItemContentFontSize = "1.125rem";
266
- export const rhcMessageListItemContentColumnGap = "0.5rem";
267
- export const rhcMessageListItemContentRowGap = "0.5rem";
268
- export const rhcMessageListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
269
- export const rhcMessageListItemLabelFontSize = "1.25rem";
270
- export const rhcMessageListItemLabelFontWeight = 700;
271
- export const rhcMessageListItemLabelLineHeight = "150%";
272
- export const rhcMessageListItemHeadingColor = "#0F172A";
273
- export const rhcLogoImageBackgroundColor = "#fff";
274
- export const rhcLogoImageInlineSize = "48px";
275
- export const rhcLogoImageBlockSize = "96px";
276
- export const rhcLogoImageColor = "#154273";
277
- export const rhcLogoTitleFontWeight = 600;
278
- export const rhcLogoTitleLineHeight = "1.063rem";
279
- export const rhcLogoTitleFontSize = "0.913rem";
280
- export const rhcLogoTitlePaddingBlockStart = "3.125rem";
281
- export const rhcLogoSubtitleFontWeight = 400;
282
- export const rhcLogoSubtitleLineHeight = "1rem";
283
- export const rhcLogoSubtitleFontSize = "0.775rem";
284
- export const rhcLogoColumnGap = "12px";
285
- export const rhcLogoFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
286
- export const rhcLogoColor = "#154273";
287
- export const rhcLinkListCardBackgroundColor = "#fff";
288
- export const rhcLinkListCardPaddingBlockStart = "1.5rem";
289
- export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
290
- export const rhcLinkListCardRowGap = "1rem";
291
- export const rhcLinkListCardPaddingInlineStart = "1.5rem";
292
- export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
293
- export const rhcLinkListTextDecoration = "None";
294
- export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
295
- export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
296
- export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
297
- export const rhcIconOnlyButtonPaddingInlineStart = "0.75rem";
298
- export const rhcHeroHeadingFontWeight = 700;
299
- export const rhcHeroHeadingLineHeight = "125%";
300
- export const rhcHeroHeadingFontSize = "1.875rem";
301
- export const rhcHeroHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
302
- export const rhcHeroSubHeadingFontWeight = 400;
303
- export const rhcHeroSubHeadingLineHeight = "150%";
304
- export const rhcHeroSubHeadingFontSize = "1.25rem";
305
- export const rhcHeroSubHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
306
- export const rhcHeroMessageBackgroundColor = "#154273";
307
- export const rhcHeroMessageColor = "#fff";
308
- export const rhcHeroMessageRowGap = "0.125rem";
309
- export const rhcHeroMessagePaddingBlockEnd = "1rem";
310
- export const rhcHeroMessagePaddingInlineEnd = "1rem";
311
- export const rhcHeroMessagePaddingInlineStart = "1rem";
312
- export const rhcHeroMessagePaddingBlockStart = "1rem";
313
- export const rhcHeroMessageBorderRadius = "20px";
314
- export const rhcHeroMessageInlineSize = "90%";
315
- export const rhcHeroBorderRadius = "40px";
316
- export const rhcHeroInlineSize = "100%";
317
- export const rhcFormFieldRadioOptionColumnGap = "0.5rem";
318
- export const rhcFormFieldRadioOptionFontWeight = 400;
319
- export const rhcFormFieldRadioOptionRowGap = "0.5rem";
320
- export const rhcFormFieldRadioOptionLabelMarginBlockEnd = 0;
321
- export const rhcFormFieldRadioOptionInputMarginBlockStart = "0.25rem";
322
- export const rhcFormFieldCheckboxOptionColumnGap = "0.5rem";
323
- export const rhcFormFieldCheckboxOptionMarginBlockEnd = 0;
324
- export const rhcPageFooterColumnGap = "1.5rem";
325
- export const rhcPageFooterColumnWidth = "200px";
326
- export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
327
- export const rhcPageFooterContentMaxInlineSize = "1280px";
328
- export const rhcPageFooterContentPaddingInlineStart = "1rem";
329
- export const rhcPageFooterContentPaddingInlineEnd = "1rem";
330
- export const rhcPageFooterContentColumnGap = "2rem";
331
- export const rhcPageFooterBorderBlockStartWidth = "2px";
332
- export const rhcPageFooterBorderBlockStartColor = "#738eab";
333
- export const rhcPageFooterBorderBlockStartStyle = "solid";
334
- export const rhcPageFooterOutlinedBackgroundColor = "#fff";
335
- export const rhcPageFooterOutlinedColor = "#76d2b6";
336
- export const rhcPageFooterOutlinedBorderColor = "#76d2b6";
337
- export const rhcPageFooterPaddingBlockStart = "2.5rem";
338
- export const rhcPageFooterPaddingBlockEnd = "2.5rem";
339
- export const rhcPageFooterPaddingInlineStart = "2.5rem";
340
- export const rhcPageFooterPaddingInlineEnd = "2.5rem";
341
- export const rhcPageFooterFlexDirection = "column";
342
- export const rhcFileInputColumnGap = "0.75rem";
343
- export const rhcFileInputRowGap = "0.75rem";
344
- export const rhcFileInputFeedbackColor = "#475569";
345
- export const rhcFileInputFeedbackFontSize = "1rem";
346
- export const rhcFileBorderStyle = "solid";
347
- export const rhcFileBorderColor = "#154273";
348
- export const rhcFileBorderWidth = "1px";
349
- export const rhcFileBorderRadius = "5px";
350
- export const rhcFilePaddingInlineStart = "1rem";
351
- export const rhcFilePaddingInlineEnd = "1rem";
352
- export const rhcFilePaddingBlockStart = "0.75rem";
353
- export const rhcFilePaddingBlockEnd = "0.75rem";
354
- export const rhcFileColumnGap = "0.25rem";
355
- export const rhcFileErrorBorderColor = "#d52b1e";
356
- export const rhcFileSubtitleColor = "#64748B";
357
- export const rhcDotBadgeBorderRadius = "999px";
358
- export const rhcDotBadgeColor = "#d52b1e";
359
- export const rhcDotBadgeSize = "12px";
360
- export const rhcCodeInputSize = "48px";
361
- export const rhcCodeInputGroupColumnGap = "0.5rem";
362
- export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
363
- export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
364
- export const rhcCheckboxGroupRowGap = "1rem";
365
- export const rhcCardAsLinkBackgroundColor = "#fff";
366
- export const rhcCardAsLinkBorderColor = "#CBD5E1";
367
- export const rhcCardAsLinkBorderRadius = "5px";
368
- export const rhcCardAsLinkBorderWidth = "1px";
369
- export const rhcCardAsLinkColor = "#0F172A";
370
- export const rhcCardAsLinkColumnGap = "1rem";
371
- export const rhcCardAsLinkInlineSize = "328px";
372
- export const rhcCardAsLinkIconColor = "#154273";
373
- export const rhcCardAsLinkIconSize = "24px";
374
- export const rhcCardAsLinkLinkColor = "#01689b";
375
- export const rhcCardAsLinkLinkTextDecoration = "underline";
376
- export const rhcCardAsLinkLinkActiveTextDecoration = "none";
377
- export const rhcCardAsLinkLinkHoverTextDecoration = "none";
378
- export const rhcCardAsLinkLinkFocusTextDecoration = "none";
379
- export const rhcCardAsLinkMetadataColor = "#334155";
380
- export const rhcCardAsLinkPaddingBlockEnd = "1rem";
381
- export const rhcCardAsLinkPaddingBlockStart = "1rem";
382
- export const rhcCardAsLinkPaddingInlineEnd = "1rem";
383
- export const rhcCardAsLinkPaddingInlineStart = "1rem";
384
- export const rhcCardAsLinkRowGap = "0.75rem";
385
- export const rhcCardAsLinkActiveBackgroundColor = "#F1F5F9";
386
- export const rhcCardAsLinkActiveTextDecoration = "underline";
387
- export const rhcCardAsLinkHoverBackgroundColor = "#F8FAFC";
388
- export const rhcCardAsLinkHoverTextDecoration = "underline";
389
- export const rhcCardAsLinkFocusBackgroundColor = "#dce3ea";
390
- export const rhcCardAsLinkFocusTextDecoration = "underline";
391
- export const rhcCardAsLinkFullBleedBackgroundColor = "#000";
392
- export const rhcCardAsLinkFullBleedBorderColor = "transparent";
393
- export const rhcCardAsLinkFullBleedColor = "#fff";
394
- export const rhcCardAsLinkFullBleedOpacity = 0.5;
395
- export const rhcCardAsLinkHeadingColor = "#154273";
396
- export const rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
397
- export const rhcCardAsLinkHeadingFontSize = "1.5rem";
398
- export const rhcCardAsLinkHeadingFontWeight = 700;
399
- export const rhcCardAsLinkHorizontalBackgroundColor = "#154273";
400
- export const rhcCardAsLinkHorizontalBorderColor = "transparent";
401
- export const rhcCardAsLinkHorizontalColor = "#fff";
402
- export const rhcCardAsLinkHorizontalMaxBlockSize = "96px";
403
- export const rhcCardAsLinkHorizontalPaddingBlockEnd = 0;
404
- export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
405
- export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
406
- export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
407
- export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
408
- export const rhcAccordionButtonFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
409
- export const rhcAccordionButtonFontSize = "1.25rem";
410
- export const rhcAccordionButtonFontWeight = 400;
411
- export const rhcAccordionButtonLineHeight = "150%";
412
- export const rhcAccordionButtonIconMarginBlock = "0.25rem";
413
- export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
414
- export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
415
- export const rhcAccordionButtonPaddingInlineEnd = "1rem";
416
- export const rhcAccordionButtonPaddingInlineStart = "1rem";
417
- export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
418
- export const rhcAccordionButtonExpandedColor = "#0F172A";
419
- export const rhcAccordionSectionBorderBlockEndWidth = "1px";
420
- export const rhcAccordionSectionBorderWidth = 0;
421
- export const rhcAccordionSectionBorderColor = "#94A3B8";
422
- export const rhcAccordionHeaderMargin = 0;
423
- export const rhcAccordionBorderRadius = "0px";
424
- export const rhcAccordionColor = "#0F172A";
425
- export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
426
- export const rhcKeepTopLeftBorderRadiusTopRight = 0;
427
- export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
428
- export const rhcKeepTopLeftBorderRadiusBottomLeft = 0;
429
- export const rhcKeepTopRightBorderRadiusTopRight = "48px";
430
- export const rhcKeepTopRightBorderRadiusTopLeft = 0;
431
- export const rhcKeepTopRightBorderRadiusBottomRight = 0;
432
- export const rhcKeepTopRightBorderRadiusBottomLeft = 0;
433
- export const rhcKeepBottomRightBorderRadiusTopLeft = 0;
434
- export const rhcKeepBottomRightBorderRadiusTopRight = 0;
435
- export const rhcKeepBottomRightBorderRadiusBottomRight = "48px";
436
- export const rhcKeepBottomRightBorderRadiusBottomLeft = 0;
437
- export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
438
- export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
439
- export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
440
- export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
441
- export const rhcBorderRadiusSm = "2.5px";
442
- export const rhcBorderRadiusMd = "5px";
443
- export const rhcBorderRadiusKeep = "48px";
444
- export const rhcBorderRadiusCircle = "999px";
445
- export const rhcBorderRadiusNone = "0px";
446
- export const rhcFocusOutlineOffset = "0.125rem";
447
- export const rhcFocusOutlineStyle = "solid";
448
- export const rhcFocusOutlineWidth = "2px";
449
- export const rhcFontSizeHeadingLevel1 = "3.125rem";
450
- export const rhcFontSizeHeadingLevel2 = "2.5rem";
451
- export const rhcFontSizeHeadingLevel3 = "1.875rem";
452
- export const rhcFontSizeHeadingLevel4 = "1.5rem";
453
- export const rhcFontSizeHeadingLevel5 = "1.25rem";
454
- export const rhcFontSizeParagraphIntro = "1.5rem";
455
- export const rhcFontSizeParagraphDefault = "1.25rem";
456
- export const rhcFontSizeParagraphSmall = "1.125rem";
457
- export const rhcFontSizeXsDesktop = "1.25rem";
458
- export const rhcFontSizeXsTablet = "1.125rem";
459
- export const rhcFontSizeXsMobile = "1rem";
460
- export const rhcFontSizeSmDesktop = "1.5rem";
461
- export const rhcFontSizeSmTablet = "1.35rem";
462
- export const rhcFontSizeSmMobile = "1.2rem";
463
- export const rhcFontSizeMdDesktop = "1.875rem";
464
- export const rhcFontSizeMdTablet = "1.688rem";
465
- export const rhcFontSizeMdMobile = "1.5rem";
466
- export const rhcFontSizeLgDesktop = "2.5rem";
467
- export const rhcFontSizeLgTablet = "2.25rem";
468
- export const rhcFontSizeLgMobile = "2rem";
469
- export const rhcFontSizeXlDesktop = "3.125rem";
470
- export const rhcFontSizeXlTablet = "2.813rem";
471
- export const rhcFontSizeXlMobile = "2.5rem";
472
- export const rhcLineHeightParagraph = "150%";
473
- export const rhcLineHeightSm = "125%";
474
- export const rhcLineHeightMd = "150%";
475
- export const rhcSizeTarget = "48px";
476
- export const rhcSizeIconFunctional = "24px";
477
- export const rhcSizeQuarterLint = "12px";
478
- export const rhcSizeHalfLint = "24px";
479
- export const rhcSizeLint = "48px";
480
- export const rhcSize2Lint = "96px";
481
- export const rhcSize3Lint = "1440px";
482
- export const rhcFontWeightExtraBold = 800;
483
- export const rhcFontWeightBold = 700;
484
- export const rhcFontWeightSemiBold = 550;
485
- export const rhcFontWeightRegular = 400;
486
- export const rhcFontWeightChosenRegular = 400;
487
- export const rhcFontWeightLight = 300;
488
- export const rhcFontWeightThin = 200;
489
- export const rhcFontFamilyPrimary = "Fira Sans, Arial, Verdana, sans-serif";
490
- export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
491
- export const rhcBorderWidthDefault = "1px";
492
- export const rhcBorderWidthM = "2px";
493
- export const rhcBorderWidthNone = "0px";
494
- export const rhcSpace0 = 0;
495
- export const rhcSpace25 = "0.125rem";
496
- export const rhcSpace50 = "0.25rem";
497
- export const rhcSpace100 = "0.5rem";
498
- export const rhcSpace150 = "0.75rem";
499
- export const rhcSpace200 = "1rem";
500
- export const rhcSpace300 = "1.5rem";
501
- export const rhcSpace400 = "2rem";
502
- export const rhcSpace500 = "2.5rem";
503
- export const rhcSpace600 = "3rem";
504
- export const rhcSpace700 = "3.5rem";
505
- export const utrechtPreHeadingColor = "#0F172A";
506
- export const utrechtPreHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
507
- export const utrechtPreHeadingFontWeight = 700;
508
- export const utrechtPreHeadingLineHeight = "125%";
509
- export const utrechtPreHeadingFontSize = "1rem";
510
- export const utrechtAccordionButtonFocusBackgroundColor = "#FDD370";
511
- export const utrechtAccordionButtonFocusBorderColor = "#154273";
512
- export const utrechtAccordionButtonFocusColor = "#0F172A";
513
- export const utrechtAccordionButtonGap = "0.5rem";
514
- export const utrechtAccordionButtonIconSize = "24px";
515
- export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
516
- export const utrechtAccordionButtonHoverBorderColor = "#94A3B8";
517
- export const utrechtAccordionButtonHoverColor = "#0F172A";
518
- export const utrechtAccordionButtonBackgroundColor = "#fff";
519
- export const utrechtAccordionButtonBorderColor = "#94A3B8";
520
- export const utrechtAccordionButtonBorderWidth = 0;
521
- export const utrechtAccordionButtonColor = "#0F172A";
522
- export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
523
- export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
524
- export const utrechtAccordionButtonActiveColor = "#0F172A";
525
- export const utrechtAccordionButtonActiveRowGap = 0;
526
- export const utrechtAccordionPanelBorderColor = "#94A3B8";
527
- export const utrechtAccordionPanelBorderWidth = 0;
528
- export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
529
- export const utrechtAccordionPanelPaddingBlockStart = "1rem";
530
- export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
531
- export const utrechtAccordionPanelPaddingInlineStart = "1rem";
532
- export const utrechtButtonPrimaryActionFocusBackgroundColor = "#FDD370";
533
- export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
534
- export const utrechtButtonPrimaryActionFocusColor = "#fff";
535
- export const utrechtButtonPrimaryActionHoverBackgroundColor = "#528e7c";
536
- export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
537
- export const utrechtButtonPrimaryActionHoverColor = "#fff";
538
- export const utrechtButtonPrimaryActionBackgroundColor = "#76d2b6";
539
- export const utrechtButtonPrimaryActionBorderColor = "transparent";
540
- export const utrechtButtonPrimaryActionColor = "#fff";
541
- export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#d6f2e9";
542
- export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
543
- export const utrechtButtonPrimaryActionDisabledColor = "#98DDC8";
544
- export const utrechtButtonPrimaryActionFontWeight = 700;
545
- export const utrechtButtonPrimaryActionActiveBackgroundColor = "#477e6d";
546
- export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
547
- export const utrechtButtonPrimaryActionActiveColor = "#fff";
548
- export const utrechtButtonPrimaryActionFontSize = "1.25rem";
549
- export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
550
- export const utrechtButtonPrimaryActionPressedBackgroundColor = "#477869";
551
- export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
552
- export const utrechtButtonPrimaryActionPressedColor = "#fff";
553
- export const utrechtButtonSecondaryActionFocusBackgroundColor = "#FDD370";
554
- export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
555
- export const utrechtButtonSecondaryActionFocusColor = "#528e7c";
556
- export const utrechtButtonSecondaryActionHoverBackgroundColor = "#eaf8f4";
557
- export const utrechtButtonSecondaryActionHoverBorderColor = "#528e7c";
558
- export const utrechtButtonSecondaryActionHoverColor = "#528e7c";
559
- export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
560
- export const utrechtButtonSecondaryActionBorderColor = "#76d2b6";
561
- export const utrechtButtonSecondaryActionColor = "#76d2b6";
562
- export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
563
- export const utrechtButtonSecondaryActionDisabledBorderColor = "#C1EBDE";
564
- export const utrechtButtonSecondaryActionDisabledColor = "#ACE4D3";
565
- export const utrechtButtonSecondaryActionFontWeight = 700;
566
- export const utrechtButtonSecondaryActionActiveBackgroundColor = "#C1EBDE";
567
- export const utrechtButtonSecondaryActionActiveBorderColor = "#477869";
568
- export const utrechtButtonSecondaryActionActiveColor = "#528e7c";
569
- export const utrechtButtonSecondaryActionFontSize = "1.25rem";
570
- export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
571
- export const utrechtButtonSecondaryActionPressedBackgroundColor = "#d6f2e9";
572
- export const utrechtButtonSecondaryActionPressedBorderColor = "#477869";
573
- export const utrechtButtonSecondaryActionPressedColor = "#477869";
574
- export const utrechtButtonSubtleFocusBackgroundColor = "#FDD370";
575
- export const utrechtButtonSubtleFocusBorderColor = "transparent";
576
- export const utrechtButtonSubtleFocusColor = "#528e7c";
577
- export const utrechtButtonSubtleFontSize = "1.25rem";
578
- export const utrechtButtonSubtleFontWeight = 700;
579
- export const utrechtButtonSubtleHoverBackgroundColor = "#eaf8f4";
580
- export const utrechtButtonSubtleHoverBorderColor = "transparent";
581
- export const utrechtButtonSubtleHoverColor = "#528e7c";
582
- export const utrechtButtonSubtleBackgroundColor = "transparent";
583
- export const utrechtButtonSubtleBorderColor = "transparent";
584
- export const utrechtButtonSubtleColor = "#76d2b6";
585
- export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
586
- export const utrechtButtonSubtleDisabledBorderColor = "transparent";
587
- export const utrechtButtonSubtleDisabledColor = "#d6f2e9";
588
- export const utrechtButtonSubtleActiveBackgroundColor = "#C1EBDE";
589
- export const utrechtButtonSubtleActiveBorderColor = "transparent";
590
- export const utrechtButtonSubtleActiveColor = "#477e6d";
591
- export const utrechtButtonSubtleLineHeight = "1.875rem";
592
- export const utrechtButtonSubtlePressedBackgroundColor = "#d6f2e9";
593
- export const utrechtButtonSubtlePressedBorderColor = "transparent";
594
- export const utrechtButtonSubtlePressedColor = "#477869";
595
- export const utrechtButtonBackgroundColor = "#0F172A";
596
- export const utrechtButtonBorderColor = "transparent";
597
- export const utrechtButtonColor = "#fff";
598
- export const utrechtButtonBorderRadius = "5px";
599
- export const utrechtButtonBorderWidth = "1px";
600
- export const utrechtButtonIconGap = "0.5rem";
601
- export const utrechtButtonIconSize = "24px";
602
- export const utrechtButtonFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
603
- export const utrechtButtonFontSize = "1.25rem";
604
- export const utrechtButtonFontWeight = 700;
605
- export const utrechtButtonLineHeight = "150%";
606
- export const utrechtButtonPaddingBlockEnd = "0.5rem";
607
- export const utrechtButtonPaddingBlockStart = "0.5rem";
608
- export const utrechtButtonPaddingInlineEnd = "1rem";
609
- export const utrechtButtonPaddingInlineStart = "1rem";
610
- export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
611
- export const utrechtButtonDisabledBorderColor = "transparent";
612
- export const utrechtButtonDisabledColor = "#94A3B8";
613
- export const utrechtButtonFocusBackgroundColor = "#475569";
614
- export const utrechtButtonFocusBorderColor = "transparent";
615
- export const utrechtButtonFocusColor = "#fff";
616
- export const utrechtButtonHoverBackgroundColor = "#475569";
617
- export const utrechtButtonHoverBorderColor = "transparent";
618
- export const utrechtButtonHoverColor = "#fff";
619
- export const utrechtButtonActiveBackgroundColor = "#1E293B";
620
- export const utrechtButtonActiveBorderColor = "transparent";
621
- export const utrechtButtonActiveColor = "#fff";
622
- export const utrechtButtonMinBlockSize = "48px";
623
- export const utrechtButtonMinInlineSize = "48px";
624
- export const utrechtButtonColumnGap = "0.5rem";
625
- export const utrechtButtonPressedBackgroundColor = "#1E293B";
626
- export const utrechtButtonPressedBorderColor = "transparent";
627
- export const utrechtButtonPressedColor = "#fff";
628
- export const utrechtCheckboxFocusBackgroundColor = "#FDD370";
629
- export const utrechtCheckboxFocusBorderColor = "#154273";
630
- export const utrechtCheckboxFocusBorderWidth = "2px";
631
- export const utrechtCheckboxCheckedFocusBackgroundColor = "#FDD370";
632
- export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
633
- export const utrechtCheckboxCheckedFocusBorderColor = "#154273";
634
- export const utrechtCheckboxCheckedFocusColor = "#154273";
635
- export const utrechtCheckboxCheckedBackgroundColor = "#154273";
636
- export const utrechtCheckboxCheckedBorderColor = "transparent";
637
- export const utrechtCheckboxCheckedColor = "#fff";
638
- export const utrechtCheckboxCheckedBorderWidth = "1px";
639
- export const utrechtCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
640
- export const utrechtCheckboxCheckedDisabledBorderColor = "#94A3B8";
641
- export const utrechtCheckboxCheckedDisabledColor = "#475569";
642
- export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
643
- export const utrechtCheckboxCheckedHoverBackgroundColor = "#738eab";
644
- export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
645
- export const utrechtCheckboxCheckedHoverColor = "#fff";
646
- export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
647
- export const utrechtCheckboxCheckedActiveBackgroundColor = "#4f7196";
648
- export const utrechtCheckboxCheckedActiveBorderColor = "transparent";
649
- export const utrechtCheckboxCheckedActiveColor = "#fff";
650
- export const utrechtCheckboxBorderRadius = "2.5px";
651
- export const utrechtCheckboxSize = "24px";
652
- export const utrechtCheckboxIconSize = "24px";
653
- export const utrechtCheckboxBackgroundColor = "#fff";
654
- export const utrechtCheckboxBorderColor = "#154273";
655
- export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
656
- export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
657
- export const utrechtCheckboxInvalidBorderWidth = "1px";
658
- export const utrechtCheckboxDisabledBackgroundColor = "#CBD5E1";
659
- export const utrechtCheckboxDisabledBorderColor = "#94A3B8";
660
- export const utrechtCheckboxIndeterminateBackgroundColor = "#154273";
661
- export const utrechtCheckboxIndeterminateBorderColor = "transparent";
662
- export const utrechtCheckboxIndeterminateColor = "#fff";
663
- export const utrechtCheckboxIndeterminateBorderWidth = "1px";
664
- export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
665
- export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
666
- export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
667
- export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#4f7196";
668
- export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
669
- export const utrechtCheckboxIndeterminateActiveColor = "#fff";
670
- export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
671
- export const utrechtCheckboxIndeterminateHoverBackgroundColor = "#738eab";
672
- export const utrechtCheckboxIndeterminateHoverBorderColor = "transparent";
673
- export const utrechtCheckboxIndeterminateHoverColor = "#fff";
674
- export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
675
- export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#fff";
676
- export const utrechtCheckboxIndeterminateFocusBorderColor = "#154273";
677
- export const utrechtCheckboxIndeterminateFocusColor = "#154273";
678
- export const utrechtCheckboxIndeterminateFocusBorderWidth = "2px";
679
- export const utrechtCheckboxBorderWidth = "1px";
680
- export const utrechtCheckboxHoverBorderWidth = "1px";
681
- export const utrechtCheckboxHoverBackgroundColor = "#fff";
682
- export const utrechtCheckboxHoverBorderColor = "#738eab";
683
- export const utrechtCheckboxActiveBorderWidth = "1px";
684
- export const utrechtCheckboxActiveBackgroundColor = "#fff";
685
- export const utrechtCheckboxActiveBorderColor = "#4f7196";
686
- export const utrechtRadioButtonFocusBackgroundColor = "#FDD370";
687
- export const utrechtRadioButtonFocusBorderColor = "#154273";
688
- export const utrechtRadioButtonFocusBorderWidth = "2px";
689
- export const utrechtRadioButtonCheckedFocusBackgroundColor = "#FDD370";
690
- export const utrechtRadioButtonCheckedFocusBorderColor = "#154273";
691
- export const utrechtRadioButtonCheckedFocusColor = "#154273";
692
- export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
693
- export const utrechtRadioButtonCheckedBackgroundColor = "#154273";
694
- export const utrechtRadioButtonCheckedBorderColor = "transparent";
695
- export const utrechtRadioButtonCheckedColor = "#fff";
696
- export const utrechtRadioButtonCheckedHoverBackgroundColor = "#738eab";
697
- export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
698
- export const utrechtRadioButtonCheckedHoverColor = "#fff";
699
- export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
700
- export const utrechtRadioButtonCheckedActiveBackgroundColor = "#4f7196";
701
- export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
702
- export const utrechtRadioButtonCheckedActiveColor = "#fff";
703
- export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
704
- export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
705
- export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
706
- export const utrechtRadioButtonCheckedDisabledColor = "#475569";
707
- export const utrechtRadioButtonCheckedBorderWidth = "1px";
708
- export const utrechtRadioButtonActiveBorderWidth = "1px";
709
- export const utrechtRadioButtonActiveBackgroundColor = "#fff";
710
- export const utrechtRadioButtonActiveBorderColor = "#4f7196";
711
- export const utrechtRadioButtonSize = "24px";
712
- export const utrechtRadioButtonDotSize = "12px";
713
- export const utrechtRadioButtonBackgroundColor = "#fff";
714
- export const utrechtRadioButtonBorderColor = "#154273";
715
- export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
716
- export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
717
- export const utrechtRadioButtonInvalidBorderWidth = "1px";
718
- export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
719
- export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
720
- export const utrechtRadioButtonDisabledColor = "#475569";
721
- export const utrechtRadioButtonHoverBackgroundColor = "#fff";
722
- export const utrechtRadioButtonHoverBorderColor = "#738eab";
723
- export const utrechtRadioButtonHoverBorderWidth = "1px";
724
- export const utrechtRadioButtonBorderRadius = "999px";
725
- export const utrechtRadioButtonBorderWidth = "1px";
726
- export const utrechtLinkFocusBackgroundColor = "#FDD370";
727
- export const utrechtLinkFocusColor = "#01689b";
728
- export const utrechtLinkFocusTextDecoration = "None";
729
- export const utrechtLinkFocusTextDecorationThickness = "auto";
730
- export const utrechtLinkColor = "#01689b";
731
- export const utrechtLinkTextDecorationColor = "#01689b";
732
- export const utrechtLinkActiveColor = "#42145f";
733
- export const utrechtLinkActiveTextDecoration = "None";
734
- export const utrechtLinkHoverColor = "#01496c";
735
- export const utrechtLinkHoverTextDecoration = "None";
736
- export const utrechtLinkHoverTextDecorationThickness = "auto";
737
- export const utrechtLinkVisitedColor = "#42145f";
738
- export const utrechtLinkTextDecoration = "underline";
739
- export const utrechtLinkIconInsetBlockStart = "0.25rem";
740
- export const utrechtLinkIconSize = "24px";
741
- export const utrechtLinkColumnGap = "0.25rem";
742
- export const utrechtLinkTextDecorationThickness = "auto";
743
- export const utrechtLinkTextUnderlineOffset = "0.125rem";
744
- export const utrechtLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
745
- export const utrechtLinkFontWeight = 400;
746
- export const utrechtLinkFontSize = "1.25rem";
747
- export const utrechtLinkLineHeight = "150%";
748
- export const utrechtSelectFocusBackgroundColor = "#FDD370";
749
- export const utrechtSelectFocusBorderColor = "#154273";
750
- export const utrechtSelectFocusColor = "#0F172A";
751
- export const utrechtSelectFocusBorderWidth = "2px";
752
- export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
753
- export const utrechtSelectIconSize = "24px";
754
- export const utrechtSelectBackgroundColor = "#fff";
755
- export const utrechtSelectBorderColor = "#154273";
756
- export const utrechtSelectColor = "#0F172A";
757
- export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
758
- export const utrechtSelectInvalidBorderColor = "#d52b1e";
759
- export const utrechtSelectInvalidColor = "#0F172A";
760
- export const utrechtSelectInvalidBorderWidth = "1px";
761
- export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
762
- export const utrechtSelectDisabledBorderColor = "#94A3B8";
763
- export const utrechtSelectDisabledColor = "#475569";
764
- export const utrechtSelectHoverBackgroundColor = "#fff";
765
- export const utrechtSelectHoverBorderColor = "#738eab";
766
- export const utrechtSelectHoverColor = "#0F172A";
767
- export const utrechtSelectHoverBorderWidth = "1px";
768
- export const utrechtSelectPaddingBlockEnd = "0.5rem";
769
- export const utrechtSelectPaddingBlockStart = "0.5rem";
770
- export const utrechtSelectPaddingInlineEnd = "0.75rem";
771
- export const utrechtSelectPaddingInlineStart = "0.75rem";
772
- export const utrechtSelectBorderRadius = "2.5px";
773
- export const utrechtSelectBorderBottomWidth = "auto";
774
- export const utrechtSelectBorderWidth = "1px";
775
- export const utrechtSelectFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
776
- export const utrechtSelectFontWeight = 400;
777
- export const utrechtSelectLineHeight = "150%";
778
- export const utrechtSelectFontSize = "1.25rem";
779
- export const utrechtSelectMaxInlineSize = "400px";
780
- export const utrechtTextareaFocusBackgroundColor = "#FDD370";
781
- export const utrechtTextareaFocusBorderColor = "#154273";
782
- export const utrechtTextareaFocusColor = "#0F172A";
783
- export const utrechtTextareaFocusBorderWidth = "2px";
784
- export const utrechtTextareaMaxInlineSize = "400px";
785
- export const utrechtTextareaPaddingBlockEnd = "0.5rem";
786
- export const utrechtTextareaPaddingBlockStart = "0.5rem";
787
- export const utrechtTextareaPaddingInlineEnd = "0.75rem";
788
- export const utrechtTextareaPaddingInlineStart = "0.75rem";
789
- export const utrechtTextareaBackgroundColor = "#fff";
790
- export const utrechtTextareaBorderColor = "#154273";
791
- export const utrechtTextareaColor = "#0F172A";
792
- export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
793
- export const utrechtTextareaInvalidBorderColor = "#d52b1e";
794
- export const utrechtTextareaInvalidColor = "#0F172A";
795
- export const utrechtTextareaInvalidBorderWidth = "1px";
796
- export const utrechtTextareaPlaceholderColor = "#64748B";
797
- export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
798
- export const utrechtTextareaDisabledBorderColor = "#94A3B8";
799
- export const utrechtTextareaDisabledColor = "#475569";
800
- export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
801
- export const utrechtTextareaReadOnlyBorderColor = "transparent";
802
- export const utrechtTextareaReadOnlyColor = "#0F172A";
803
- export const utrechtTextareaHoverBackgroundColor = "#fff";
804
- export const utrechtTextareaHoverBorderColor = "#738eab";
805
- export const utrechtTextareaHoverColor = "#0F172A";
806
- export const utrechtTextareaHoverBorderWidth = "1px";
807
- export const utrechtTextareaBorderRadius = "2.5px";
808
- export const utrechtTextareaBorderBottomWidth = "1px";
809
- export const utrechtTextareaBorderWidth = "1px";
810
- export const utrechtTextareaFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
811
- export const utrechtTextareaFontWeight = 400;
812
- export const utrechtTextareaLineHeight = "150%";
813
- export const utrechtTextareaFontSize = "1.25rem";
814
- export const utrechtTextboxFocusBackgroundColor = "#FDD370";
815
- export const utrechtTextboxFocusBorderWidth = "2px";
816
- export const utrechtTextboxFocusBorderColor = "#154273";
817
- export const utrechtTextboxFocusColor = "#0F172A";
6
+ export const utrechtColumnLayoutColumnRuleColor = "transparent";
7
+ export const utrechtColumnLayoutColumnRuleWidth = "0px";
8
+ export const utrechtColumnLayoutColumnWidth = "400px";
9
+ export const utrechtColumnLayoutGap = "0.75rem";
10
+ export const utrechtBlockquoteBackgroundColor = "transparent";
11
+ export const utrechtBlockquoteBorderInlineStartWidth = 0;
12
+ export const utrechtBlockquoteBorderColor = "transparent";
13
+ export const utrechtBlockquoteBorderRadius = 0;
14
+ export const utrechtBlockquoteBorderWidth = 0;
15
+ export const utrechtBlockquoteColor = "#154273";
16
+ export const utrechtBlockquoteFontSize = "1.25rem";
17
+ export const utrechtBlockquoteFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
18
+ export const utrechtBlockquotePaddingBlockEnd = "2rem";
19
+ export const utrechtBlockquotePaddingBlockStart = "2rem";
20
+ export const utrechtBlockquotePaddingInlineEnd = "2rem";
21
+ export const utrechtBlockquotePaddingInlineStart = "2rem";
22
+ export const utrechtBlockquoteRowGap = "0.75rem";
23
+ export const utrechtBlockquoteAttributionColor = "#154273";
24
+ export const utrechtBlockquoteAttributionFontSize = "1.25rem";
25
+ export const utrechtBlockquoteContentColor = "#154273";
26
+ export const utrechtBlockquoteContentFontSize = "1.25rem";
27
+ export const utrechtBlockquoteContentFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
28
+ export const utrechtBlockquoteContentLineHeight = "150%";
29
+ export const utrechtBlockquoteContentFontWeight = 400;
30
+ export const utrechtBlockquoteCaptionFontSize = "1.25rem";
31
+ export const utrechtBlockquoteCaptionFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
32
+ export const utrechtBlockquoteCaptionLineHeight = "150%";
33
+ export const utrechtBlockquoteCaptionFontWeight = 400;
34
+ export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
35
+ export const utrechtBlockquoteCaptionColor = "#154273";
36
+ export const utrechtBlockquoteMarginBlockEnd = 0;
37
+ export const utrechtBlockquoteMarginBlockStart = 0;
38
+ export const utrechtBlockquoteMarginInlineEnd = 0;
39
+ export const utrechtBlockquoteMarginInlineStart = 0;
40
+ export const utrechtBlockquoteBorderBlockStartWidth = 0;
41
+ export const utrechtBlockquoteBorderBlockEndWidth = 0;
42
+ export const utrechtBlockquoteBorderInlineEndWidth = 0;
43
+ export const utrechtBlockquoteBorderStartStartRadius = 0;
44
+ export const utrechtBlockquoteBorderStartEndRadius = 0;
45
+ export const utrechtBlockquoteBorderEndStartRadius = 0;
46
+ export const utrechtBlockquoteBorderEndEndRadius = 0;
47
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#76d2b6";
48
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
49
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
50
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
51
+ export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
52
+ export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
53
+ export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
54
+ export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
55
+ export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
56
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
57
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
58
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
59
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
60
+ export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
61
+ export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
62
+ export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
63
+ export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
64
+ export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
65
+ export const utrechtIconColor = "inherit";
66
+ export const utrechtIconSize = "24px";
67
+ export const utrechtIconInsetBlockStart = 0;
68
+ export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
69
+ export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
70
+ export const utrechtUnorderedListMarginBlockStart = "0.25rem";
71
+ export const utrechtUnorderedListColor = "#0F172A";
72
+ export const utrechtUnorderedListFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
73
+ export const utrechtUnorderedListFontWeight = 400;
74
+ export const utrechtUnorderedListFontSize = "1.25rem";
75
+ export const utrechtUnorderedListLineHeight = "150%";
76
+ export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
77
+ export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
78
+ export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
79
+ export const utrechtUnorderedListMarkerColor = "#0F172A";
80
+ export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
818
81
  export const utrechtTextboxBorderRadius = "2.5px";
819
- export const utrechtTextboxFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
82
+ export const utrechtTextboxFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
820
83
  export const utrechtTextboxFontSize = "1.25rem";
821
84
  export const utrechtTextboxFontWeight = 400;
822
85
  export const utrechtTextboxLineHeight = "150%";
@@ -826,7 +89,7 @@ export const utrechtTextboxPaddingBlockStart = "0.5rem";
826
89
  export const utrechtTextboxPaddingInlineEnd = "0.75rem";
827
90
  export const utrechtTextboxPaddingInlineStart = "0.75rem";
828
91
  export const utrechtTextboxBackgroundColor = "#fff";
829
- export const utrechtTextboxBorderColor = "#154273";
92
+ export const utrechtTextboxBorderColor = "#76d2b6";
830
93
  export const utrechtTextboxColor = "#0F172A";
831
94
  export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
832
95
  export const utrechtTextboxInvalidBorderColor = "#d52b1e";
@@ -835,6 +98,10 @@ export const utrechtTextboxInvalidBorderWidth = "1px";
835
98
  export const utrechtTextboxPlaceholderColor = "#64748B";
836
99
  export const utrechtTextboxBorderBlockEndWidth = "auto";
837
100
  export const utrechtTextboxBorderWidth = "1px";
101
+ export const utrechtTextboxFocusBorderWidth = "2px";
102
+ export const utrechtTextboxFocusBackgroundColor = "#fff";
103
+ export const utrechtTextboxFocusBorderColor = "#76d2b6";
104
+ export const utrechtTextboxFocusColor = "#0F172A";
838
105
  export const utrechtTextboxDisabledBackgroundColor = "#CBD5E1";
839
106
  export const utrechtTextboxDisabledBorderColor = "#94A3B8";
840
107
  export const utrechtTextboxDisabledColor = "#475569";
@@ -843,62 +110,51 @@ export const utrechtTextboxReadOnlyBorderColor = "transparent";
843
110
  export const utrechtTextboxReadOnlyColor = "#0F172A";
844
111
  export const utrechtTextboxHoverBorderWidth = "1px";
845
112
  export const utrechtTextboxHoverBackgroundColor = "#fff";
846
- export const utrechtTextboxHoverBorderColor = "#738eab";
113
+ export const utrechtTextboxHoverBorderColor = "#ACE4D3";
847
114
  export const utrechtTextboxHoverColor = "#0F172A";
848
- export const utrechtCounterBadgeBackgroundColor = "#FDD370";
849
- export const utrechtSkipLinkFocusBackgroundColor = "#FDD370";
850
- export const utrechtSkipLinkFocusBorderColor = "#154273";
851
- export const utrechtSkipLinkFocusBorderStyle = "solid";
852
- export const utrechtSkipLinkFocusBorderWidth = "2px";
853
- export const utrechtSkipLinkFocusColor = "#0F172A";
854
- export const utrechtSkipLinkFocusTextDecoration = "None";
855
- export const utrechtSkipLinkFontWeight = 700;
856
- export const utrechtSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
857
- export const utrechtSkipLinkFontSize = "1.25rem";
858
- export const utrechtSkipLinkLineHeight = "150%";
859
- export const utrechtSkipLinkMinBlockSize = "48px";
860
- export const utrechtSkipLinkMinInlineSize = "48px";
861
- export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
862
- export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
863
- export const utrechtSkipLinkPaddingInlineEnd = "1rem";
864
- export const utrechtSkipLinkPaddingInlineStart = "1rem";
865
- export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
866
- export const utrechtSkipLinkBackgroundColor = "#154273";
867
- export const utrechtSkipLinkBorderColor = "transparent";
868
- export const utrechtSkipLinkColor = "#fff";
869
- export const utrechtSkipLinkBorderWidth = "2px";
870
- export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
871
- export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
872
- export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
873
- export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
874
- export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
875
- export const utrechtSkipLinkTextDecoration = "underline";
876
- export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
877
- export const utrechtIconColor = "inherit";
878
- export const utrechtIconSize = "24px";
879
- export const utrechtIconInsetBlockStart = 0;
880
- export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
881
- export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
882
- export const utrechtUnorderedListMarginBlockStart = "0.25rem";
883
- export const utrechtUnorderedListColor = "#0F172A";
884
- export const utrechtUnorderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
885
- export const utrechtUnorderedListFontWeight = 400;
886
- export const utrechtUnorderedListFontSize = "1.25rem";
887
- export const utrechtUnorderedListLineHeight = "150%";
888
- export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
889
- export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
890
- export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
891
- export const utrechtUnorderedListMarkerColor = "#0F172A";
892
- export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
115
+ export const utrechtTextareaMaxInlineSize = "400px";
116
+ export const utrechtTextareaPaddingBlockEnd = "0.5rem";
117
+ export const utrechtTextareaPaddingBlockStart = "0.5rem";
118
+ export const utrechtTextareaPaddingInlineEnd = "0.75rem";
119
+ export const utrechtTextareaPaddingInlineStart = "0.75rem";
120
+ export const utrechtTextareaBackgroundColor = "#fff";
121
+ export const utrechtTextareaBorderColor = "#76d2b6";
122
+ export const utrechtTextareaColor = "#0F172A";
123
+ export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
124
+ export const utrechtTextareaInvalidBorderColor = "#d52b1e";
125
+ export const utrechtTextareaInvalidColor = "#0F172A";
126
+ export const utrechtTextareaInvalidBorderWidth = "1px";
127
+ export const utrechtTextareaPlaceholderColor = "#64748B";
128
+ export const utrechtTextareaFocusBackgroundColor = "#fff";
129
+ export const utrechtTextareaFocusBorderColor = "#76d2b6";
130
+ export const utrechtTextareaFocusColor = "#0F172A";
131
+ export const utrechtTextareaFocusBorderWidth = "2px";
132
+ export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
133
+ export const utrechtTextareaDisabledBorderColor = "#94A3B8";
134
+ export const utrechtTextareaDisabledColor = "#475569";
135
+ export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
136
+ export const utrechtTextareaReadOnlyBorderColor = "transparent";
137
+ export const utrechtTextareaReadOnlyColor = "#0F172A";
138
+ export const utrechtTextareaHoverBackgroundColor = "#fff";
139
+ export const utrechtTextareaHoverBorderColor = "#ACE4D3";
140
+ export const utrechtTextareaHoverColor = "#0F172A";
141
+ export const utrechtTextareaHoverBorderWidth = "1px";
142
+ export const utrechtTextareaBorderRadius = "2.5px";
143
+ export const utrechtTextareaBorderBottomWidth = "1px";
144
+ export const utrechtTextareaBorderWidth = "1px";
145
+ export const utrechtTextareaFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
146
+ export const utrechtTextareaFontWeight = 400;
147
+ export const utrechtTextareaLineHeight = "150%";
148
+ export const utrechtTextareaFontSize = "1.25rem";
893
149
  export const utrechtTableHeaderCellLineHeight = "150%";
894
150
  export const utrechtTableHeaderCellColor = "#0F172A";
895
- export const utrechtTableHeaderCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
151
+ export const utrechtTableHeaderCellFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
896
152
  export const utrechtTableHeaderCellFontWeight = 700;
897
153
  export const utrechtTableHeaderCellFontSize = "1.25rem";
898
154
  export const utrechtTableCaptionLineHeight = "125%";
899
155
  export const utrechtTableCaptionMarginBlockEnd = "1.5rem";
900
156
  export const utrechtTableCaptionColor = "#0F172A";
901
- export const utrechtTableCaptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
157
+ export const utrechtTableCaptionFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
902
158
  export const utrechtTableCaptionFontWeight = 700;
903
159
  export const utrechtTableCaptionFontSize = "1.875rem";
904
160
  export const utrechtTableCellPaddingBlockEnd = "0.75rem";
@@ -907,7 +163,7 @@ export const utrechtTableCellPaddingInlineEnd = "1rem";
907
163
  export const utrechtTableCellPaddingInlineStart = "1rem";
908
164
  export const utrechtTableCellLineHeight = "150%";
909
165
  export const utrechtTableDataCellColor = "#0F172A";
910
- export const utrechtTableDataCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
166
+ export const utrechtTableDataCellFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
911
167
  export const utrechtTableDataCellFontWeight = 400;
912
168
  export const utrechtTableDataCellLineHeight = "150%";
913
169
  export const utrechtTableDataCellFontSize = "1.25rem";
@@ -923,7 +179,7 @@ export const utrechtTableRowBackgroundColor = "transparent";
923
179
  export const utrechtTableFooterCellFontWeight = 700;
924
180
  export const utrechtTableFooterCellFontSize = "1.25rem";
925
181
  export const utrechtTableFooterCellColor = "#0F172A";
926
- export const utrechtTableFooterCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
182
+ export const utrechtTableFooterCellFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
927
183
  export const utrechtTableFooterCellLineHeight = "150%";
928
184
  export const utrechtTableContainerBoxInlineEndShadowX = 0;
929
185
  export const utrechtTableContainerBoxInlineEndShadowY = "16px";
@@ -936,12 +192,117 @@ export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
936
192
  export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
937
193
  export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
938
194
  export const utrechtTableFontSize = "1.25rem";
195
+ export const utrechtSkipLinkFontWeight = 700;
196
+ export const utrechtSkipLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
197
+ export const utrechtSkipLinkFontSize = "1.25rem";
198
+ export const utrechtSkipLinkLineHeight = "150%";
199
+ export const utrechtSkipLinkMinBlockSize = "48px";
200
+ export const utrechtSkipLinkMinInlineSize = "48px";
201
+ export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
202
+ export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
203
+ export const utrechtSkipLinkPaddingInlineEnd = "1rem";
204
+ export const utrechtSkipLinkPaddingInlineStart = "1rem";
205
+ export const utrechtSkipLinkFocusBackgroundColor = "#fff";
206
+ export const utrechtSkipLinkFocusBorderColor = "#76d2b6";
207
+ export const utrechtSkipLinkFocusBorderStyle = "solid";
208
+ export const utrechtSkipLinkFocusBorderWidth = "2px";
209
+ export const utrechtSkipLinkFocusColor = "#0F172A";
210
+ export const utrechtSkipLinkFocusTextDecoration = "None";
211
+ export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
212
+ export const utrechtSkipLinkBackgroundColor = "#76d2b6";
213
+ export const utrechtSkipLinkBorderColor = "transparent";
214
+ export const utrechtSkipLinkColor = "#fff";
215
+ export const utrechtSkipLinkBorderWidth = "2px";
216
+ export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
217
+ export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
218
+ export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
219
+ export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
220
+ export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
221
+ export const utrechtSkipLinkTextDecoration = "underline";
222
+ export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
939
223
  export const utrechtSeparatorColor = "#CBD5E1";
940
224
  export const utrechtSeparatorBlockSize = "2px";
941
225
  export const utrechtSeparatorMarginBlockEnd = "0.75rem";
942
226
  export const utrechtSeparatorMarginBlockStart = "0.75rem";
227
+ export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
228
+ export const utrechtSelectIconSize = "24px";
229
+ export const utrechtSelectBackgroundColor = "#fff";
230
+ export const utrechtSelectBorderColor = "#76d2b6";
231
+ export const utrechtSelectColor = "#0F172A";
232
+ export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
233
+ export const utrechtSelectInvalidBorderColor = "#d52b1e";
234
+ export const utrechtSelectInvalidColor = "#0F172A";
235
+ export const utrechtSelectInvalidBorderWidth = "1px";
236
+ export const utrechtSelectFocusBackgroundColor = "#fff";
237
+ export const utrechtSelectFocusBorderColor = "#76d2b6";
238
+ export const utrechtSelectFocusColor = "#0F172A";
239
+ export const utrechtSelectFocusBorderWidth = "2px";
240
+ export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
241
+ export const utrechtSelectDisabledBorderColor = "#94A3B8";
242
+ export const utrechtSelectDisabledColor = "#475569";
243
+ export const utrechtSelectHoverBackgroundColor = "#fff";
244
+ export const utrechtSelectHoverBorderColor = "#ACE4D3";
245
+ export const utrechtSelectHoverColor = "#0F172A";
246
+ export const utrechtSelectHoverBorderWidth = "1px";
247
+ export const utrechtSelectPaddingBlockEnd = "0.5rem";
248
+ export const utrechtSelectPaddingBlockStart = "0.5rem";
249
+ export const utrechtSelectPaddingInlineEnd = "0.75rem";
250
+ export const utrechtSelectPaddingInlineStart = "0.75rem";
251
+ export const utrechtSelectBorderRadius = "2.5px";
252
+ export const utrechtSelectBorderBottomWidth = "auto";
253
+ export const utrechtSelectBorderWidth = "1px";
254
+ export const utrechtSelectFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
255
+ export const utrechtSelectFontWeight = 400;
256
+ export const utrechtSelectLineHeight = "150%";
257
+ export const utrechtSelectFontSize = "1.25rem";
258
+ export const utrechtSelectMaxInlineSize = "400px";
259
+ export const utrechtRadioButtonActiveBorderWidth = "1px";
260
+ export const utrechtRadioButtonActiveBackgroundColor = "#fff";
261
+ export const utrechtRadioButtonActiveBorderColor = "#98DDC8";
262
+ export const utrechtRadioButtonSize = "24px";
263
+ export const utrechtRadioButtonDotSize = "12px";
264
+ export const utrechtRadioButtonBackgroundColor = "#fff";
265
+ export const utrechtRadioButtonBorderColor = "#76d2b6";
266
+ export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
267
+ export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
268
+ export const utrechtRadioButtonInvalidBorderWidth = "1px";
269
+ export const utrechtRadioButtonFocusBackgroundColor = "#fff";
270
+ export const utrechtRadioButtonFocusBorderColor = "#76d2b6";
271
+ export const utrechtRadioButtonFocusBorderWidth = "2px";
272
+ export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
273
+ export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
274
+ export const utrechtRadioButtonDisabledColor = "#475569";
275
+ export const utrechtRadioButtonCheckedBackgroundColor = "#76d2b6";
276
+ export const utrechtRadioButtonCheckedBorderColor = "transparent";
277
+ export const utrechtRadioButtonCheckedColor = "#fff";
278
+ export const utrechtRadioButtonCheckedHoverBackgroundColor = "#ACE4D3";
279
+ export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
280
+ export const utrechtRadioButtonCheckedHoverColor = "#fff";
281
+ export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
282
+ export const utrechtRadioButtonCheckedActiveBackgroundColor = "#98DDC8";
283
+ export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
284
+ export const utrechtRadioButtonCheckedActiveColor = "#fff";
285
+ export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
286
+ export const utrechtRadioButtonCheckedFocusBackgroundColor = "#fff";
287
+ export const utrechtRadioButtonCheckedFocusBorderColor = "#76d2b6";
288
+ export const utrechtRadioButtonCheckedFocusColor = "#76d2b6";
289
+ export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
290
+ export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
291
+ export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
292
+ export const utrechtRadioButtonCheckedDisabledColor = "#475569";
293
+ export const utrechtRadioButtonCheckedBorderWidth = "1px";
294
+ export const utrechtRadioButtonHoverBackgroundColor = "#fff";
295
+ export const utrechtRadioButtonHoverBorderColor = "#ACE4D3";
296
+ export const utrechtRadioButtonHoverBorderWidth = "1px";
297
+ export const utrechtRadioButtonBorderRadius = "999px";
298
+ export const utrechtRadioButtonBorderWidth = "1px";
299
+ export const utrechtPreHeadingColor = "#0F172A";
300
+ export const utrechtPreHeadingFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
301
+ export const utrechtPreHeadingFontWeight = 700;
302
+ export const utrechtPreHeadingLineHeight = "125%";
303
+ export const utrechtPreHeadingFontSize = "1rem";
943
304
  export const utrechtParagraphColor = "#0F172A";
944
- export const utrechtParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
305
+ export const utrechtParagraphFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
945
306
  export const utrechtParagraphFontSize = "1.25rem";
946
307
  export const utrechtParagraphFontWeight = 400;
947
308
  export const utrechtParagraphLineHeight = "150%";
@@ -959,7 +320,7 @@ export const utrechtOrderedListItemPaddingInlineStart = 0;
959
320
  export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
960
321
  export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
961
322
  export const utrechtOrderedListColor = "#0F172A";
962
- export const utrechtOrderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
323
+ export const utrechtOrderedListFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
963
324
  export const utrechtOrderedListFontWeight = 400;
964
325
  export const utrechtOrderedListFontSize = "1.25rem";
965
326
  export const utrechtOrderedListLineHeight = "150%";
@@ -970,36 +331,58 @@ export const utrechtLinkListItemColumnGap = "0.5rem";
970
331
  export const utrechtLinkListItemTextDecoration = "None";
971
332
  export const utrechtLinkListIconSize = "24px";
972
333
  export const utrechtLinkListIconInsetBlockStart = "0.188rem";
973
- export const utrechtHeading1Color = "#154273";
974
- export const utrechtHeading1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
334
+ export const utrechtLinkColor = "#01689b";
335
+ export const utrechtLinkTextDecorationColor = "#01689b";
336
+ export const utrechtLinkActiveColor = "#42145f";
337
+ export const utrechtLinkActiveTextDecoration = "None";
338
+ export const utrechtLinkFocusBackgroundColor = "transparent";
339
+ export const utrechtLinkFocusColor = "#01689b";
340
+ export const utrechtLinkFocusTextDecoration = "None";
341
+ export const utrechtLinkFocusTextDecorationThickness = "auto";
342
+ export const utrechtLinkHoverColor = "#01496c";
343
+ export const utrechtLinkHoverTextDecoration = "None";
344
+ export const utrechtLinkHoverTextDecorationThickness = "auto";
345
+ export const utrechtLinkVisitedColor = "#42145f";
346
+ export const utrechtLinkTextDecoration = "underline";
347
+ export const utrechtLinkIconInsetBlockStart = "0.25rem";
348
+ export const utrechtLinkIconSize = "24px";
349
+ export const utrechtLinkColumnGap = "0.25rem";
350
+ export const utrechtLinkTextDecorationThickness = "auto";
351
+ export const utrechtLinkTextUnderlineOffset = "0.125rem";
352
+ export const utrechtLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
353
+ export const utrechtLinkFontWeight = 400;
354
+ export const utrechtLinkFontSize = "1.25rem";
355
+ export const utrechtLinkLineHeight = "150%";
356
+ export const utrechtHeading1Color = "#76d2b6";
357
+ export const utrechtHeading1FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
975
358
  export const utrechtHeading1FontWeight = 700;
976
359
  export const utrechtHeading1LineHeight = "125%";
977
360
  export const utrechtHeading1FontSize = "3.125rem";
978
361
  export const utrechtHeading1MarginBlockEnd = 0;
979
362
  export const utrechtHeading1MarginBlockStart = 0;
980
- export const utrechtHeading2Color = "#154273";
981
- export const utrechtHeading2FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
363
+ export const utrechtHeading2Color = "#76d2b6";
364
+ export const utrechtHeading2FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
982
365
  export const utrechtHeading2FontWeight = 700;
983
366
  export const utrechtHeading2LineHeight = "125%";
984
367
  export const utrechtHeading2FontSize = "2.5rem";
985
368
  export const utrechtHeading2MarginBlockEnd = 0;
986
369
  export const utrechtHeading2MarginBlockStart = 0;
987
- export const utrechtHeading3Color = "#154273";
988
- export const utrechtHeading3FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
370
+ export const utrechtHeading3Color = "#76d2b6";
371
+ export const utrechtHeading3FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
989
372
  export const utrechtHeading3FontWeight = 700;
990
373
  export const utrechtHeading3LineHeight = "125%";
991
374
  export const utrechtHeading3FontSize = "1.875rem";
992
375
  export const utrechtHeading3MarginBlockEnd = 0;
993
376
  export const utrechtHeading3MarginBlockStart = 0;
994
- export const utrechtHeading4Color = "#154273";
995
- export const utrechtHeading4FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
377
+ export const utrechtHeading4Color = "#76d2b6";
378
+ export const utrechtHeading4FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
996
379
  export const utrechtHeading4FontWeight = 700;
997
380
  export const utrechtHeading4LineHeight = "125%";
998
381
  export const utrechtHeading4FontSize = "1.5rem";
999
382
  export const utrechtHeading4MarginBlockEnd = 0;
1000
383
  export const utrechtHeading4MarginBlockStart = 0;
1001
- export const utrechtHeading5Color = "#154273";
1002
- export const utrechtHeading5FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
384
+ export const utrechtHeading5Color = "#76d2b6";
385
+ export const utrechtHeading5FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1003
386
  export const utrechtHeading5FontWeight = 700;
1004
387
  export const utrechtHeading5LineHeight = "125%";
1005
388
  export const utrechtHeading5FontSize = "1.25rem";
@@ -1009,20 +392,20 @@ export const utrechtFormLabelColor = "#0F172A";
1009
392
  export const utrechtFormLabelFontSize = "1.25rem";
1010
393
  export const utrechtFormLabelFontWeight = 700;
1011
394
  export const utrechtFormFieldLabelColor = "#0F172A";
1012
- export const utrechtFormFieldLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
395
+ export const utrechtFormFieldLabelFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1013
396
  export const utrechtFormFieldLabelFontSize = "1.25rem";
1014
397
  export const utrechtFormFieldLabelFontWeight = 700;
1015
398
  export const utrechtFormFieldLabelLineHeight = "150%";
1016
399
  export const utrechtFormFieldErrorMessageIconSize = "24px";
1017
400
  export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
1018
401
  export const utrechtFormFieldErrorMessageColor = "#d52b1e";
1019
- export const utrechtFormFieldErrorMessageFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
402
+ export const utrechtFormFieldErrorMessageFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1020
403
  export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
1021
404
  export const utrechtFormFieldErrorMessageFontWeight = 400;
1022
405
  export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem";
1023
406
  export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
1024
407
  export const utrechtFormFieldDescriptionColor = "#334155";
1025
- export const utrechtFormFieldDescriptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
408
+ export const utrechtFormFieldDescriptionFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1026
409
  export const utrechtFormFieldDescriptionFontSize = "1.25rem";
1027
410
  export const utrechtFormFieldDescriptionLineHeight = "150%";
1028
411
  export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
@@ -1035,7 +418,7 @@ export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
1035
418
  export const utrechtFormFieldInvalidPaddingInlineStart = 0;
1036
419
  export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
1037
420
  export const utrechtFormFieldErrorMessageLineHeight = "normal";
1038
- export const utrechtPageFooterBackgroundColor = "#154273";
421
+ export const utrechtPageFooterBackgroundColor = "#76d2b6";
1039
422
  export const utrechtPageFooterColor = "#fff";
1040
423
  export const utrechtPageFooterPaddingBlockStart = "3rem";
1041
424
  export const utrechtPageFooterPaddingBlockEnd = "3rem";
@@ -1054,7 +437,7 @@ export const utrechtFigureImgBorderEndStartRadius = 0;
1054
437
  export const utrechtFigureImgBorderStartEndRadius = 0;
1055
438
  export const utrechtFigureImgBorderStartStartRadius = 0;
1056
439
  export const utrechtFormFieldsetLegendColor = "#0F172A";
1057
- export const utrechtFormFieldsetLegendFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
440
+ export const utrechtFormFieldsetLegendFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1058
441
  export const utrechtFormFieldsetLegendFontSize = "1.25rem";
1059
442
  export const utrechtFormFieldsetLegendFontWeight = 700;
1060
443
  export const utrechtFormFieldsetLegendLineHeight = "150%";
@@ -1071,12 +454,70 @@ export const utrechtNumberBadgeMinInlineSize = "24px";
1071
454
  export const utrechtNumberBadgeFontWeight = 700;
1072
455
  export const utrechtNumberBadgeBorderWidth = "0px";
1073
456
  export const utrechtNumberBadgeBorderRadius = "999px";
1074
- export const utrechtNumberBadgeFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1075
- export const utrechtNumberBadgeBackgroundColor = "#154273";
457
+ export const utrechtNumberBadgeFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
458
+ export const utrechtNumberBadgeBackgroundColor = "#76d2b6";
1076
459
  export const utrechtNumberBadgeBorderColor = "transparent";
1077
460
  export const utrechtNumberBadgeColor = "#fff";
1078
461
  export const utrechtNumberBadgePaddingInline = "0.5rem";
1079
462
  export const utrechtNumberBadgePaddingBlock = "0.5rem";
463
+ export const utrechtCheckboxBorderRadius = "2.5px";
464
+ export const utrechtCheckboxSize = "24px";
465
+ export const utrechtCheckboxIconSize = "24px";
466
+ export const utrechtCheckboxBackgroundColor = "#fff";
467
+ export const utrechtCheckboxBorderColor = "#76d2b6";
468
+ export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
469
+ export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
470
+ export const utrechtCheckboxInvalidBorderWidth = "1px";
471
+ export const utrechtCheckboxFocusBackgroundColor = "#fff";
472
+ export const utrechtCheckboxFocusBorderColor = "#76d2b6";
473
+ export const utrechtCheckboxFocusBorderWidth = "2px";
474
+ export const utrechtCheckboxDisabledBackgroundColor = "#CBD5E1";
475
+ export const utrechtCheckboxDisabledBorderColor = "#94A3B8";
476
+ export const utrechtCheckboxCheckedBackgroundColor = "#76d2b6";
477
+ export const utrechtCheckboxCheckedBorderColor = "transparent";
478
+ export const utrechtCheckboxCheckedColor = "#fff";
479
+ export const utrechtCheckboxCheckedBorderWidth = "1px";
480
+ export const utrechtCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
481
+ export const utrechtCheckboxCheckedDisabledBorderColor = "#94A3B8";
482
+ export const utrechtCheckboxCheckedDisabledColor = "#475569";
483
+ export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
484
+ export const utrechtCheckboxCheckedFocusBackgroundColor = "#fff";
485
+ export const utrechtCheckboxCheckedFocusBorderColor = "#76d2b6";
486
+ export const utrechtCheckboxCheckedFocusColor = "#76d2b6";
487
+ export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
488
+ export const utrechtCheckboxCheckedHoverBackgroundColor = "#ACE4D3";
489
+ export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
490
+ export const utrechtCheckboxCheckedHoverColor = "#fff";
491
+ export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
492
+ export const utrechtCheckboxCheckedActiveBackgroundColor = "#98DDC8";
493
+ export const utrechtCheckboxCheckedActiveBorderColor = "transparent";
494
+ export const utrechtCheckboxCheckedActiveColor = "#fff";
495
+ export const utrechtCheckboxIndeterminateBackgroundColor = "#76d2b6";
496
+ export const utrechtCheckboxIndeterminateBorderColor = "transparent";
497
+ export const utrechtCheckboxIndeterminateColor = "#fff";
498
+ export const utrechtCheckboxIndeterminateBorderWidth = "1px";
499
+ export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
500
+ export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
501
+ export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
502
+ export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#98DDC8";
503
+ export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
504
+ export const utrechtCheckboxIndeterminateActiveColor = "#fff";
505
+ export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
506
+ export const utrechtCheckboxIndeterminateHoverBackgroundColor = "#ACE4D3";
507
+ export const utrechtCheckboxIndeterminateHoverBorderColor = "transparent";
508
+ export const utrechtCheckboxIndeterminateHoverColor = "#fff";
509
+ export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
510
+ export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#fff";
511
+ export const utrechtCheckboxIndeterminateFocusBorderColor = "#76d2b6";
512
+ export const utrechtCheckboxIndeterminateFocusColor = "#76d2b6";
513
+ export const utrechtCheckboxIndeterminateFocusBorderWidth = "2px";
514
+ export const utrechtCheckboxBorderWidth = "1px";
515
+ export const utrechtCheckboxHoverBorderWidth = "1px";
516
+ export const utrechtCheckboxHoverBackgroundColor = "#fff";
517
+ export const utrechtCheckboxHoverBorderColor = "#ACE4D3";
518
+ export const utrechtCheckboxActiveBorderWidth = "1px";
519
+ export const utrechtCheckboxActiveBackgroundColor = "#fff";
520
+ export const utrechtCheckboxActiveBorderColor = "#98DDC8";
1080
521
  export const utrechtButtonGroupBackgroundColor = "transparent";
1081
522
  export const utrechtButtonGroupColumnGap = "0.5rem";
1082
523
  export const utrechtButtonGroupMarginBlockEnd = "0px";
@@ -1084,6 +525,102 @@ export const utrechtButtonGroupMarginBlockStart = "0px";
1084
525
  export const utrechtButtonGroupPaddingBlockEnd = "0px";
1085
526
  export const utrechtButtonGroupPaddingBlockStart = "0px";
1086
527
  export const utrechtButtonGroupRowGap = "0.5rem";
528
+ export const utrechtButtonBackgroundColor = "#0F172A";
529
+ export const utrechtButtonBorderColor = "transparent";
530
+ export const utrechtButtonColor = "#fff";
531
+ export const utrechtButtonBorderRadius = "5px";
532
+ export const utrechtButtonBorderWidth = "1px";
533
+ export const utrechtButtonIconGap = "0.5rem";
534
+ export const utrechtButtonIconSize = "24px";
535
+ export const utrechtButtonFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
536
+ export const utrechtButtonFontSize = "1.25rem";
537
+ export const utrechtButtonFontWeight = 700;
538
+ export const utrechtButtonLineHeight = "150%";
539
+ export const utrechtButtonPaddingBlockEnd = "0.5rem";
540
+ export const utrechtButtonPaddingBlockStart = "0.5rem";
541
+ export const utrechtButtonPaddingInlineEnd = "1rem";
542
+ export const utrechtButtonPaddingInlineStart = "1rem";
543
+ export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
544
+ export const utrechtButtonDisabledBorderColor = "transparent";
545
+ export const utrechtButtonDisabledColor = "#94A3B8";
546
+ export const utrechtButtonFocusBackgroundColor = "#475569";
547
+ export const utrechtButtonFocusBorderColor = "transparent";
548
+ export const utrechtButtonFocusColor = "#fff";
549
+ export const utrechtButtonHoverBackgroundColor = "#475569";
550
+ export const utrechtButtonHoverBorderColor = "transparent";
551
+ export const utrechtButtonHoverColor = "#fff";
552
+ export const utrechtButtonActiveBackgroundColor = "#1E293B";
553
+ export const utrechtButtonActiveBorderColor = "transparent";
554
+ export const utrechtButtonActiveColor = "#fff";
555
+ export const utrechtButtonMinBlockSize = "48px";
556
+ export const utrechtButtonMinInlineSize = "48px";
557
+ export const utrechtButtonColumnGap = "0.5rem";
558
+ export const utrechtButtonPrimaryActionHoverBackgroundColor = "#528e7c";
559
+ export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
560
+ export const utrechtButtonPrimaryActionHoverColor = "#fff";
561
+ export const utrechtButtonPrimaryActionBackgroundColor = "#76d2b6";
562
+ export const utrechtButtonPrimaryActionBorderColor = "transparent";
563
+ export const utrechtButtonPrimaryActionColor = "#fff";
564
+ export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#d6f2e9";
565
+ export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
566
+ export const utrechtButtonPrimaryActionDisabledColor = "#98DDC8";
567
+ export const utrechtButtonPrimaryActionFocusBackgroundColor = "#528e7c";
568
+ export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
569
+ export const utrechtButtonPrimaryActionFocusColor = "#fff";
570
+ export const utrechtButtonPrimaryActionFontWeight = 700;
571
+ export const utrechtButtonPrimaryActionActiveBackgroundColor = "#477e6d";
572
+ export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
573
+ export const utrechtButtonPrimaryActionActiveColor = "#fff";
574
+ export const utrechtButtonPrimaryActionFontSize = "1.25rem";
575
+ export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
576
+ export const utrechtButtonPrimaryActionPressedBackgroundColor = "#477869";
577
+ export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
578
+ export const utrechtButtonPrimaryActionPressedColor = "#fff";
579
+ export const utrechtButtonSecondaryActionHoverBackgroundColor = "#eaf8f4";
580
+ export const utrechtButtonSecondaryActionHoverBorderColor = "#528e7c";
581
+ export const utrechtButtonSecondaryActionHoverColor = "#528e7c";
582
+ export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
583
+ export const utrechtButtonSecondaryActionBorderColor = "#76d2b6";
584
+ export const utrechtButtonSecondaryActionColor = "#76d2b6";
585
+ export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
586
+ export const utrechtButtonSecondaryActionDisabledBorderColor = "#C1EBDE";
587
+ export const utrechtButtonSecondaryActionDisabledColor = "#ACE4D3";
588
+ export const utrechtButtonSecondaryActionFocusBackgroundColor = "#eaf8f4";
589
+ export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
590
+ export const utrechtButtonSecondaryActionFocusColor = "#528e7c";
591
+ export const utrechtButtonSecondaryActionFontWeight = 700;
592
+ export const utrechtButtonSecondaryActionActiveBackgroundColor = "#C1EBDE";
593
+ export const utrechtButtonSecondaryActionActiveBorderColor = "#477869";
594
+ export const utrechtButtonSecondaryActionActiveColor = "#528e7c";
595
+ export const utrechtButtonSecondaryActionFontSize = "1.25rem";
596
+ export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
597
+ export const utrechtButtonSecondaryActionPressedBackgroundColor = "#d6f2e9";
598
+ export const utrechtButtonSecondaryActionPressedBorderColor = "#477869";
599
+ export const utrechtButtonSecondaryActionPressedColor = "#477869";
600
+ export const utrechtButtonSubtleFontSize = "1.25rem";
601
+ export const utrechtButtonSubtleFontWeight = 700;
602
+ export const utrechtButtonSubtleHoverBackgroundColor = "#eaf8f4";
603
+ export const utrechtButtonSubtleHoverBorderColor = "transparent";
604
+ export const utrechtButtonSubtleHoverColor = "#528e7c";
605
+ export const utrechtButtonSubtleBackgroundColor = "transparent";
606
+ export const utrechtButtonSubtleBorderColor = "transparent";
607
+ export const utrechtButtonSubtleColor = "#76d2b6";
608
+ export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
609
+ export const utrechtButtonSubtleDisabledBorderColor = "transparent";
610
+ export const utrechtButtonSubtleDisabledColor = "#d6f2e9";
611
+ export const utrechtButtonSubtleFocusBackgroundColor = "#eaf8f4";
612
+ export const utrechtButtonSubtleFocusBorderColor = "transparent";
613
+ export const utrechtButtonSubtleFocusColor = "#528e7c";
614
+ export const utrechtButtonSubtleActiveBackgroundColor = "#C1EBDE";
615
+ export const utrechtButtonSubtleActiveBorderColor = "transparent";
616
+ export const utrechtButtonSubtleActiveColor = "#477e6d";
617
+ export const utrechtButtonSubtleLineHeight = "1.875rem";
618
+ export const utrechtButtonSubtlePressedBackgroundColor = "#d6f2e9";
619
+ export const utrechtButtonSubtlePressedBorderColor = "transparent";
620
+ export const utrechtButtonSubtlePressedColor = "#477869";
621
+ export const utrechtButtonPressedBackgroundColor = "#1E293B";
622
+ export const utrechtButtonPressedBorderColor = "transparent";
623
+ export const utrechtButtonPressedColor = "#fff";
1087
624
  export const utrechtBreadcrumbNavLineHeight = 1.4;
1088
625
  export const utrechtBreadcrumbNavFontSize = "1.25rem";
1089
626
  export const utrechtBreadcrumbNavLinkIconSize = "24px";
@@ -1096,70 +633,21 @@ export const utrechtBreadcrumbNavLinkPaddingInlineStart = 0;
1096
633
  export const utrechtBreadcrumbNavLinkColor = "#01689b";
1097
634
  export const utrechtBreadcrumbNavLinkActiveColor = "#42145f";
1098
635
  export const utrechtBreadcrumbNavLinkActiveTextDecoration = "None";
1099
- export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
1100
- export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
1101
- export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
1102
- export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
1103
- export const utrechtBreadcrumbNavLinkHoverTextDecoration = "None";
1104
- export const utrechtBreadcrumbNavLinkCurrentColor = "#334155";
1105
- export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
1106
- export const utrechtBreadcrumbNavDividerSize = "24px";
1107
- export const utrechtBreadcrumbNavDividerColor = "#334155";
1108
- export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
1109
- export const utrechtBreadcrumbNavMarginInline = "0.5rem";
1110
- export const utrechtBreadcrumbNavFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1111
- export const utrechtBreadcrumbNavFontWeight = 400;
1112
- export const utrechtBlockquoteCaptionFontSize = "1.25rem";
1113
- export const utrechtBlockquoteCaptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1114
- export const utrechtBlockquoteCaptionLineHeight = "150%";
1115
- export const utrechtBlockquoteCaptionFontWeight = 400;
1116
- export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
1117
- export const utrechtBlockquoteCaptionColor = "#334155";
1118
- export const utrechtBlockquoteContentFontFamily = "RijksoverheidSerifWeb, 'Times New Roman', serif";
1119
- export const utrechtBlockquoteContentLineHeight = "150%";
1120
- export const utrechtBlockquoteContentFontWeight = 400;
1121
- export const utrechtBlockquoteContentFontSize = "1.5rem";
1122
- export const utrechtBlockquoteContentColor = "#0F172A";
1123
- export const utrechtBlockquoteMarginBlockEnd = 0;
1124
- export const utrechtBlockquoteMarginBlockStart = 0;
1125
- export const utrechtBlockquoteMarginInlineEnd = 0;
1126
- export const utrechtBlockquoteMarginInlineStart = 0;
1127
- export const utrechtBlockquotePaddingBlockEnd = "2rem";
1128
- export const utrechtBlockquotePaddingBlockStart = "2rem";
1129
- export const utrechtBlockquotePaddingInlineEnd = "2rem";
1130
- export const utrechtBlockquotePaddingInlineStart = "2rem";
1131
- export const utrechtBlockquoteRowGap = "0.75rem";
1132
- export const utrechtBlockquoteBackgroundColor = "transparent";
1133
- export const utrechtBlockquoteBorderColor = "#76d2b6";
1134
- export const utrechtBlockquoteBorderBlockStartWidth = 0;
1135
- export const utrechtBlockquoteBorderBlockEndWidth = 0;
1136
- export const utrechtBlockquoteBorderInlineStartWidth = 0;
1137
- export const utrechtBlockquoteBorderInlineEndWidth = 0;
1138
- export const utrechtBlockquoteBorderStartStartRadius = 0;
1139
- export const utrechtBlockquoteBorderStartEndRadius = 0;
1140
- export const utrechtBlockquoteBorderEndStartRadius = 0;
1141
- export const utrechtBlockquoteBorderEndEndRadius = 0;
1142
- export const utrechtBlockquoteBorderWidth = "2px";
1143
- export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#76d2b6";
1144
- export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
1145
- export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
1146
- export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
1147
- export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
1148
- export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
1149
- export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
1150
- export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
1151
- export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
1152
- export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
1153
- export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
1154
- export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
1155
- export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
1156
- export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
1157
- export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
1158
- export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
1159
- export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
1160
- export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
636
+ export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
637
+ export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
638
+ export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
639
+ export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
640
+ export const utrechtBreadcrumbNavLinkHoverTextDecoration = "None";
641
+ export const utrechtBreadcrumbNavLinkCurrentColor = "#334155";
642
+ export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
643
+ export const utrechtBreadcrumbNavDividerSize = "24px";
644
+ export const utrechtBreadcrumbNavDividerColor = "#334155";
645
+ export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
646
+ export const utrechtBreadcrumbNavMarginInline = "0.5rem";
647
+ export const utrechtBreadcrumbNavFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
648
+ export const utrechtBreadcrumbNavFontWeight = 400;
1161
649
  export const utrechtArticleMaxInlineSize = "75ch";
1162
- export const utrechtAlertHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
650
+ export const utrechtAlertHeadingFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1163
651
  export const utrechtAlertHeadingFontWeight = 700;
1164
652
  export const utrechtAlertHeadingLineHeight = "150%";
1165
653
  export const utrechtAlertHeadingFontSize = "1.25rem";
@@ -1195,9 +683,31 @@ export const utrechtAlertIconSize = "24px";
1195
683
  export const utrechtAlertMessageLineHeight = "150%";
1196
684
  export const utrechtAlertMessageColumnGap = "0.5rem";
1197
685
  export const utrechtAlertBorderRadius = "5px";
686
+ export const utrechtAccordionPanelBorderColor = "#94A3B8";
687
+ export const utrechtAccordionPanelBorderWidth = 0;
688
+ export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
689
+ export const utrechtAccordionPanelPaddingBlockStart = "1rem";
690
+ export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
691
+ export const utrechtAccordionPanelPaddingInlineStart = "1rem";
692
+ export const utrechtAccordionButtonGap = "0.5rem";
693
+ export const utrechtAccordionButtonIconSize = "24px";
694
+ export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
695
+ export const utrechtAccordionButtonHoverBorderColor = "#94A3B8";
696
+ export const utrechtAccordionButtonHoverColor = "#0F172A";
697
+ export const utrechtAccordionButtonBackgroundColor = "#fff";
698
+ export const utrechtAccordionButtonBorderColor = "#94A3B8";
699
+ export const utrechtAccordionButtonBorderWidth = 0;
700
+ export const utrechtAccordionButtonColor = "#0F172A";
701
+ export const utrechtAccordionButtonFocusBackgroundColor = "#eaf8f4";
702
+ export const utrechtAccordionButtonFocusBorderColor = "#76d2b6";
703
+ export const utrechtAccordionButtonFocusColor = "#0F172A";
704
+ export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
705
+ export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
706
+ export const utrechtAccordionButtonActiveColor = "#0F172A";
707
+ export const utrechtAccordionButtonActiveRowGap = 0;
1198
708
  export const utrechtDocumentBackgroundColor = "#fff";
1199
709
  export const utrechtDocumentColor = "#0F172A";
1200
- export const utrechtDocumentFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
710
+ export const utrechtDocumentFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1201
711
  export const utrechtDocumentFontSize = "1.25rem";
1202
712
  export const utrechtDocumentLineHeight = "150%";
1203
713
  export const utrechtDocumentFontWeight = 400;
@@ -1207,17 +717,518 @@ export const utrechtRichTextFriendMarginBlockEnd = "0.5rem";
1207
717
  export const utrechtRichTextBestFriendMarginBlockEnd = "0.25rem";
1208
718
  export const utrechtRichTextConfidantMarginBlockEnd = 0;
1209
719
  export const utrechtPointerTargetMinSize = "48px";
1210
- export const utrechtFocusOutlineColor = "#76d2b6";
720
+ export const utrechtFocusOutlineColor = "#000";
1211
721
  export const utrechtFocusOutlineOffset = "0.125rem";
1212
722
  export const utrechtFocusOutlineStyle = "solid";
1213
723
  export const utrechtFocusOutlineWidth = "2px";
1214
724
  export const utrechtFocusInverseOutlineColor = "#fff";
1215
- export const overwriteFocusBackground = "#FDD370";
1216
- export const todoNavBarLinkFocusBackgroundColor = "#FDD370";
1217
- export const todoPaginationPageLinkFocusBackgroundColor = "#FDD370";
1218
- export const denhaagSidenavLinkFocusBackgroundColor = "#FDD370";
725
+ export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.";
726
+ export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
727
+ export const rhcKeepTopLeftBorderRadiusTopRight = 0;
728
+ export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
729
+ export const rhcKeepTopLeftBorderRadiusBottomLeft = 0;
730
+ export const rhcKeepTopRightBorderRadiusTopRight = "48px";
731
+ export const rhcKeepTopRightBorderRadiusTopLeft = 0;
732
+ export const rhcKeepTopRightBorderRadiusBottomRight = 0;
733
+ export const rhcKeepTopRightBorderRadiusBottomLeft = 0;
734
+ export const rhcKeepBottomRightBorderRadiusTopLeft = 0;
735
+ export const rhcKeepBottomRightBorderRadiusTopRight = 0;
736
+ export const rhcKeepBottomRightBorderRadiusBottomRight = "48px";
737
+ export const rhcKeepBottomRightBorderRadiusBottomLeft = 0;
738
+ export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
739
+ export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
740
+ export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
741
+ export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
742
+ export const rhcRoundedCornerXsBorderRadius = "24px";
743
+ export const rhcRoundedCornerMdBorderRadius = "48px";
744
+ export const rhcRoundedCornerXlBorderRadius = "96px";
745
+ export const rhcRoundedCornerBorderWidth = "2px";
746
+ export const rhcColorPrimary50 = "#eaf8f4";
747
+ export const rhcColorPrimary100 = "#d6f2e9";
748
+ export const rhcColorPrimary200 = "#C1EBDE";
749
+ export const rhcColorPrimary300 = "#ACE4D3";
750
+ export const rhcColorPrimary400 = "#98DDC8";
751
+ export const rhcColorPrimary500 = "#76d2b6";
752
+ export const rhcColorPrimaryHover = "#528e7c";
753
+ export const rhcColorFocusOutline = "#000";
754
+ export const rhcColorForegroundDefault = "#0F172A";
755
+ export const rhcColorForegroundSubdued = "#334155";
756
+ export const rhcColorForegroundLink = "#01689b";
757
+ export const rhcColorForegroundOnDarkColor = "#fff";
758
+ export const rhcColorForegroundOnLightColor = "#000";
759
+ export const rhcColorForegroundOnEmphasis = "#fff";
760
+ export const rhcColorBorderDefault = "#64748B";
761
+ export const rhcColorBorderSubdued = "#94A3B8";
762
+ export const rhcColorBorderStrong = "#0F172A";
763
+ export const rhcColorCanvas = "#fff";
764
+ export const rhcColorFeedbackSuccessDefault = "#39870c";
765
+ export const rhcColorFeedbackSuccessSubdued = "#e1eddb";
766
+ export const rhcColorFeedbackInfoDefault = "#007bc7";
767
+ export const rhcColorFeedbackInfoSubdued = "#d9ebf7";
768
+ export const rhcColorFeedbackErrorDefault = "#d52b1e";
769
+ export const rhcColorFeedbackErrorSubdued = "#f9dfdd";
770
+ export const rhcColorFeedbackWarningDefault = "#ffb612";
771
+ export const rhcColorFeedbackWarningSubdued = "#fff4db";
772
+ export const rhcColorAccent500 = "#8fcae7";
773
+ export const rhcColorAccent2500 = "#f092cd";
774
+ export const rhcColorCoolGrey50 = "#F8FAFC";
775
+ export const rhcColorCoolGrey100 = "#F1F5F9";
776
+ export const rhcColorCoolGrey200 = "#E2E8F0";
777
+ export const rhcColorCoolGrey300 = "#CBD5E1";
778
+ export const rhcColorCoolGrey400 = "#94A3B8";
779
+ export const rhcColorCoolGrey500 = "#64748B";
780
+ export const rhcColorCoolGrey600 = "#475569";
781
+ export const rhcColorCoolGrey700 = "#334155";
782
+ export const rhcColorCoolGrey800 = "#1E293B";
783
+ export const rhcColorCoolGrey900 = "#0F172A";
784
+ export const rhcColorLichtblauw50 = "#eef7fb";
785
+ export const rhcColorLichtblauw100 = "#ddeff8";
786
+ export const rhcColorLichtblauw200 = "#CCE7F4";
787
+ export const rhcColorLichtblauw300 = "#BCDFF0";
788
+ export const rhcColorLichtblauw400 = "#ABD7ED";
789
+ export const rhcColorLichtblauw500 = "#8fcae7";
790
+ export const rhcColorViolet50 = "#f2d9e7";
791
+ export const rhcColorViolet100 = "#e5b3d0";
792
+ export const rhcColorViolet200 = "#D88CB7";
793
+ export const rhcColorViolet300 = "#CB66A0";
794
+ export const rhcColorViolet400 = "#BE4088";
795
+ export const rhcColorViolet500 = "#a90061";
796
+ export const rhcColorPaars50 = "#e3dce7";
797
+ export const rhcColorPaars100 = "#c6b9cf";
798
+ export const rhcColorPaars200 = "#A995B7";
799
+ export const rhcColorPaars300 = "#8D729F";
800
+ export const rhcColorPaars400 = "#714f87";
801
+ export const rhcColorPaars500 = "#42145f";
802
+ export const rhcColorHemelblauw50 = "#d9ebf7";
803
+ export const rhcColorHemelblauw100 = "#b3d7ee";
804
+ export const rhcColorHemelblauw200 = "#8CC3E6";
805
+ export const rhcColorHemelblauw300 = "#66AFDD";
806
+ export const rhcColorHemelblauw400 = "#409CD5";
807
+ export const rhcColorHemelblauw500 = "#007bc7";
808
+ export const rhcColorDonkerblauw50 = "#d9e8f0";
809
+ export const rhcColorDonkerblauw100 = "#b3d2e1";
810
+ export const rhcColorDonkerblauw200 = "#8CBBD2";
811
+ export const rhcColorDonkerblauw300 = "#66A4C3";
812
+ export const rhcColorDonkerblauw400 = "#408EB4";
813
+ export const rhcColorDonkerblauw500 = "#01689b";
814
+ export const rhcColorMintgroen50 = "#eaf8f4";
815
+ export const rhcColorMintgroen100 = "#d6f2e9";
816
+ export const rhcColorMintgroen200 = "#C1EBDE";
817
+ export const rhcColorMintgroen300 = "#ACE4D3";
818
+ export const rhcColorMintgroen400 = "#98DDC8";
819
+ export const rhcColorMintgroen500 = "#76d2b6";
820
+ export const rhcColorMosgroen50 = "#ebebd9";
821
+ export const rhcColorMosgroen100 = "#d6d7b3";
822
+ export const rhcColorMosgroen200 = "#C1C38C";
823
+ export const rhcColorMosgroen300 = "#ADAF66";
824
+ export const rhcColorMosgroen400 = "#999C40";
825
+ export const rhcColorMosgroen500 = "#777b00";
826
+ export const rhcColorGroen50 = "#e1eddb";
827
+ export const rhcColorGroen100 = "#c4dbb6";
828
+ export const rhcColorGroen200 = "#A5C991";
829
+ export const rhcColorGroen300 = "#88B76D";
830
+ export const rhcColorGroen400 = "#6AA549";
831
+ export const rhcColorGroen500 = "#39870c";
832
+ export const rhcColorDonkergroen50 = "#dfe6e1";
833
+ export const rhcColorDonkergroen100 = "#becdc3";
834
+ export const rhcColorDonkergroen200 = "#9DB4A4";
835
+ export const rhcColorDonkergroen300 = "#7D9B87";
836
+ export const rhcColorDonkergroen400 = "#5D8269";
837
+ export const rhcColorDonkergroen500 = "#275937";
838
+ export const rhcColorBruin50 = "#efeada";
839
+ export const rhcColorBruin100 = "#dfd4b6";
840
+ export const rhcColorBruin200 = "#CFBF90";
841
+ export const rhcColorBruin300 = "#BFA96C";
842
+ export const rhcColorBruin400 = "#AF9447";
843
+ export const rhcColorBruin500 = "#94710a";
844
+ export const rhcColorDonkerbruin50 = "#e8e0df";
845
+ export const rhcColorDonkerbruin100 = "#d1c2be";
846
+ export const rhcColorDonkerbruin200 = "#BAA39D";
847
+ export const rhcColorDonkerbruin300 = "#A3847D";
848
+ export const rhcColorDonkerbruin400 = "#8D665D";
849
+ export const rhcColorDonkerbruin500 = "#673327";
850
+ export const rhcColorGeel50 = "#fefbdd";
851
+ export const rhcColorGeel100 = "#fdf6bc";
852
+ export const rhcColorGeel200 = "#FCF199";
853
+ export const rhcColorGeel300 = "#FBED78";
854
+ export const rhcColorGeel400 = "#FAE856";
855
+ export const rhcColorGeel500 = "#f9e11e";
856
+ export const rhcColorDonkergeel50 = "#fff4db";
857
+ export const rhcColorDonkergeel100 = "#ffe9b8";
858
+ export const rhcColorDonkergeel200 = "#FDDE94";
859
+ export const rhcColorDonkergeel300 = "#FDD370";
860
+ export const rhcColorDonkergeel400 = "#FDC84D";
861
+ export const rhcColorDonkergeel500 = "#ffb612";
862
+ export const rhcColorOranje50 = "#fbead9";
863
+ export const rhcColorOranje100 = "#f6d4b3";
864
+ export const rhcColorOranje200 = "#F1BE8C";
865
+ export const rhcColorOranje300 = "#EDA966";
866
+ export const rhcColorOranje400 = "#E89440";
867
+ export const rhcColorOranje500 = "#e17000";
868
+ export const rhcColorRood50 = "#f9dfdd";
869
+ export const rhcColorRood100 = "#f2bfbc";
870
+ export const rhcColorRood200 = "#EC9F99";
871
+ export const rhcColorRood300 = "#E67F78";
872
+ export const rhcColorRood400 = "#DF6056";
873
+ export const rhcColorRood500 = "#d52b1e";
874
+ export const rhcColorRoze50 = "#fdeff8";
875
+ export const rhcColorRoze100 = "#fbdef0";
876
+ export const rhcColorRoze200 = "#F8CEE8";
877
+ export const rhcColorRoze300 = "#F6BDE1";
878
+ export const rhcColorRoze400 = "#F4ADD9";
879
+ export const rhcColorRoze500 = "#f092cd";
880
+ export const rhcColorRobijnrood50 = "#f7d9e7";
881
+ export const rhcColorRobijnrood100 = "#efb3ce";
882
+ export const rhcColorRobijnrood200 = "#E78CB6";
883
+ export const rhcColorRobijnrood300 = "#DF669D";
884
+ export const rhcColorRobijnrood400 = "#D74085";
885
+ export const rhcColorRobijnrood500 = "#ca005d";
886
+ export const rhcColorLintblauw50 = "#dce3ea";
887
+ export const rhcColorLintblauw100 = "#b8c6d5";
888
+ export const rhcColorLintblauw200 = "#95a9c0";
889
+ export const rhcColorLintblauw300 = "#738eab";
890
+ export const rhcColorLintblauw400 = "#4f7196";
891
+ export const rhcColorLintblauw500 = "#154273";
892
+ export const rhcColorWit = "#fff";
893
+ export const rhcColorZwart = "#000";
894
+ export const rhcColorNone = "transparent";
895
+ export const rhcSubNavBarBackgroundColor = "#f2f4f6";
896
+ export const rhcSubNavBarColumnGap = "0.5rem";
897
+ export const rhcSubNavBarColumnWidth = "375px";
898
+ export const rhcSubNavBarPaddingBlockEnd = "2rem";
899
+ export const rhcSubNavBarPaddingBlockStart = "2rem";
900
+ export const rhcSubNavBarInlineSize = "100%";
901
+ export const rhcSubNavBarContentPaddingInlineEnd = "1rem";
902
+ export const rhcSubNavBarContentPaddingInlineStart = "1rem";
903
+ export const rhcSubNavBarContentMaxInlineSize = "1280px";
904
+ export const rhcSubNavBarContentListRowGap = "0.5rem";
905
+ export const rhcToggletipColor = "#fff";
906
+ export const rhcToggletipBackgroundColor = "#007bc7";
907
+ export const rhcToggletipBorderColor = "transparent";
908
+ export const rhcToggletipBorderRadius = "5px";
909
+ export const rhcToggletipBorderWidth = "1px";
910
+ export const rhcToggletipIconSize = "24px";
911
+ export const rhcToggletipSize = "24px";
912
+ export const rhcToggletipActiveColor = "#007bc7";
913
+ export const rhcToggletipActiveBackgroundColor = "#fff";
914
+ export const rhcToggletipActiveBorderColor = "#007bc7";
915
+ export const rhcToggletipHoverColor = "#0F172A";
916
+ export const rhcToggletipHoverBackgroundColor = "#66AFDD";
917
+ export const rhcToggletipFocusColor = "#fff";
918
+ export const rhcToggletipFocusBackgroundColor = "#007bc7";
919
+ export const rhcSidenavDisplay = "flex";
920
+ export const rhcSidenavLinkLineHeight = "150%";
921
+ export const rhcSidenavLinkIconSize = "24px";
922
+ export const rhcSidenavLinkIconMarginInline = "0.5rem";
923
+ export const rhcSidenavLinkFontSize = "1.25rem";
924
+ export const rhcSidenavLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
925
+ export const rhcSidenavLinkFontWeight = 400;
926
+ export const rhcSidenavLinkCurrentFontWeight = 700;
927
+ export const rhcSidenavLinkCurrentColor = "#0F172A";
928
+ export const rhcSidenavLinkColor = "#01689b";
929
+ export const rhcSidenavLinkActiveColor = "#42145f";
930
+ export const rhcSidenavLinkActiveTextDecoration = "underline";
931
+ export const rhcSidenavLinkFocusBorderRadius = "5px";
932
+ export const rhcSidenavLinkFocusBorderWidth = "2px";
933
+ export const rhcSidenavLinkFocusBorderStyle = "solid";
934
+ export const rhcSidenavLinkFocusBorderColor = "#76d2b6";
935
+ export const rhcSidenavLinkFocusBackgroundColor = "none";
936
+ export const rhcSidenavLinkFocusColor = "#01689b";
937
+ export const rhcSidenavLinkFocusTextDecoration = "None";
938
+ export const rhcSidenavLinkHoverColor = "#15496a";
939
+ export const rhcSidenavLinkHoverTextDecoration = "underline";
940
+ export const rhcSidenavLinkPaddingBlockStart = "0.75rem";
941
+ export const rhcSidenavLinkPaddingBlockEnd = "0.75rem";
942
+ export const rhcSidenavLinkTextDecoration = "None";
943
+ export const rhcSidenavLinkColumnGap = "0.5rem";
944
+ export const rhcRadioGroupPaddingBlockEnd = "0.5rem";
945
+ export const rhcRadioGroupPaddingBlockStart = "0.5rem";
946
+ export const rhcRadioGroupRowGap = "1rem";
947
+ export const rhcNavigationListIconBackgroundColor = "#0F172A";
948
+ export const rhcNavigationListIconBorderRadius = "999px";
949
+ export const rhcNavigationListIconColor = "#fff";
950
+ export const rhcNavigationListItemIconPaddingInline = "0.5rem";
951
+ export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
952
+ export const rhcNavigationListItemIconSize = "24px";
953
+ export const rhcNavigationListItemContentFontSize = "1.125rem";
954
+ export const rhcNavigationListItemContentColumnGap = "0.5rem";
955
+ export const rhcNavigationListItemContentRowGap = "0.25rem";
956
+ export const rhcNavigationListItemLabelFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
957
+ export const rhcNavigationListItemLabelFontSize = "1.875rem";
958
+ export const rhcNavigationListItemLabelFontWeight = 700;
959
+ export const rhcNavigationListItemLabelLineHeight = "150%";
960
+ export const rhcNavigationListItemActiveBackgroundColor = "#F1F5F9";
961
+ export const rhcNavigationListItemHoverBackgroundColor = "#F8FAFC";
962
+ export const rhcNavigationListItemFocusBackgroundColor = "#eaf8f4";
963
+ export const rhcNavigationListItemBackgroundColor = "#fff";
964
+ export const rhcNavigationListItemColor = "#334155";
965
+ export const rhcNavigationListItemBorderWidth = "1px";
966
+ export const rhcNavigationListItemBorderColor = "#CBD5E1";
967
+ export const rhcNavigationListItemHeadingColor = "#0F172A";
968
+ export const rhcNavigationListItemColumnGap = "1rem";
969
+ export const rhcNavigationListItemMinHeight = "48px";
970
+ export const rhcNavigationListItemPaddingBlock = "0.75rem";
971
+ export const rhcNavigationListItemPaddingInline = "1rem";
972
+ export const rhcNavBarBorderBlockEndWidth = "1px";
973
+ export const rhcNavBarMaxInlineSize = "1280px";
974
+ export const rhcNavBarPaddingInline = "1rem";
975
+ export const rhcNavBarContainerInlineSize = "100%";
976
+ export const rhcNavBarContentColumnGap = "1rem";
977
+ export const rhcNavBarIconColor = "#0F172A";
978
+ export const rhcNavBarIconActiveColor = "#fff";
979
+ export const rhcNavBarIconSize = "24px";
980
+ export const rhcNavBarLinkActiveBackgroundColor = "#76d2b6";
981
+ export const rhcNavBarLinkActiveColor = "#fff";
982
+ export const rhcNavBarLinkBackgroundColor = "#fff";
983
+ export const rhcNavBarLinkColor = "#76d2b6";
984
+ export const rhcNavBarLinkFocusBackgroundColor = "#eaf8f4";
985
+ export const rhcNavBarLinkFocusColor = "#76d2b6";
986
+ export const rhcNavBarLinkHoverBackgroundColor = "#F8FAFC";
987
+ export const rhcNavBarLinkHoverColor = "#76d2b6";
988
+ export const rhcNavBarLinkPaddingBlockEnd = "1rem";
989
+ export const rhcNavBarLinkPaddingBlockStart = "1rem";
990
+ export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
991
+ export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
992
+ export const rhcNavBarLinkColumnGap = "0.5rem";
993
+ export const rhcNavBarHeadingFontWeight = 700;
994
+ export const rhcNavBarBackgroundColor = "#fff";
995
+ export const rhcNavBarColor = "#76d2b6";
996
+ export const rhcNavBarBorderColor = "#98DDC8";
997
+ export const rhcMessageListItemBackgroundColor = "#fff";
998
+ export const rhcMessageListItemBorderColor = "#CBD5E1";
999
+ export const rhcMessageListItemBorderWidth = "1px";
1000
+ export const rhcMessageListItemColor = "#334155";
1001
+ export const rhcMessageListItemColumnGap = "1rem";
1002
+ export const rhcMessageListItemIconSize = "24px";
1003
+ export const rhcMessageListItemIconColor = "#0F172A";
1004
+ export const rhcMessageListItemMinHeight = "48px";
1005
+ export const rhcMessageListItemPaddingBlock = "0.75rem";
1006
+ export const rhcMessageListItemPaddingInline = "1rem";
1007
+ export const rhcMessageListItemContentFontSize = "1.125rem";
1008
+ export const rhcMessageListItemContentColumnGap = "0.5rem";
1009
+ export const rhcMessageListItemContentRowGap = "0.5rem";
1010
+ export const rhcMessageListItemLabelFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1011
+ export const rhcMessageListItemLabelFontSize = "1.25rem";
1012
+ export const rhcMessageListItemLabelFontWeight = 700;
1013
+ export const rhcMessageListItemLabelLineHeight = "150%";
1014
+ export const rhcMessageListItemHeadingColor = "#0F172A";
1015
+ export const rhcLogoImageBackgroundColor = "#fff";
1016
+ export const rhcLogoImageInlineSize = "48px";
1017
+ export const rhcLogoImageBlockSize = "96px";
1018
+ export const rhcLogoImageColor = "#154273";
1019
+ export const rhcLogoTitleFontWeight = 600;
1020
+ export const rhcLogoTitleLineHeight = "1.063rem";
1021
+ export const rhcLogoTitleFontSize = "0.913rem";
1022
+ export const rhcLogoTitlePaddingBlockStart = "3.125rem";
1023
+ export const rhcLogoSubtitleFontWeight = 400;
1024
+ export const rhcLogoSubtitleLineHeight = "1rem";
1025
+ export const rhcLogoSubtitleFontSize = "0.775rem";
1026
+ export const rhcLogoColumnGap = "12px";
1027
+ export const rhcLogoFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1028
+ export const rhcLogoColor = "#154273";
1029
+ export const rhcLinkListCardBackgroundColor = "#fff";
1030
+ export const rhcLinkListCardPaddingBlockStart = "1.5rem";
1031
+ export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
1032
+ export const rhcLinkListCardRowGap = "1rem";
1033
+ export const rhcLinkListCardPaddingInlineStart = "1.5rem";
1034
+ export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
1035
+ export const rhcLinkListTextDecoration = "None";
1036
+ export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
1037
+ export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
1038
+ export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
1039
+ export const rhcIconOnlyButtonPaddingInlineStart = "0.75rem";
1040
+ export const rhcHeroHeadingFontWeight = 700;
1041
+ export const rhcHeroHeadingLineHeight = "125%";
1042
+ export const rhcHeroHeadingFontSize = "1.875rem";
1043
+ export const rhcHeroHeadingFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1044
+ export const rhcHeroSubHeadingFontWeight = 400;
1045
+ export const rhcHeroSubHeadingLineHeight = "150%";
1046
+ export const rhcHeroSubHeadingFontSize = "1.25rem";
1047
+ export const rhcHeroSubHeadingFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1048
+ export const rhcHeroMessageBackgroundColor = "#76d2b6";
1049
+ export const rhcHeroMessageColor = "#fff";
1050
+ export const rhcHeroMessageRowGap = "0.125rem";
1051
+ export const rhcHeroMessagePaddingBlockEnd = "1rem";
1052
+ export const rhcHeroMessagePaddingInlineEnd = "1rem";
1053
+ export const rhcHeroMessagePaddingInlineStart = "1rem";
1054
+ export const rhcHeroMessagePaddingBlockStart = "1rem";
1055
+ export const rhcHeroMessageBorderRadius = "20px";
1056
+ export const rhcHeroMessageInlineSize = "90%";
1057
+ export const rhcHeroBorderRadius = "40px";
1058
+ export const rhcHeroInlineSize = "100%";
1059
+ export const rhcFormFieldRadioOptionColumnGap = "0.5rem";
1060
+ export const rhcFormFieldRadioOptionFontWeight = 400;
1061
+ export const rhcFormFieldRadioOptionRowGap = "0.5rem";
1062
+ export const rhcFormFieldRadioOptionLabelMarginBlockEnd = 0;
1063
+ export const rhcFormFieldRadioOptionInputMarginBlockStart = "0.25rem";
1064
+ export const rhcFormFieldCheckboxOptionColumnGap = "0.5rem";
1065
+ export const rhcFormFieldCheckboxOptionMarginBlockEnd = 0;
1066
+ export const rhcPageFooterColumnGap = "1.5rem";
1067
+ export const rhcPageFooterColumnWidth = "200px";
1068
+ export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
1069
+ export const rhcPageFooterContentMaxInlineSize = "1280px";
1070
+ export const rhcPageFooterContentPaddingInlineStart = "1rem";
1071
+ export const rhcPageFooterContentPaddingInlineEnd = "1rem";
1072
+ export const rhcPageFooterContentColumnGap = "2rem";
1073
+ export const rhcPageFooterBorderBlockStartWidth = "2px";
1074
+ export const rhcPageFooterBorderBlockStartColor = "#ACE4D3";
1075
+ export const rhcPageFooterBorderBlockStartStyle = "solid";
1076
+ export const rhcPageFooterOutlinedBackgroundColor = "#fff";
1077
+ export const rhcPageFooterOutlinedColor = "#76d2b6";
1078
+ export const rhcPageFooterOutlinedBorderColor = "#76d2b6";
1079
+ export const rhcPageFooterPaddingBlockStart = "2.5rem";
1080
+ export const rhcPageFooterPaddingBlockEnd = "2.5rem";
1081
+ export const rhcPageFooterPaddingInlineStart = "2.5rem";
1082
+ export const rhcPageFooterPaddingInlineEnd = "2.5rem";
1083
+ export const rhcPageFooterFlexDirection = "column";
1084
+ export const rhcFileInputColumnGap = "0.75rem";
1085
+ export const rhcFileInputRowGap = "0.75rem";
1086
+ export const rhcFileInputFeedbackColor = "#475569";
1087
+ export const rhcFileInputFeedbackFontSize = "1rem";
1088
+ export const rhcFileBorderStyle = "solid";
1089
+ export const rhcFileBorderColor = "#76d2b6";
1090
+ export const rhcFileBorderWidth = "1px";
1091
+ export const rhcFileBorderRadius = "5px";
1092
+ export const rhcFilePaddingInlineStart = "1rem";
1093
+ export const rhcFilePaddingInlineEnd = "1rem";
1094
+ export const rhcFilePaddingBlockStart = "0.75rem";
1095
+ export const rhcFilePaddingBlockEnd = "0.75rem";
1096
+ export const rhcFileColumnGap = "0.25rem";
1097
+ export const rhcFileErrorBorderColor = "#d52b1e";
1098
+ export const rhcFileSubtitleColor = "#64748B";
1099
+ export const rhcDotBadgeBorderRadius = "999px";
1100
+ export const rhcDotBadgeColor = "#d52b1e";
1101
+ export const rhcDotBadgeSize = "12px";
1102
+ export const rhcCodeInputSize = "48px";
1103
+ export const rhcCodeInputGroupColumnGap = "0.5rem";
1104
+ export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
1105
+ export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
1106
+ export const rhcCheckboxGroupRowGap = "1rem";
1107
+ export const rhcCardAsLinkBackgroundColor = "#fff";
1108
+ export const rhcCardAsLinkBorderColor = "#CBD5E1";
1109
+ export const rhcCardAsLinkBorderRadius = "5px";
1110
+ export const rhcCardAsLinkBorderWidth = "1px";
1111
+ export const rhcCardAsLinkColor = "#0F172A";
1112
+ export const rhcCardAsLinkColumnGap = "1rem";
1113
+ export const rhcCardAsLinkInlineSize = "328px";
1114
+ export const rhcCardAsLinkIconColor = "#76d2b6";
1115
+ export const rhcCardAsLinkIconSize = "24px";
1116
+ export const rhcCardAsLinkLinkColor = "#01689b";
1117
+ export const rhcCardAsLinkLinkTextDecoration = "underline";
1118
+ export const rhcCardAsLinkLinkActiveTextDecoration = "none";
1119
+ export const rhcCardAsLinkLinkHoverTextDecoration = "none";
1120
+ export const rhcCardAsLinkLinkFocusTextDecoration = "none";
1121
+ export const rhcCardAsLinkMetadataColor = "#334155";
1122
+ export const rhcCardAsLinkPaddingBlockEnd = "1rem";
1123
+ export const rhcCardAsLinkPaddingBlockStart = "1rem";
1124
+ export const rhcCardAsLinkPaddingInlineEnd = "1rem";
1125
+ export const rhcCardAsLinkPaddingInlineStart = "1rem";
1126
+ export const rhcCardAsLinkRowGap = "0.75rem";
1127
+ export const rhcCardAsLinkActiveBackgroundColor = "#F1F5F9";
1128
+ export const rhcCardAsLinkActiveTextDecoration = "underline";
1129
+ export const rhcCardAsLinkHoverBackgroundColor = "#F8FAFC";
1130
+ export const rhcCardAsLinkHoverTextDecoration = "underline";
1131
+ export const rhcCardAsLinkFocusBackgroundColor = "#eaf8f4";
1132
+ export const rhcCardAsLinkFocusTextDecoration = "underline";
1133
+ export const rhcCardAsLinkFullBleedBackgroundColor = "#000";
1134
+ export const rhcCardAsLinkFullBleedBorderColor = "transparent";
1135
+ export const rhcCardAsLinkFullBleedColor = "#fff";
1136
+ export const rhcCardAsLinkFullBleedOpacity = 0.5;
1137
+ export const rhcCardAsLinkHeadingColor = "#76d2b6";
1138
+ export const rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
1139
+ export const rhcCardAsLinkHeadingFontSize = "1.5rem";
1140
+ export const rhcCardAsLinkHeadingFontWeight = 700;
1141
+ export const rhcCardAsLinkHorizontalBackgroundColor = "#76d2b6";
1142
+ export const rhcCardAsLinkHorizontalBorderColor = "transparent";
1143
+ export const rhcCardAsLinkHorizontalColor = "#fff";
1144
+ export const rhcCardAsLinkHorizontalMaxBlockSize = "96px";
1145
+ export const rhcCardAsLinkHorizontalPaddingBlockEnd = 0;
1146
+ export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
1147
+ export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
1148
+ export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
1149
+ export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
1150
+ export const rhcAccordionButtonFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1151
+ export const rhcAccordionButtonFontSize = "1.25rem";
1152
+ export const rhcAccordionButtonFontWeight = 400;
1153
+ export const rhcAccordionButtonLineHeight = "150%";
1154
+ export const rhcAccordionButtonIconMarginBlock = "0.25rem";
1155
+ export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
1156
+ export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
1157
+ export const rhcAccordionButtonPaddingInlineEnd = "1rem";
1158
+ export const rhcAccordionButtonPaddingInlineStart = "1rem";
1159
+ export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
1160
+ export const rhcAccordionButtonExpandedColor = "#0F172A";
1161
+ export const rhcAccordionSectionBorderBlockEndWidth = "1px";
1162
+ export const rhcAccordionSectionBorderWidth = 0;
1163
+ export const rhcAccordionSectionBorderColor = "#94A3B8";
1164
+ export const rhcAccordionHeaderMargin = 0;
1165
+ export const rhcAccordionBorderRadius = "0px";
1166
+ export const rhcAccordionColor = "#0F172A";
1167
+ export const rhcBorderRadiusSm = "2.5px";
1168
+ export const rhcBorderRadiusMd = "5px";
1169
+ export const rhcBorderRadiusCircle = "999px";
1170
+ export const rhcBorderRadiusNone = "0px";
1171
+ export const rhcFocusOutlineOffset = "0.125rem";
1172
+ export const rhcFocusOutlineStyle = "solid";
1173
+ export const rhcFocusOutlineWidth = "2px";
1174
+ export const rhcFontSizeHeadingLevel1 = "3.125rem";
1175
+ export const rhcFontSizeHeadingLevel2 = "2.5rem";
1176
+ export const rhcFontSizeHeadingLevel3 = "1.875rem";
1177
+ export const rhcFontSizeHeadingLevel4 = "1.5rem";
1178
+ export const rhcFontSizeHeadingLevel5 = "1.25rem";
1179
+ export const rhcFontSizeParagraphIntro = "1.5rem";
1180
+ export const rhcFontSizeParagraphDefault = "1.25rem";
1181
+ export const rhcFontSizeParagraphSmall = "1.125rem";
1182
+ export const rhcFontSizeXsDesktop = "1.25rem";
1183
+ export const rhcFontSizeXsTablet = "1.125rem";
1184
+ export const rhcFontSizeXsMobile = "1rem";
1185
+ export const rhcFontSizeSmDesktop = "1.5rem";
1186
+ export const rhcFontSizeSmTablet = "1.35rem";
1187
+ export const rhcFontSizeSmMobile = "1.2rem";
1188
+ export const rhcFontSizeMdDesktop = "1.875rem";
1189
+ export const rhcFontSizeMdTablet = "1.688rem";
1190
+ export const rhcFontSizeMdMobile = "1.5rem";
1191
+ export const rhcFontSizeLgDesktop = "2.5rem";
1192
+ export const rhcFontSizeLgTablet = "2.25rem";
1193
+ export const rhcFontSizeLgMobile = "2rem";
1194
+ export const rhcFontSizeXlDesktop = "3.125rem";
1195
+ export const rhcFontSizeXlTablet = "2.813rem";
1196
+ export const rhcFontSizeXlMobile = "2.5rem";
1197
+ export const rhcLineHeightParagraph = "150%";
1198
+ export const rhcLineHeightSm = "125%";
1199
+ export const rhcLineHeightMd = "150%";
1200
+ export const rhcSizeTarget = "48px";
1201
+ export const rhcSizeIconFunctional = "24px";
1202
+ export const rhcSizeQuarterLint = "12px";
1203
+ export const rhcSizeHalfLint = "24px";
1204
+ export const rhcSizeLint = "48px";
1205
+ export const rhcSize2Lint = "96px";
1206
+ export const rhcSize3Lint = "1440px";
1207
+ export const rhcFontWeightExtraBold = 800;
1208
+ export const rhcFontWeightBold = 700;
1209
+ export const rhcFontWeightSemiBold = 550;
1210
+ export const rhcFontWeightRegular = 400;
1211
+ export const rhcFontWeightChosenRegular = 400;
1212
+ export const rhcFontWeightLight = 300;
1213
+ export const rhcFontWeightThin = 200;
1214
+ export const rhcFontFamilyPrimary = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1215
+ export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
1216
+ export const rhcBorderWidthDefault = "1px";
1217
+ export const rhcBorderWidthM = "2px";
1218
+ export const rhcBorderWidthNone = "0px";
1219
+ export const rhcSpace0 = 0;
1220
+ export const rhcSpace25 = "0.125rem";
1221
+ export const rhcSpace50 = "0.25rem";
1222
+ export const rhcSpace100 = "0.5rem";
1223
+ export const rhcSpace150 = "0.75rem";
1224
+ export const rhcSpace200 = "1rem";
1225
+ export const rhcSpace300 = "1.5rem";
1226
+ export const rhcSpace400 = "2rem";
1227
+ export const rhcSpace500 = "2.5rem";
1228
+ export const rhcSpace600 = "3rem";
1229
+ export const rhcSpace700 = "3.5rem";
1219
1230
  export const nlSkipLinkFontWeight = 700;
1220
- export const nlSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1231
+ export const nlSkipLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1221
1232
  export const nlSkipLinkFontSize = "1.25rem";
1222
1233
  export const nlSkipLinkLineHeight = "150%";
1223
1234
  export const nlSkipLinkMinBlockSize = "48px";
@@ -1227,13 +1238,13 @@ export const nlSkipLinkPaddingBlockStart = "0.75rem";
1227
1238
  export const nlSkipLinkPaddingInlineEnd = "1rem";
1228
1239
  export const nlSkipLinkPaddingInlineStart = "1rem";
1229
1240
  export const nlSkipLinkFocusBackgroundColor = "#fff";
1230
- export const nlSkipLinkFocusBorderColor = "#154273";
1241
+ export const nlSkipLinkFocusBorderColor = "#76d2b6";
1231
1242
  export const nlSkipLinkFocusBorderStyle = "solid";
1232
1243
  export const nlSkipLinkFocusBorderWidth = "2px";
1233
1244
  export const nlSkipLinkFocusColor = "#0F172A";
1234
1245
  export const nlSkipLinkFocusTextDecoration = "None";
1235
1246
  export const nlSkipLinkFocusVisibleOutlineColor = "#000";
1236
- export const nlSkipLinkBackgroundColor = "#154273";
1247
+ export const nlSkipLinkBackgroundColor = "#76d2b6";
1237
1248
  export const nlSkipLinkBorderColor = "transparent";
1238
1249
  export const nlSkipLinkColor = "#fff";
1239
1250
  export const nlSkipLinkBorderWidth = "2px";
@@ -1245,7 +1256,7 @@ export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
1245
1256
  export const nlSkipLinkTextDecoration = "underline";
1246
1257
  export const nlSkipLinkTextUnderlineOffset = "0.125rem";
1247
1258
  export const nlParagraphColor = "#0F172A";
1248
- export const nlParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1259
+ export const nlParagraphFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1249
1260
  export const nlParagraphFontSize = "1.25rem";
1250
1261
  export const nlParagraphFontWeight = 400;
1251
1262
  export const nlParagraphLineHeight = "150%";
@@ -1273,40 +1284,40 @@ export const nlLinkIconSize = "24px";
1273
1284
  export const nlLinkColumnGap = "0.25rem";
1274
1285
  export const nlLinkTextDecorationThickness = "auto";
1275
1286
  export const nlLinkTextUnderlineOffset = "0.125rem";
1276
- export const nlLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1287
+ export const nlLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1277
1288
  export const nlLinkFontWeight = 400;
1278
1289
  export const nlLinkFontSize = "1.25rem";
1279
1290
  export const nlLinkLineHeight = "150%";
1280
- export const nlHeadingLevel1Color = "#154273";
1281
- export const nlHeadingLevel1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1291
+ export const nlHeadingLevel1Color = "#76d2b6";
1292
+ export const nlHeadingLevel1FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1282
1293
  export const nlHeadingLevel1FontWeight = 700;
1283
1294
  export const nlHeadingLevel1LineHeight = "125%";
1284
1295
  export const nlHeadingLevel1FontSize = "3.125rem";
1285
1296
  export const nlHeadingLevel1MarginBlockEnd = 0;
1286
1297
  export const nlHeadingLevel1MarginBlockStart = 0;
1287
- export const nlHeadingLevel2Color = "#154273";
1288
- export const nlHeadingLevel2FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1298
+ export const nlHeadingLevel2Color = "#76d2b6";
1299
+ export const nlHeadingLevel2FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1289
1300
  export const nlHeadingLevel2FontWeight = 700;
1290
1301
  export const nlHeadingLevel2LineHeight = "125%";
1291
1302
  export const nlHeadingLevel2FontSize = "2.5rem";
1292
1303
  export const nlHeadingLevel2MarginBlockEnd = 0;
1293
1304
  export const nlHeadingLevel2MarginBlockStart = 0;
1294
- export const nlHeadingLevel3Color = "#154273";
1295
- export const nlHeadingLevel3FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1305
+ export const nlHeadingLevel3Color = "#76d2b6";
1306
+ export const nlHeadingLevel3FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1296
1307
  export const nlHeadingLevel3FontWeight = 700;
1297
1308
  export const nlHeadingLevel3LineHeight = "125%";
1298
1309
  export const nlHeadingLevel3FontSize = "1.875rem";
1299
1310
  export const nlHeadingLevel3MarginBlockEnd = 0;
1300
1311
  export const nlHeadingLevel3MarginBlockStart = 0;
1301
- export const nlHeadingLevel4Color = "#154273";
1302
- export const nlHeadingLevel4FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1312
+ export const nlHeadingLevel4Color = "#76d2b6";
1313
+ export const nlHeadingLevel4FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1303
1314
  export const nlHeadingLevel4FontWeight = 700;
1304
1315
  export const nlHeadingLevel4LineHeight = "125%";
1305
1316
  export const nlHeadingLevel4FontSize = "1.5rem";
1306
1317
  export const nlHeadingLevel4MarginBlockEnd = 0;
1307
1318
  export const nlHeadingLevel4MarginBlockStart = 0;
1308
- export const nlHeadingLevel5Color = "#154273";
1309
- export const nlHeadingLevel5FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1319
+ export const nlHeadingLevel5Color = "#76d2b6";
1320
+ export const nlHeadingLevel5FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1310
1321
  export const nlHeadingLevel5FontWeight = 700;
1311
1322
  export const nlHeadingLevel5LineHeight = "125%";
1312
1323
  export const nlHeadingLevel5FontSize = "1.25rem";
@@ -1319,8 +1330,8 @@ export const nlNumberBadgeMinInlineSize = "24px";
1319
1330
  export const nlNumberBadgeFontWeight = 700;
1320
1331
  export const nlNumberBadgeBorderWidth = "0px";
1321
1332
  export const nlNumberBadgeBorderRadius = "999px";
1322
- export const nlNumberBadgeFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1323
- export const nlNumberBadgeBackgroundColor = "#154273";
1333
+ export const nlNumberBadgeFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
1334
+ export const nlNumberBadgeBackgroundColor = "#76d2b6";
1324
1335
  export const nlNumberBadgeBorderColor = "transparent";
1325
1336
  export const nlNumberBadgeColor = "#fff";
1326
1337
  export const nlNumberBadgePaddingInline = "0.5rem";