@rijkshuisstijl-community/design-tokens 5.0.0 → 7.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 (105) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/dist/_variables.scss +626 -673
  3. package/dist/index.css +626 -673
  4. package/dist/index.d.ts +708 -755
  5. package/dist/index.js +710 -757
  6. package/dist/index.json +709 -756
  7. package/dist/index.tokens.json +1745 -1802
  8. package/dist/koop/_variables.scss +61 -123
  9. package/dist/koop/index.css +61 -123
  10. package/dist/koop/index.d.ts +59 -121
  11. package/dist/koop/index.js +61 -123
  12. package/dist/koop/index.json +60 -122
  13. package/dist/koop/index.tokens.json +83 -165
  14. package/dist/koop/root.css +61 -123
  15. package/dist/koop/tokens.d.ts +82 -164
  16. package/dist/koop/tokens.js +3879 -5309
  17. package/dist/root.css +626 -673
  18. package/dist/tokens.d.ts +1639 -1696
  19. package/dist/tokens.js +25088 -26173
  20. package/dist/uitvoerend-groen/_variables.scss +51 -113
  21. package/dist/uitvoerend-groen/index.css +51 -113
  22. package/dist/uitvoerend-groen/index.d.ts +49 -111
  23. package/dist/uitvoerend-groen/index.js +51 -113
  24. package/dist/uitvoerend-groen/index.json +50 -112
  25. package/dist/uitvoerend-groen/index.tokens.json +71 -153
  26. package/dist/uitvoerend-groen/root.css +51 -113
  27. package/dist/uitvoerend-groen/tokens.d.ts +70 -152
  28. package/dist/uitvoerend-groen/tokens.js +2417 -3847
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +51 -113
  30. package/dist/uitvoerend-hemelblauw/index.css +51 -113
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +49 -111
  32. package/dist/uitvoerend-hemelblauw/index.js +51 -113
  33. package/dist/uitvoerend-hemelblauw/index.json +50 -112
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +71 -153
  35. package/dist/uitvoerend-hemelblauw/root.css +51 -113
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +70 -152
  37. package/dist/uitvoerend-hemelblauw/tokens.js +2417 -3847
  38. package/dist/uitvoerend-mintgroen/_variables.scss +51 -113
  39. package/dist/uitvoerend-mintgroen/index.css +51 -113
  40. package/dist/uitvoerend-mintgroen/index.d.ts +49 -111
  41. package/dist/uitvoerend-mintgroen/index.js +51 -113
  42. package/dist/uitvoerend-mintgroen/index.json +50 -112
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +71 -153
  44. package/dist/uitvoerend-mintgroen/root.css +51 -113
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +70 -152
  46. package/dist/uitvoerend-mintgroen/tokens.js +2417 -3847
  47. package/dist/uitvoerend-oranje/_variables.scss +74 -136
  48. package/dist/uitvoerend-oranje/index.css +74 -136
  49. package/dist/uitvoerend-oranje/index.d.ts +72 -134
  50. package/dist/uitvoerend-oranje/index.js +74 -136
  51. package/dist/uitvoerend-oranje/index.json +73 -135
  52. package/dist/uitvoerend-oranje/index.tokens.json +105 -187
  53. package/dist/uitvoerend-oranje/root.css +74 -136
  54. package/dist/uitvoerend-oranje/tokens.d.ts +101 -183
  55. package/dist/uitvoerend-oranje/tokens.js +3100 -4530
  56. package/dist/uitvoerend-paars/_variables.scss +51 -113
  57. package/dist/uitvoerend-paars/index.css +51 -113
  58. package/dist/uitvoerend-paars/index.d.ts +49 -111
  59. package/dist/uitvoerend-paars/index.js +51 -113
  60. package/dist/uitvoerend-paars/index.json +50 -112
  61. package/dist/uitvoerend-paars/index.tokens.json +71 -153
  62. package/dist/uitvoerend-paars/root.css +51 -113
  63. package/dist/uitvoerend-paars/tokens.d.ts +70 -152
  64. package/dist/uitvoerend-paars/tokens.js +2417 -3847
  65. package/dist/uitvoerend-violet/_variables.scss +51 -113
  66. package/dist/uitvoerend-violet/index.css +51 -113
  67. package/dist/uitvoerend-violet/index.d.ts +49 -111
  68. package/dist/uitvoerend-violet/index.js +51 -113
  69. package/dist/uitvoerend-violet/index.json +50 -112
  70. package/dist/uitvoerend-violet/index.tokens.json +71 -153
  71. package/dist/uitvoerend-violet/root.css +51 -113
  72. package/dist/uitvoerend-violet/tokens.d.ts +70 -152
  73. package/dist/uitvoerend-violet/tokens.js +2417 -3847
  74. package/dist/uitvoerend-violet-oud/_variables.scss +106 -168
  75. package/dist/uitvoerend-violet-oud/index.css +106 -168
  76. package/dist/uitvoerend-violet-oud/index.d.ts +104 -166
  77. package/dist/uitvoerend-violet-oud/index.js +106 -168
  78. package/dist/uitvoerend-violet-oud/index.json +105 -167
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +138 -220
  80. package/dist/uitvoerend-violet-oud/root.css +106 -168
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +136 -218
  82. package/dist/uitvoerend-violet-oud/tokens.js +3558 -4988
  83. package/dist/wetgevend/_variables.scss +51 -113
  84. package/dist/wetgevend/index.css +51 -113
  85. package/dist/wetgevend/index.d.ts +49 -111
  86. package/dist/wetgevend/index.js +51 -113
  87. package/dist/wetgevend/index.json +50 -112
  88. package/dist/wetgevend/index.tokens.json +71 -153
  89. package/dist/wetgevend/root.css +51 -113
  90. package/dist/wetgevend/tokens.d.ts +70 -152
  91. package/dist/wetgevend/tokens.js +2417 -3847
  92. package/figma/figma.tokens.json +953 -906
  93. package/package.json +2 -2
  94. package/src/generated/base.tokens.json +4984 -5182
  95. package/src/generated/koop/tokens.json +261 -529
  96. package/src/generated/themes.json +2258 -4670
  97. package/src/generated/uitvoerend-groen/tokens.json +217 -485
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +217 -485
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +217 -485
  100. package/src/generated/uitvoerend-oranje/tokens.json +304 -572
  101. package/src/generated/uitvoerend-paars/tokens.json +217 -485
  102. package/src/generated/uitvoerend-violet/tokens.json +217 -485
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +482 -750
  104. package/src/generated/wetgevend/tokens.json +217 -485
  105. package/token-transformer.mjs +1 -3
package/dist/index.js CHANGED
@@ -1,717 +1,24 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 22 Aug 2025 10:20:29 GMT
3
+ * Generated on Tue, 09 Sep 2025 07:01:22 GMT
4
4
  */
5
5
 
6
- export const utrechtColumnLayoutColumnRuleColor = "transparent";
7
- export const utrechtColumnLayoutColumnRuleWidth = "0px";
8
- export const utrechtColumnLayoutColumnWidth = "400px";
9
- export const utrechtColumnLayoutGap = "0.75rem";
10
- export const utrechtUnorderedListFontSize = "1.25rem";
11
- export const utrechtUnorderedListLineHeight = "150%";
12
- export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
13
- export const utrechtUnorderedListMarginBlockStart = "0.25rem";
14
- export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
15
- export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
16
- export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
17
- export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
18
- export const utrechtUnorderedListMarkerColor = "#0F172A";
19
- export const utrechtTextboxHoverBackgroundColor = "#fff";
20
- export const utrechtTextboxHoverBorderColor = "#738eab";
21
- export const utrechtTextboxHoverBorderWidth = "1px";
22
- export const utrechtTextboxHoverColor = "#0F172A";
23
- export const utrechtTextboxFocusBorderWidth = "2px";
24
- export const utrechtTextboxFocusBackgroundColor = "#fff";
25
- export const utrechtTextboxFocusBorderColor = "#154273";
26
- export const utrechtTextboxFocusColor = "#0F172A";
27
- export const utrechtTextboxBackgroundColor = "#fff";
28
- export const utrechtTextboxBorderBlockEndWidth = "auto";
29
- export const utrechtTextboxBorderColor = "#154273";
30
- export const utrechtTextboxBorderRadius = "2.5px";
31
- export const utrechtTextboxBorderWidth = "1px";
32
- export const utrechtTextboxColor = "#0F172A";
33
- export const utrechtTextboxFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
34
- export const utrechtTextboxFontSize = "1.25rem";
35
- export const utrechtTextboxFontWeight = 400;
36
- export const utrechtTextboxLineHeight = "150%";
37
- export const utrechtTextboxMaxInlineSize = "400px";
38
- export const utrechtTextboxMinBlockSize = "48px";
39
- export const utrechtTextboxPaddingBlockEnd = "0.5rem";
40
- export const utrechtTextboxPaddingBlockStart = "0.5rem";
41
- export const utrechtTextboxPaddingInlineEnd = "0.75rem";
42
- export const utrechtTextboxPaddingInlineStart = "0.75rem";
43
- export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
44
- export const utrechtTextboxInvalidBorderBlockEndWidth = "1px";
45
- export const utrechtTextboxInvalidBorderColor = "#d52b1e";
46
- export const utrechtTextboxInvalidBorderWidth = "1px";
47
- export const utrechtTextboxInvalidColor = "#0F172A";
48
- export const utrechtTextboxPlaceholderColor = "#64748B";
49
- export const utrechtTextboxReadOnlyBackgroundColor = "#F1F5F9";
50
- export const utrechtTextboxReadOnlyBorderColor = "transparent";
51
- export const utrechtTextboxReadOnlyColor = "#0F172A";
52
- export const utrechtTextboxDisabledBackgroundColor = "#CBD5E1";
53
- export const utrechtTextboxDisabledBorderColor = "#94A3B8";
54
- export const utrechtTextboxDisabledColor = "#475569";
55
- export const utrechtTextareaBorderBottomWidth = "1px";
56
- export const utrechtTextareaHoverBackgroundColor = "#fff";
57
- export const utrechtTextareaHoverBorderColor = "#738eab";
58
- export const utrechtTextareaHoverBorderWidth = "1px";
59
- export const utrechtTextareaHoverColor = "#0F172A";
60
- export const utrechtTextareaFocusBorderWidth = "2px";
61
- export const utrechtTextareaFocusBackgroundColor = "#fff";
62
- export const utrechtTextareaFocusBorderColor = "#154273";
63
- export const utrechtTextareaFocusColor = "#0F172A";
64
- export const utrechtTextareaBackgroundColor = "#fff";
65
- export const utrechtTextareaBorderBlockEndWidth = "1px";
66
- export const utrechtTextareaBorderColor = "#154273";
67
- export const utrechtTextareaBorderRadius = "2.5px";
68
- export const utrechtTextareaBorderWidth = "1px";
69
- export const utrechtTextareaColor = "#0F172A";
70
- export const utrechtTextareaFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
71
- export const utrechtTextareaFontSize = "1.25rem";
72
- export const utrechtTextareaFontWeight = 400;
73
- export const utrechtTextareaLineHeight = "150%";
74
- export const utrechtTextareaMaxInlineSize = "400px";
75
- export const utrechtTextareaMinBlockSize = "48px";
76
- export const utrechtTextareaPaddingBlockEnd = "0.5rem";
77
- export const utrechtTextareaPaddingBlockStart = "0.5rem";
78
- export const utrechtTextareaPaddingInlineEnd = "0.75rem";
79
- export const utrechtTextareaPaddingInlineStart = "0.75rem";
80
- export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
81
- export const utrechtTextareaInvalidBorderBlockEndWidth = "1px";
82
- export const utrechtTextareaInvalidBorderColor = "#d52b1e";
83
- export const utrechtTextareaInvalidBorderWidth = "1px";
84
- export const utrechtTextareaInvalidColor = "#0F172A";
85
- export const utrechtTextareaPlaceholderColor = "#64748B";
86
- export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
87
- export const utrechtTextareaReadOnlyBorderColor = "transparent";
88
- export const utrechtTextareaReadOnlyColor = "#0F172A";
89
- export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
90
- export const utrechtTextareaDisabledBorderColor = "#94A3B8";
91
- export const utrechtTextareaDisabledColor = "#475569";
92
- export const utrechtTableHeaderCellLineHeight = "150%";
93
- export const utrechtTableHeaderCellColor = "#0F172A";
94
- export const utrechtTableHeaderCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
95
- export const utrechtTableHeaderCellFontWeight = 700;
96
- export const utrechtTableHeaderCellFontSize = "1.25rem";
97
- export const utrechtTableCaptionLineHeight = "125%";
98
- export const utrechtTableCaptionMarginBlockEnd = "1.5rem";
99
- export const utrechtTableCaptionColor = "#0F172A";
100
- export const utrechtTableCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
101
- export const utrechtTableCaptionFontWeight = 700;
102
- export const utrechtTableCaptionFontSize = "1.875rem";
103
- export const utrechtTableCellPaddingBlockEnd = "0.75rem";
104
- export const utrechtTableCellPaddingBlockStart = "0.75rem";
105
- export const utrechtTableCellPaddingInlineEnd = "1rem";
106
- export const utrechtTableCellPaddingInlineStart = "1rem";
107
- export const utrechtTableCellLineHeight = "150%";
108
- export const utrechtTableDataCellColor = "#0F172A";
109
- export const utrechtTableDataCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
110
- export const utrechtTableDataCellFontWeight = 400;
111
- export const utrechtTableDataCellLineHeight = "150%";
112
- export const utrechtTableDataCellFontSize = "1.25rem";
113
- export const utrechtTableHeaderBorderBlockEndWidth = "2px";
114
- export const utrechtTableHeaderBorderBlockEndColor = "#CBD5E1";
115
- export const utrechtTableHeaderBackgroundColor = "transparent";
116
- export const utrechtTableFooterBorderBlockEndWidth = "1px";
117
- export const utrechtTableFooterBorderBlockEndColor = "#CBD5E1";
118
- export const utrechtTableFooterBackgroundColor = "transparent";
119
- export const utrechtTableRowBorderBlockEndWidth = "1px";
120
- export const utrechtTableRowBorderBlockEndColor = "#CBD5E1";
121
- export const utrechtTableRowBackgroundColor = "transparent";
122
- export const utrechtTableFooterCellFontWeight = 700;
123
- export const utrechtTableFooterCellFontSize = "1.25rem";
124
- export const utrechtTableFooterCellColor = "#0F172A";
125
- export const utrechtTableFooterCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
126
- export const utrechtTableFooterCellLineHeight = "150%";
127
- export const utrechtTableContainerBoxInlineEndShadowX = 0;
128
- export const utrechtTableContainerBoxInlineEndShadowY = "16px";
129
- export const utrechtTableContainerBoxInlineEndShadowBlur = "48px";
130
- export const utrechtTableContainerBoxInlineEndShadowSpread = 0;
131
- export const utrechtTableContainerBoxInlineEndShadowColor = "#0000001a";
132
- export const utrechtTableContainerBoxInlineStartShadowX = 0;
133
- export const utrechtTableContainerBoxInlineStartShadowY = "16px";
134
- export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
135
- export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
136
- export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
137
- export const utrechtTableFontSize = "1.25rem";
138
- export const utrechtSkipLinkFocusTextDecoration = "None";
139
- export const utrechtSkipLinkFocusBorderColor = "#154273";
140
- export const utrechtSkipLinkFocusBorderWidth = "2px";
141
- export const utrechtSkipLinkFocusBorderStyle = "solid";
142
- export const utrechtSkipLinkFocusBackgroundColor = "#fff";
143
- export const utrechtSkipLinkFocusColor = "#01689b";
144
- export const utrechtSkipLinkBorderColor = "transparent";
145
- export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
146
- export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
147
- export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
148
- export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
149
- export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
150
- export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
151
- export const utrechtSkipLinkFocusVisibleTextDecoration = "underline";
152
- export const utrechtSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
153
- export const utrechtSkipLinkFontWeight = 700;
154
- export const utrechtSkipLinkLineHeight = "150%";
155
- export const utrechtSkipLinkBorderWidth = "2px";
156
- export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
157
- export const utrechtSkipLinkFontSize = "1.25rem";
158
- export const utrechtSkipLinkBackgroundColor = "#fff";
159
- export const utrechtSkipLinkColor = "#01689b";
160
- export const utrechtSkipLinkMinBlockSize = "48px";
161
- export const utrechtSkipLinkMinInlineSize = "48px";
162
- export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
163
- export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
164
- export const utrechtSkipLinkPaddingInlineEnd = "1rem";
165
- export const utrechtSkipLinkPaddingInlineStart = "1rem";
166
- export const utrechtSkipLinkTextDecoration = "underline";
167
- export const utrechtSeparatorBlockSize = "2px";
168
- export const utrechtSeparatorColor = "#CBD5E1";
169
- export const utrechtSeparatorMarginBlockEnd = "0.75rem";
170
- export const utrechtSeparatorMarginBlockStart = "0.75rem";
171
- export const utrechtSelectBorderBottomWidth = "auto";
172
- export const utrechtSelectBorderRadius = "2.5px";
173
- export const utrechtSelectBorderWidth = "1px";
174
- export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
175
- export const utrechtSelectMaxInlineSize = "400px";
176
- export const utrechtSelectPaddingBlockEnd = "0.5rem";
177
- export const utrechtSelectPaddingBlockStart = "0.5rem";
178
- export const utrechtSelectPaddingInlineEnd = "0.75rem";
179
- export const utrechtSelectPaddingInlineStart = "0.75rem";
180
- export const utrechtSelectIconSize = "24px";
181
- export const utrechtSelectInvalidBorderWidth = "1px";
182
- export const utrechtSelectInvalidColor = "#0F172A";
183
- export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
184
- export const utrechtSelectInvalidBorderBlockEndWidth = "1px";
185
- export const utrechtSelectInvalidBorderColor = "#d52b1e";
186
- export const utrechtSelectHoverBorderWidth = "1px";
187
- export const utrechtSelectHoverBackgroundColor = "#fff";
188
- export const utrechtSelectHoverBorderColor = "#738eab";
189
- export const utrechtSelectHoverColor = "#0F172A";
190
- export const utrechtSelectFocusBorderWidth = "2px";
191
- export const utrechtSelectFocusBackgroundColor = "#fff";
192
- export const utrechtSelectFocusBorderColor = "#154273";
193
- export const utrechtSelectFocusColor = "#0F172A";
194
- export const utrechtSelectBackgroundColor = "#fff";
195
- export const utrechtSelectBorderBlockEndWidth = "1px";
196
- export const utrechtSelectBorderColor = "#154273";
197
- export const utrechtSelectColor = "#0F172A";
198
- export const utrechtSelectFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
199
- export const utrechtSelectFontSize = "1.25rem";
200
- export const utrechtSelectFontWeight = 400;
201
- export const utrechtSelectLineHeight = "150%";
202
- export const utrechtSelectMinBlockSize = "48px";
203
- export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
204
- export const utrechtSelectDisabledBorderColor = "#94A3B8";
205
- export const utrechtSelectDisabledColor = "#475569";
206
- export const utrechtRadioButtonBorderRadius = "999px";
207
- export const utrechtRadioButtonDotSize = "12px";
208
- export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
209
- export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
210
- export const utrechtRadioButtonCheckedDisabledColor = "#475569";
211
- export const utrechtRadioButtonCheckedBackgroundColor = "#154273";
212
- export const utrechtRadioButtonCheckedBorderColor = "transparent";
213
- export const utrechtRadioButtonCheckedBorderWidth = "1px";
214
- export const utrechtRadioButtonCheckedColor = "#fff";
215
- export const utrechtRadioButtonCheckedActiveBackgroundColor = "#4f7196";
216
- export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
217
- export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
218
- export const utrechtRadioButtonCheckedActiveColor = "#fff";
219
- export const utrechtRadioButtonCheckedHoverBackgroundColor = "#738eab";
220
- export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
221
- export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
222
- export const utrechtRadioButtonCheckedHoverColor = "#fff";
223
- export const utrechtRadioButtonCheckedFocusBackgroundColor = "#fff";
224
- export const utrechtRadioButtonCheckedFocusBorderColor = "#154273";
225
- export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
226
- export const utrechtRadioButtonCheckedFocusColor = "#154273";
227
- export const utrechtRadioButtonBackgroundColor = "#fff";
228
- export const utrechtRadioButtonBorderColor = "#154273";
229
- export const utrechtRadioButtonColor = "#154273";
230
- export const utrechtRadioButtonBorderWidth = "1px";
231
- export const utrechtRadioButtonSize = "24px";
232
- export const utrechtRadioButtonIconSize = "12px";
233
- export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
234
- export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
235
- export const utrechtRadioButtonInvalidColor = "#d52b1e";
236
- export const utrechtRadioButtonInvalidBorderWidth = "1px";
237
- export const utrechtRadioButtonActiveBackgroundColor = "#fff";
238
- export const utrechtRadioButtonActiveBorderColor = "#4f7196";
239
- export const utrechtRadioButtonActiveColor = "#4f7196";
240
- export const utrechtRadioButtonActiveBorderWidth = "1px";
241
- export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
242
- export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
243
- export const utrechtRadioButtonDisabledColor = "#94A3B8";
244
- export const utrechtRadioButtonHoverBackgroundColor = "#fff";
245
- export const utrechtRadioButtonHoverBorderColor = "#738eab";
246
- export const utrechtRadioButtonHoverColor = "#738eab";
247
- export const utrechtRadioButtonHoverBorderWidth = "1px";
248
- export const utrechtRadioButtonFocusBackgroundColor = "#fff";
249
- export const utrechtRadioButtonFocusBorderColor = "#154273";
250
- export const utrechtRadioButtonFocusColor = "#154273";
251
- export const utrechtRadioButtonFocusBorderWidth = "2px";
252
- export const utrechtPreHeadingColor = "#0F172A";
253
- export const utrechtPreHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
254
- export const utrechtPreHeadingFontWeight = 700;
255
- export const utrechtPreHeadingLineHeight = "125%";
256
- export const utrechtPreHeadingFontSize = "1rem";
257
- export const utrechtOrderedListFontSize = "1.25rem";
258
- export const utrechtOrderedListLineHeight = "150%";
259
- export const utrechtOrderedListMarginBlockEnd = "0.25rem";
260
- export const utrechtOrderedListMarginBlockStart = "0.25rem";
261
- export const utrechtOrderedListPaddingInlineStart = "2rem";
262
- export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
263
- export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
264
- export const utrechtOrderedListItemPaddingInlineStart = "0.5rem";
265
- export const utrechtNumberBadgeLineHeight = "125%";
266
- export const utrechtNumberBadgeBackgroundColor = "#154273";
267
- export const utrechtNumberBadgeBorderColor = "transparent";
268
- export const utrechtNumberBadgeBorderRadius = "999px";
269
- export const utrechtNumberBadgeBorderWidth = "0px";
270
- export const utrechtNumberBadgeColor = "#fff";
271
- export const utrechtNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
272
- export const utrechtNumberBadgeFontSize = "1.25rem";
273
- export const utrechtNumberBadgeFontWeight = 700;
274
- export const utrechtNumberBadgeMinBlockSize = "24px";
275
- export const utrechtNumberBadgeMinInlineSize = "24px";
276
- export const utrechtNumberBadgePaddingBlock = "0.125rem";
277
- export const utrechtNumberBadgePaddingInline = "0.5rem";
278
- export const utrechtLinkListMarginBlockEnd = "0rem";
279
- export const utrechtLinkListMarginBlockStart = "0rem";
280
- export const utrechtLinkListRowGap = "0.5rem";
281
- export const utrechtLinkListIconInsetBlockStart = "0.188rem";
282
- export const utrechtLinkListIconSize = "24px";
283
- export const utrechtLinkListLinkColumnGap = "0.5rem";
284
- export const utrechtLinkListLinkTextDecoration = "None";
285
- export const utrechtLinkListFontWeight = 400;
286
- export const utrechtLinkColor = "#01689b";
287
- export const utrechtLinkTextDecorationColor = "inherit";
288
- export const utrechtLinkColumnGap = "0.25rem";
289
- export const utrechtLinkTextDecoration = "underline";
290
- export const utrechtLinkTextDecorationThickness = "0.0625em";
291
- export const utrechtLinkTextUnderlineOffset = "0.125rem";
292
- export const utrechtLinkIconSize = "24px";
293
- export const utrechtLinkActiveColor = "#163f5b";
294
- export const utrechtLinkHoverColor = "#15496a";
295
- export const utrechtLinkHoverTextDecoration = "underline";
296
- export const utrechtLinkHoverTextDecorationThickness = "0.1875em";
297
- export const utrechtLinkFocusBackgroundColor = "transparent";
298
- export const utrechtLinkFocusColor = "#01689b";
299
- export const utrechtLinkFocusVisibleTextDecoration = "None";
300
- export const utrechtLinkFocusVisibleTextDecorationThickness = "0.0625em";
301
- export const utrechtLinkVisitedColor = "#01689b";
302
- export const utrechtIconColor = "inherit";
303
- export const utrechtIconSize = "24px";
304
- export const utrechtIconInsetBlockStart = "0rem";
305
- export const utrechtFormLabelColor = "#0F172A";
306
- export const utrechtFormLabelFontSize = "1.25rem";
307
- export const utrechtFormLabelFontWeight = 700;
308
- export const utrechtFormLabelCheckboxColor = "#0F172A";
309
- export const utrechtFormLabelCheckboxFontWeight = 400;
310
- export const utrechtFormLabelRadioColor = "#0F172A";
311
- export const utrechtFormLabelRadioFontWeight = 400;
312
- export const utrechtFormLabelCheckedFontWeight = 400;
313
- export const utrechtFormLabelDisabledColor = "#94A3B8";
314
- export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
315
- export const utrechtFormFieldErrorMessageIconSize = "24px";
316
- export const utrechtFormFieldErrorMessageBackgroundColor = "transparent";
317
- export const utrechtFormFieldErrorMessageColor = "#d52b1e";
318
- export const utrechtFormFieldErrorMessageFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
319
- export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
320
- export const utrechtFormFieldErrorMessageFontWeight = 400;
321
- export const utrechtFormFieldErrorMessageLineHeight = "normal";
322
- export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem";
323
- export const utrechtFormFieldErrorMessageMarginBlockStart = "0rem";
324
- export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
325
- export const utrechtFormFieldErrorMessagePaddingBlockStart = "0rem";
326
- export const utrechtFormFieldErrorMessagePaddingInlineEnd = "0rem";
327
- export const utrechtFormFieldErrorMessagePaddingInlineStart = "0rem";
328
- export const utrechtFormFieldDescriptionPaddingBlockEnd = "0.5rem";
329
- export const utrechtFormFieldDescriptionColor = "#334155";
330
- export const utrechtFormFieldDescriptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
331
- export const utrechtFormFieldDescriptionFontSize = "1.25rem";
332
- export const utrechtFormFieldDescriptionLineHeight = "150%";
333
- export const utrechtFormFieldDescriptionMarginBlockEnd = "0.5rem";
334
- export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
335
- export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
336
- export const utrechtFormFieldMarginBlockEnd = "0.5rem";
337
- export const utrechtFormFieldMarginBlockStart = "0.5rem";
338
- export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
339
- export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
340
- export const utrechtFormFieldInvalidPaddingInlineStart = "0rem";
341
- export const utrechtPageFooterBackgroundColor = "#154273";
342
- export const utrechtPageFooterColor = "#fff";
343
- export const utrechtPageFooterPaddingBlockStart = "3rem";
344
- export const utrechtPageFooterPaddingBlockEnd = "3rem";
345
- export const utrechtPageFooterPaddingInlineStart = "80px";
346
- export const utrechtPageFooterPaddingInlineEnd = "80px";
347
- export const utrechtFigureCaptionBorderColor = "#CBD5E1";
348
- export const utrechtFigureCaptionBorderWidth = "4px";
349
- export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
350
- export const utrechtFigureCaptionPaddingBlockStart = "0.5rem";
351
- export const utrechtFigureCaptionPaddingInlineStart = "1rem";
352
- export const utrechtFigureCaptionColor = "#0F172A";
353
- export const utrechtFigureCaptionFontSize = "1.25rem";
354
- export const utrechtFigureCaptionLineHeight = "150%";
355
- export const utrechtFigureImgBorderEndEndRadius = 0;
356
- export const utrechtFigureImgBorderEndStartRadius = 0;
357
- export const utrechtFigureImgBorderStartEndRadius = 0;
358
- export const utrechtFigureImgBorderStartStartRadius = 0;
359
- export const utrechtFormFieldsetLegendColor = "#0F172A";
360
- export const utrechtFormFieldsetLegendFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
361
- export const utrechtFormFieldsetLegendFontSize = "1.25rem";
362
- export const utrechtFormFieldsetLegendFontWeight = 700;
363
- export const utrechtFormFieldsetLegendLineHeight = "150%";
364
- export const utrechtFormFieldsetLegendDisabledColor = "#334155";
365
- export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
366
- export const utrechtFormFieldsetSectionColor = "#0F172A";
367
- export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
368
- export const utrechtFormFieldsetInvalidPaddingInlineStart = "0rem";
369
- export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
370
- export const utrechtDataBadgeBackgroundColor = "#dce3ea";
371
- export const utrechtDataBadgeBorderRadius = "10px";
372
- export const utrechtDataBadgeColor = "#154273";
373
- export const utrechtDataBadgePaddingBlock = "0.125rem";
374
- export const utrechtDataBadgePaddingInline = "0.75rem";
375
- export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#4f7196";
376
- export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
377
- export const utrechtCheckboxIndeterminateActiveColor = "#fff";
378
- export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
379
- export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
380
- export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
381
- export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
382
- export const utrechtCheckboxIndeterminateHoverBackgroundColor = "#738eab";
383
- export const utrechtCheckboxIndeterminateHoverBorderColor = "transparent";
384
- export const utrechtCheckboxIndeterminateHoverColor = "#fff";
385
- export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
386
- export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#fff";
387
- export const utrechtCheckboxIndeterminateFocusBorderColor = "#154273";
388
- export const utrechtCheckboxIndeterminateFocusColor = "#154273";
389
- export const utrechtCheckboxIndeterminateFocusBorderWidth = "2px";
390
- export const utrechtCheckboxIndeterminateBackgroundColor = "#154273";
391
- export const utrechtCheckboxIndeterminateBorderColor = "transparent";
392
- export const utrechtCheckboxIndeterminateBorderWidth = "1px";
393
- export const utrechtCheckboxIndeterminateColor = "#fff";
394
- export const utrechtCheckboxCheckedActiveBackgroundColor = "#4f7196";
395
- export const utrechtCheckboxCheckedActiveBorderColor = "transparent";
396
- export const utrechtCheckboxCheckedActiveColor = "#fff";
397
- export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
398
- export const utrechtCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
399
- export const utrechtCheckboxCheckedDisabledBorderColor = "#94A3B8";
400
- export const utrechtCheckboxCheckedDisabledColor = "#475569";
401
- export const utrechtCheckboxCheckedHoverBackgroundColor = "#738eab";
402
- export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
403
- export const utrechtCheckboxCheckedHoverColor = "#fff";
404
- export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
405
- export const utrechtCheckboxCheckedFocusBackgroundColor = "#fff";
406
- export const utrechtCheckboxCheckedFocusBorderColor = "#154273";
407
- export const utrechtCheckboxCheckedFocusColor = "#154273";
408
- export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
409
- export const utrechtCheckboxCheckedBackgroundColor = "#154273";
410
- export const utrechtCheckboxCheckedBorderColor = "transparent";
411
- export const utrechtCheckboxCheckedBorderWidth = "1px";
412
- export const utrechtCheckboxCheckedColor = "#fff";
413
- export const utrechtCheckboxBackgroundColor = "#fff";
414
- export const utrechtCheckboxBorderColor = "#154273";
415
- export const utrechtCheckboxBorderRadius = "2.5px";
416
- export const utrechtCheckboxBorderWidth = "1px";
417
- export const utrechtCheckboxSize = "24px";
418
- export const utrechtCheckboxIconSize = "24px";
419
- export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
420
- export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
421
- export const utrechtCheckboxInvalidBorderWidth = "1px";
422
- export const utrechtCheckboxActiveBackgroundColor = "#fff";
423
- export const utrechtCheckboxActiveBorderColor = "#4f7196";
424
- export const utrechtCheckboxActiveBorderWidth = "1px";
425
- export const utrechtCheckboxDisabledBackgroundColor = "#CBD5E1";
426
- export const utrechtCheckboxDisabledBorderColor = "#94A3B8";
427
- export const utrechtCheckboxHoverBackgroundColor = "#fff";
428
- export const utrechtCheckboxHoverBorderColor = "#738eab";
429
- export const utrechtCheckboxHoverBorderWidth = "1px";
430
- export const utrechtCheckboxFocusBackgroundColor = "#fff";
431
- export const utrechtCheckboxFocusBorderColor = "#154273";
432
- export const utrechtCheckboxFocusBorderWidth = "2px";
433
- export const utrechtButtonBackgroundColor = "#0F172A";
434
- export const utrechtButtonBorderColor = "transparent";
435
- export const utrechtButtonBorderRadius = "5px";
436
- export const utrechtButtonBorderWidth = "1px";
437
- export const utrechtButtonColor = "#fff";
438
- export const utrechtButtonColumnGap = "0.5rem";
439
- export const utrechtButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
440
- export const utrechtButtonFontSize = "1.25rem";
441
- export const utrechtButtonFontWeight = 700;
442
- export const utrechtButtonLineHeight = "150%";
443
- export const utrechtButtonMinBlockSize = "48px";
444
- export const utrechtButtonMinInlineSize = "48px";
445
- export const utrechtButtonPaddingBlockEnd = "0.5rem";
446
- export const utrechtButtonPaddingBlockStart = "0.5rem";
447
- export const utrechtButtonPaddingInlineEnd = "1rem";
448
- export const utrechtButtonPaddingInlineStart = "1rem";
449
- export const utrechtButtonIconSize = "24px";
450
- export const utrechtButtonPressedBackgroundColor = "#1E293B";
451
- export const utrechtButtonPressedBorderColor = "transparent";
452
- export const utrechtButtonPressedColor = "#fff";
453
- export const utrechtButtonActiveBackgroundColor = "#1E293B";
454
- export const utrechtButtonActiveBorderColor = "transparent";
455
- export const utrechtButtonActiveColor = "#fff";
456
- export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
457
- export const utrechtButtonDisabledBorderColor = "transparent";
458
- export const utrechtButtonDisabledColor = "#94A3B8";
459
- export const utrechtButtonHoverBackgroundColor = "#475569";
460
- export const utrechtButtonHoverBorderColor = "transparent";
461
- export const utrechtButtonHoverColor = "#fff";
462
- export const utrechtButtonFocusBackgroundColor = "#475569";
463
- export const utrechtButtonFocusBorderColor = "transparent";
464
- export const utrechtButtonFocusColor = "#fff";
465
- export const utrechtButtonPrimaryActionBackgroundColor = "#154273";
466
- export const utrechtButtonPrimaryActionBorderColor = "transparent";
467
- export const utrechtButtonPrimaryActionColor = "#fff";
468
- export const utrechtButtonPrimaryActionFontSize = "1.25rem";
469
- export const utrechtButtonPrimaryActionFontWeight = 700;
470
- export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
471
- export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#b8c6d5";
472
- export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
473
- export const utrechtButtonPrimaryActionDisabledColor = "#4f7196";
474
- export const utrechtButtonPrimaryActionHoverBackgroundColor = "#162f50";
475
- export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
476
- export const utrechtButtonPrimaryActionHoverColor = "#fff";
477
- export const utrechtButtonPrimaryActionFocusBackgroundColor = "#162f50";
478
- export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
479
- export const utrechtButtonPrimaryActionFocusColor = "#fff";
480
- export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
481
- export const utrechtButtonPrimaryActionPressedColor = "#fff";
482
- export const utrechtButtonPrimaryActionPressedBackgroundColor = "#162945";
483
- export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
484
- export const utrechtButtonPrimaryActionActiveColor = "#fff";
485
- export const utrechtButtonPrimaryActionActiveBackgroundColor = "#0d2845";
486
- export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
487
- export const utrechtButtonSecondaryActionBorderColor = "#154273";
488
- export const utrechtButtonSecondaryActionColor = "#154273";
489
- export const utrechtButtonSecondaryActionFontSize = "1.25rem";
490
- export const utrechtButtonSecondaryActionFontWeight = 700;
491
- export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
492
- export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
493
- export const utrechtButtonSecondaryActionDisabledBorderColor = "#95a9c0";
494
- export const utrechtButtonSecondaryActionDisabledColor = "#738eab";
495
- export const utrechtButtonSecondaryActionHoverBackgroundColor = "#dce3ea";
496
- export const utrechtButtonSecondaryActionHoverBorderColor = "#162f50";
497
- export const utrechtButtonSecondaryActionHoverColor = "#162f50";
498
- export const utrechtButtonSecondaryActionFocusBackgroundColor = "#dce3ea";
499
- export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
500
- export const utrechtButtonSecondaryActionFocusColor = "#162f50";
501
- export const utrechtButtonSecondaryActionPressedBackgroundColor = "#b8c6d5";
502
- export const utrechtButtonSecondaryActionPressedBorderColor = "#162945";
503
- export const utrechtButtonSecondaryActionPressedColor = "#162945";
504
- export const utrechtButtonSecondaryActionActiveBackgroundColor = "#95a9c0";
505
- export const utrechtButtonSecondaryActionActiveColor = "#162f50";
506
- export const utrechtButtonSecondaryActionActiveBorderColor = "#162945";
507
- export const utrechtButtonSubtleBackgroundColor = "transparent";
508
- export const utrechtButtonSubtleBorderColor = "transparent";
509
- export const utrechtButtonSubtleColor = "#154273";
510
- export const utrechtButtonSubtleFontSize = "1.25rem";
511
- export const utrechtButtonSubtleFontWeight = 700;
512
- export const utrechtButtonSubtleLineHeight = "1.875rem";
513
- export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
514
- export const utrechtButtonSubtleDisabledBorderColor = "transparent";
515
- export const utrechtButtonSubtleDisabledColor = "#b8c6d5";
516
- export const utrechtButtonSubtleHoverBackgroundColor = "#dce3ea";
517
- export const utrechtButtonSubtleHoverBorderColor = "transparent";
518
- export const utrechtButtonSubtleHoverColor = "#162f50";
519
- export const utrechtButtonSubtleFocusBackgroundColor = "#dce3ea";
520
- export const utrechtButtonSubtleFocusBorderColor = "transparent";
521
- export const utrechtButtonSubtleFocusColor = "#162f50";
522
- export const utrechtButtonSubtlePressedBackgroundColor = "#b8c6d5";
523
- export const utrechtButtonSubtlePressedBorderColor = "transparent";
524
- export const utrechtButtonSubtlePressedColor = "#162945";
525
- export const utrechtButtonSubtleActiveBackgroundColor = "#95a9c0";
526
- export const utrechtButtonSubtleActiveBorderColor = "transparent";
527
- export const utrechtButtonSubtleActiveColor = "#0d2845";
528
- export const utrechtButtonGroupMarginBlockEnd = "0rem";
529
- export const utrechtButtonGroupMarginBlockStart = "0rem";
530
- export const utrechtButtonGroupBackgroundColor = "transparent";
531
- export const utrechtButtonGroupColumnGap = "0.5rem";
532
- export const utrechtButtonGroupPaddingBlockEnd = "0px";
533
- export const utrechtButtonGroupPaddingBlockStart = "0px";
534
- export const utrechtButtonGroupRowGap = "0.5rem";
535
- export const utrechtBreadcrumbNavFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
536
- export const utrechtBreadcrumbNavFontSize = "1.25rem";
537
- export const utrechtBreadcrumbNavLineHeight = "150%";
538
- export const utrechtBreadcrumbNavMinBlockSize = "48px";
539
- export const utrechtBreadcrumbNavItemPaddingBlockEnd = "0.5rem";
540
- export const utrechtBreadcrumbNavItemPaddingBlockStart = "0.5rem";
541
- export const utrechtBreadcrumbNavItemPaddingInlineEnd = "0.5rem";
542
- export const utrechtBreadcrumbNavItemPaddingInlineStart = "0.5rem";
543
- export const utrechtBreadcrumbNavItemFirstPaddingInlineStart = "0rem";
544
- export const utrechtBreadcrumbNavSeparatorColor = "#334155";
545
- export const utrechtBreadcrumbNavSeparatorIconSize = "24px";
546
- export const utrechtBreadcrumbNavLinkColor = "#01689b";
547
- export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
548
- export const utrechtBreadcrumbNavLinkCurrentFontWeight = 400;
549
- export const utrechtBreadcrumbNavLinkActiveColor = "#163f5b";
550
- export const utrechtBreadcrumbNavLinkActiveTextDecoration = "underline";
551
- export const utrechtBreadcrumbNavLinkDisabledColor = "#334155";
552
- export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
553
- export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
554
- export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
555
- export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
556
- export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
557
- export const utrechtBreadcrumbNavLinkIconSize = "24px";
558
- export const utrechtBlockquoteBorderBlockEndWidth = 0;
559
- export const utrechtBlockquoteBorderBlockStartWidth = 0;
560
- export const utrechtBlockquoteBorderEndEndRadius = 0;
561
- export const utrechtBlockquoteBorderEndStartRadius = 0;
562
- export const utrechtBlockquoteBorderInlineEndWidth = 0;
563
- export const utrechtBlockquoteBorderStartEndRadius = 0;
564
- export const utrechtBlockquoteBorderStartStartRadius = 0;
565
- export const utrechtBlockquoteMarginBlockEnd = 0;
566
- export const utrechtBlockquoteMarginBlockStart = 0;
567
- export const utrechtBlockquoteMarginInlineEnd = 0;
568
- export const utrechtBlockquoteMarginInlineStart = 0;
569
- export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
570
- export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#154273";
571
- export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
572
- export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
573
- export const utrechtBlockquoteCaptionColor = "#154273";
574
- export const utrechtBlockquoteCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
575
- export const utrechtBlockquoteCaptionFontSize = "1.25rem";
576
- export const utrechtBlockquoteCaptionFontWeight = 400;
577
- export const utrechtBlockquoteCaptionLineHeight = "150%";
578
- export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
579
- export const utrechtBlockquoteContentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
580
- export const utrechtBlockquoteContentFontWeight = 400;
581
- export const utrechtBlockquoteContentLineHeight = "150%";
582
- export const utrechtBlockquoteContentColor = "#154273";
583
- export const utrechtBlockquoteContentFontSize = "1.25rem";
584
- export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
585
- export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
586
- export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
587
- export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
588
- export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
589
- export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
590
- export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
591
- export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
592
- export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
593
- export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
594
- export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
595
- export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
596
- export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
597
- export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
598
- export const utrechtBlockquoteBackgroundColor = "transparent";
599
- export const utrechtBlockquoteBorderInlineStartWidth = "0px";
600
- export const utrechtBlockquoteBorderColor = "transparent";
601
- export const utrechtBlockquoteBorderRadius = "0px";
602
- export const utrechtBlockquoteBorderWidth = "0px";
603
- export const utrechtBlockquoteColor = "#154273";
604
- export const utrechtBlockquoteFontSize = "1.25rem";
605
- export const utrechtBlockquoteFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
606
- export const utrechtBlockquotePaddingBlockEnd = "2rem";
607
- export const utrechtBlockquotePaddingBlockStart = "2rem";
608
- export const utrechtBlockquotePaddingInlineEnd = "2rem";
609
- export const utrechtBlockquotePaddingInlineStart = "2rem";
610
- export const utrechtBlockquoteRowGap = "0.75rem";
611
- export const utrechtBlockquoteAttributionColor = "#154273";
612
- export const utrechtBlockquoteAttributionFontSize = "1.25rem";
613
- export const utrechtArticleMaxInlineSize = "75ch";
614
- export const utrechtAlertHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
615
- export const utrechtAlertHeadingFontSize = "1.25rem";
616
- export const utrechtAlertHeadingFontWeight = 700;
617
- export const utrechtAlertHeadingLineHeight = "150%";
618
- export const utrechtAlertMessageColumnGap = "0.5rem";
619
- export const utrechtAlertMessageLineHeight = "150%";
620
- export const utrechtAlertMessageRowGap = "0rem";
621
- export const utrechtAlertBackgroundColor = "#d9ebf7";
622
- export const utrechtAlertBorderColor = "transparent";
623
- export const utrechtAlertBorderRadius = "5px";
624
- export const utrechtAlertBorderWidth = "0px";
625
- export const utrechtAlertColor = "#000";
626
- export const utrechtAlertColumnGap = "0.5rem";
627
- export const utrechtAlertMarginBlockEnd = "0.75rem";
628
- export const utrechtAlertMarginBlockStart = "0.75rem";
629
- export const utrechtAlertPaddingBlockEnd = "1rem";
630
- export const utrechtAlertPaddingBlockStart = "1rem";
631
- export const utrechtAlertPaddingInlineEnd = "1rem";
632
- export const utrechtAlertPaddingInlineStart = "1rem";
633
- export const utrechtAlertContentRowGap = "0.5rem";
634
- export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
635
- export const utrechtAlertErrorBorderColor = "transparent";
636
- export const utrechtAlertErrorColor = "#000";
637
- export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
638
- export const utrechtAlertInfoBorderColor = "transparent";
639
- export const utrechtAlertInfoColor = "#000";
640
- export const utrechtAlertOkBackgroundColor = "#e1eddb";
641
- export const utrechtAlertOkBorderColor = "transparent";
642
- export const utrechtAlertOkColor = "#000";
643
- export const utrechtAlertWarningBackgroundColor = "#fff4db";
644
- export const utrechtAlertWarningBorderColor = "transparent";
645
- export const utrechtAlertWarningColor = "#000";
646
- export const utrechtAlertIconColor = "#007bc7";
647
- export const utrechtAlertIconInsetBlockStart = "3px";
648
- export const utrechtAlertIconSize = "24px";
649
- export const utrechtAlertIconErrorColor = "#d52b1e";
650
- export const utrechtAlertIconInfoColor = "#007bc7";
651
- export const utrechtAlertIconOkColor = "#39870c";
652
- export const utrechtAlertIconWarningColor = "#ffb612";
653
- export const utrechtAccordionButtonActiveRowGap = 0;
654
- export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
655
- export const utrechtAccordionButtonActiveBorderColor = "transparent";
656
- export const utrechtAccordionButtonActiveColor = "#0F172A";
657
- export const utrechtAccordionButtonFocusBackgroundColor = "#dce3ea";
658
- export const utrechtAccordionButtonFocusBorderColor = "#154273";
659
- export const utrechtAccordionButtonFocusColor = "#0F172A";
660
- export const utrechtAccordionButtonBackgroundColor = "#fff";
661
- export const utrechtAccordionButtonBorderColor = "transparent";
662
- export const utrechtAccordionButtonBorderRadius = "0px";
663
- export const utrechtAccordionButtonBorderWidth = "1px";
664
- export const utrechtAccordionButtonColor = "#0F172A";
665
- export const utrechtAccordionButtonGap = "0.5rem";
666
- export const utrechtAccordionButtonPaddingBlockEnd = "0.75rem";
667
- export const utrechtAccordionButtonPaddingBlockStart = "0.75rem";
668
- export const utrechtAccordionButtonPaddingInlineEnd = "1rem";
669
- export const utrechtAccordionButtonPaddingInlineStart = "1rem";
670
- export const utrechtAccordionButtonIconSize = "24px";
671
- export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
672
- export const utrechtAccordionButtonHoverBorderColor = "transparent";
673
- export const utrechtAccordionButtonHoverColor = "#0F172A";
674
- export const utrechtAccordionButtonFocusVisibleBackgroundColor = "#dce3ea";
675
- export const utrechtAccordionButtonFocusVisibleBorderColor = "transparent";
676
- export const utrechtAccordionButtonFocusVisibleBorderWidth = "1px";
677
- export const utrechtAccordionButtonFocusVisibleColor = "#0F172A";
678
- export const utrechtAccordionMarginBlockEnd = "0rem";
679
- export const utrechtAccordionMarginBlockStart = "0rem";
680
- export const utrechtAccordionRowGap = "0rem";
681
- export const utrechtAccordionPanelBorderColor = "transparent";
682
- export const utrechtAccordionPanelBorderWidth = "1px";
683
- export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
684
- export const utrechtAccordionPanelPaddingBlockStart = "1rem";
685
- export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
686
- export const utrechtAccordionPanelPaddingInlineStart = "1rem";
687
- export const utrechtAccordionSectionBorderColor = "#94A3B8";
688
- export const utrechtAccordionSectionHoverBorderColor = "#94A3B8";
689
- export const utrechtAccordionSectionBorderWidth = "1px";
690
- export const utrechtAccordionSectionMarginBlockEnd = "0rem";
691
- export const utrechtAccordionSectionMarginBlockStart = "0rem";
692
- export const utrechtRichTextStrangerMarginBlockEnd = "2rem";
693
- export const utrechtRichTextAcquaintanceMarginBlockEnd = "1rem";
694
- export const utrechtRichTextFriendMarginBlockEnd = "0.5rem";
695
- export const utrechtRichTextBestFriendMarginBlockEnd = "0.25rem";
696
- export const utrechtRichTextConfidantMarginBlockEnd = "0rem";
697
- export const utrechtPointerTargetMinSize = "48px";
698
- export const utrechtFocusOutlineColor = "#000";
699
- export const utrechtFocusOutlineOffset = "0.125rem";
700
- export const utrechtFocusOutlineStyle = "solid";
701
- export const utrechtFocusOutlineWidth = "2px";
702
- export const utrechtFocusInverseOutlineColor = "#fff";
703
- export const utrechtDocumentBackgroundColor = "#fff";
704
- export const utrechtDocumentColor = "#0F172A";
705
- export const utrechtDocumentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
706
- export const utrechtDocumentFontSize = "1.25rem";
707
- export const utrechtDocumentLineHeight = "150%";
708
- export const utrechtDocumentFontWeight = 400;
709
- export const utrechtActionActivateCursor = "pointer";
710
- export const utrechtActionBusyCursor = "wait";
711
- export const utrechtActionDisabledCursor = "not-allowed";
712
- export const utrechtActionInertCursor = "default";
713
- export const utrechtActionNavigateCursor = "pointer";
714
- export const utrechtActionSubmitCursor = "pointer";
6
+ export const amsPaginationFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
7
+ export const amsPaginationFontSize = "1.25rem";
8
+ export const amsPaginationFontWeight = 400;
9
+ export const amsPaginationLineHeight = "150%";
10
+ export const amsPaginationLinkColor = "#01689b";
11
+ export const amsPaginationLinkGap = "0.25rem";
12
+ export const amsPaginationLinkOutlineOffset = "0.125rem";
13
+ export const amsPaginationLinkPaddingInline = "0.25rem";
14
+ export const amsPaginationLinkCurrentFontWeight = 700;
15
+ export const amsPaginationLinkHoverColor = "#01496c";
16
+ export const amsPaginationLinkHoverTextDecorationLine = "underline";
17
+ export const rhcExpandableCheckboxGroupDetailsMarginBlockStart = "0.5rem";
18
+ export const rhcExpandableCheckboxGroupSummaryColor = "#01689b";
19
+ export const rhcExpandableCheckboxGroupSummaryMarginBlockEnd = "0.5rem";
20
+ export const rhcExpandableCheckboxGroupSummaryMarginBlockStart = "0.5rem";
21
+ export const rhcExpandableCheckboxGroupSummaryTextDecoration = "underline";
715
22
  export const rhcUnorderedListNestedMarginInlineStart = "0rem";
716
23
  export const rhcToggletipColor = "#fff";
717
24
  export const rhcToggletipBackgroundColor = "#007bc7";
@@ -917,11 +224,6 @@ export const rhcFilePaddingBlockEnd = "0.75rem";
917
224
  export const rhcFileColumnGap = "0.25rem";
918
225
  export const rhcFileErrorBorderColor = "#d52b1e";
919
226
  export const rhcFileSubtitleColor = "#64748B";
920
- export const rhcExpandableCheckboxGroupDetailsMarginBlockStart = "0.5rem";
921
- export const rhcExpandableCheckboxGroupSummaryColor = "#01689b";
922
- export const rhcExpandableCheckboxGroupSummaryMarginBlockEnd = "0.5rem";
923
- export const rhcExpandableCheckboxGroupSummaryMarginBlockStart = "0.5rem";
924
- export const rhcExpandableCheckboxGroupSummaryTextDecoration = "underline";
925
227
  export const rhcDotBadgeBorderRadius = "999px";
926
228
  export const rhcDotBadgeColor = "#d52b1e";
927
229
  export const rhcDotBadgeSize = "12px";
@@ -1069,23 +371,6 @@ export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
1069
371
  export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
1070
372
  export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
1071
373
  export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
1072
- export const rhcAccordionBorderRadius = "0px";
1073
- export const rhcAccordionColor = "#0F172A";
1074
- export const rhcAccordionHeaderMargin = 0;
1075
- export const rhcAccordionSectionBorderBlockEndWidth = "1px";
1076
- export const rhcAccordionSectionBorderColor = "#94A3B8";
1077
- export const rhcAccordionSectionBorderWidth = "1px";
1078
- export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
1079
- export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
1080
- export const rhcAccordionButtonPaddingInlineEnd = "1rem";
1081
- export const rhcAccordionButtonPaddingInlineStart = "1rem";
1082
- export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
1083
- export const rhcAccordionButtonExpandedColor = "#0F172A";
1084
- export const rhcAccordionButtonIconMarginBlock = "0.25rem";
1085
- export const rhcAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1086
- export const rhcAccordionButtonFontWeight = 400;
1087
- export const rhcAccordionButtonFontSize = "1.25rem";
1088
- export const rhcAccordionButtonLineHeight = "150%";
1089
374
  export const rhcRoundedCornerXsBorderRadius = "24px";
1090
375
  export const rhcRoundedCornerMdBorderRadius = "48px";
1091
376
  export const rhcRoundedCornerXlBorderRadius = "96px";
@@ -1100,6 +385,7 @@ export const rhcColorForegroundSubdued = "#334155";
1100
385
  export const rhcColorForegroundLink = "#01689b";
1101
386
  export const rhcColorForegroundOnDarkColor = "#fff";
1102
387
  export const rhcColorForegroundOnLightColor = "#000";
388
+ export const rhcColorBackdrop = "#0000004d";
1103
389
  export const rhcColorBorderDefault = "#64748B";
1104
390
  export const rhcColorBorderSubdued = "#94A3B8";
1105
391
  export const rhcColorBorderStrong = "#0F172A";
@@ -1241,6 +527,7 @@ export const rhcColorLintblauw400 = "#4f7196";
1241
527
  export const rhcColorLintblauw500 = "#154273";
1242
528
  export const rhcColorWit = "#fff";
1243
529
  export const rhcColorZwart = "#000";
530
+ export const rhcColorTransparent30 = "#0000004d";
1244
531
  export const rhcColorNone = "transparent";
1245
532
  export const rhcFocusOutlineOffset = "0.125rem";
1246
533
  export const rhcFocusOutlineStyle = "solid";
@@ -1301,13 +588,701 @@ export const rhcSpace400 = "2rem";
1301
588
  export const rhcSpace500 = "2.5rem";
1302
589
  export const rhcSpace600 = "3rem";
1303
590
  export const rhcSpace700 = "3.5rem";
591
+ export const utrechtColumnLayoutColumnRuleColor = "transparent";
592
+ export const utrechtColumnLayoutColumnRuleWidth = "0px";
593
+ export const utrechtColumnLayoutColumnWidth = "400px";
594
+ export const utrechtColumnLayoutGap = "0.75rem";
595
+ export const utrechtUnorderedListFontSize = "1.25rem";
596
+ export const utrechtUnorderedListLineHeight = "150%";
597
+ export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
598
+ export const utrechtUnorderedListMarginBlockStart = "0.25rem";
599
+ export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
600
+ export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
601
+ export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
602
+ export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
603
+ export const utrechtUnorderedListMarkerColor = "#0F172A";
604
+ export const utrechtTextboxHoverBackgroundColor = "#fff";
605
+ export const utrechtTextboxHoverBorderColor = "#738eab";
606
+ export const utrechtTextboxHoverBorderWidth = "1px";
607
+ export const utrechtTextboxHoverColor = "#0F172A";
608
+ export const utrechtTextboxFocusBorderWidth = "2px";
609
+ export const utrechtTextboxFocusBackgroundColor = "#fff";
610
+ export const utrechtTextboxFocusBorderColor = "#154273";
611
+ export const utrechtTextboxFocusColor = "#0F172A";
612
+ export const utrechtTextboxBackgroundColor = "#fff";
613
+ export const utrechtTextboxBorderBlockEndWidth = "auto";
614
+ export const utrechtTextboxBorderColor = "#154273";
615
+ export const utrechtTextboxBorderRadius = "2.5px";
616
+ export const utrechtTextboxBorderWidth = "1px";
617
+ export const utrechtTextboxColor = "#0F172A";
618
+ export const utrechtTextboxFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
619
+ export const utrechtTextboxFontSize = "1.25rem";
620
+ export const utrechtTextboxFontWeight = 400;
621
+ export const utrechtTextboxLineHeight = "150%";
622
+ export const utrechtTextboxMaxInlineSize = "400px";
623
+ export const utrechtTextboxMinBlockSize = "48px";
624
+ export const utrechtTextboxPaddingBlockEnd = "0.5rem";
625
+ export const utrechtTextboxPaddingBlockStart = "0.5rem";
626
+ export const utrechtTextboxPaddingInlineEnd = "0.75rem";
627
+ export const utrechtTextboxPaddingInlineStart = "0.75rem";
628
+ export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
629
+ export const utrechtTextboxInvalidBorderBlockEndWidth = "1px";
630
+ export const utrechtTextboxInvalidBorderColor = "#d52b1e";
631
+ export const utrechtTextboxInvalidBorderWidth = "1px";
632
+ export const utrechtTextboxInvalidColor = "#0F172A";
633
+ export const utrechtTextboxPlaceholderColor = "#64748B";
634
+ export const utrechtTextboxReadOnlyBackgroundColor = "#F1F5F9";
635
+ export const utrechtTextboxReadOnlyBorderColor = "transparent";
636
+ export const utrechtTextboxReadOnlyColor = "#0F172A";
637
+ export const utrechtTextboxDisabledBackgroundColor = "#CBD5E1";
638
+ export const utrechtTextboxDisabledBorderColor = "#94A3B8";
639
+ export const utrechtTextboxDisabledColor = "#475569";
640
+ export const utrechtTextareaBorderBottomWidth = "1px";
641
+ export const utrechtTextareaHoverBackgroundColor = "#fff";
642
+ export const utrechtTextareaHoverBorderColor = "#738eab";
643
+ export const utrechtTextareaHoverBorderWidth = "1px";
644
+ export const utrechtTextareaHoverColor = "#0F172A";
645
+ export const utrechtTextareaFocusBorderWidth = "2px";
646
+ export const utrechtTextareaFocusBackgroundColor = "#fff";
647
+ export const utrechtTextareaFocusBorderColor = "#154273";
648
+ export const utrechtTextareaFocusColor = "#0F172A";
649
+ export const utrechtTextareaBackgroundColor = "#fff";
650
+ export const utrechtTextareaBorderBlockEndWidth = "1px";
651
+ export const utrechtTextareaBorderColor = "#154273";
652
+ export const utrechtTextareaBorderRadius = "2.5px";
653
+ export const utrechtTextareaBorderWidth = "1px";
654
+ export const utrechtTextareaColor = "#0F172A";
655
+ export const utrechtTextareaFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
656
+ export const utrechtTextareaFontSize = "1.25rem";
657
+ export const utrechtTextareaFontWeight = 400;
658
+ export const utrechtTextareaLineHeight = "150%";
659
+ export const utrechtTextareaMaxInlineSize = "400px";
660
+ export const utrechtTextareaMinBlockSize = "48px";
661
+ export const utrechtTextareaPaddingBlockEnd = "0.5rem";
662
+ export const utrechtTextareaPaddingBlockStart = "0.5rem";
663
+ export const utrechtTextareaPaddingInlineEnd = "0.75rem";
664
+ export const utrechtTextareaPaddingInlineStart = "0.75rem";
665
+ export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
666
+ export const utrechtTextareaInvalidBorderBlockEndWidth = "1px";
667
+ export const utrechtTextareaInvalidBorderColor = "#d52b1e";
668
+ export const utrechtTextareaInvalidBorderWidth = "1px";
669
+ export const utrechtTextareaInvalidColor = "#0F172A";
670
+ export const utrechtTextareaPlaceholderColor = "#64748B";
671
+ export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
672
+ export const utrechtTextareaReadOnlyBorderColor = "transparent";
673
+ export const utrechtTextareaReadOnlyColor = "#0F172A";
674
+ export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
675
+ export const utrechtTextareaDisabledBorderColor = "#94A3B8";
676
+ export const utrechtTextareaDisabledColor = "#475569";
677
+ export const utrechtTableHeaderCellLineHeight = "150%";
678
+ export const utrechtTableHeaderCellColor = "#0F172A";
679
+ export const utrechtTableHeaderCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
680
+ export const utrechtTableHeaderCellFontWeight = 700;
681
+ export const utrechtTableHeaderCellFontSize = "1.25rem";
682
+ export const utrechtTableCaptionLineHeight = "125%";
683
+ export const utrechtTableCaptionMarginBlockEnd = "1.5rem";
684
+ export const utrechtTableCaptionColor = "#0F172A";
685
+ export const utrechtTableCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
686
+ export const utrechtTableCaptionFontWeight = 700;
687
+ export const utrechtTableCaptionFontSize = "1.875rem";
688
+ export const utrechtTableCellPaddingBlockEnd = "0.75rem";
689
+ export const utrechtTableCellPaddingBlockStart = "0.75rem";
690
+ export const utrechtTableCellPaddingInlineEnd = "1rem";
691
+ export const utrechtTableCellPaddingInlineStart = "1rem";
692
+ export const utrechtTableCellLineHeight = "150%";
693
+ export const utrechtTableDataCellColor = "#0F172A";
694
+ export const utrechtTableDataCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
695
+ export const utrechtTableDataCellFontWeight = 400;
696
+ export const utrechtTableDataCellLineHeight = "150%";
697
+ export const utrechtTableDataCellFontSize = "1.25rem";
698
+ export const utrechtTableHeaderBorderBlockEndWidth = "2px";
699
+ export const utrechtTableHeaderBorderBlockEndColor = "#CBD5E1";
700
+ export const utrechtTableHeaderBackgroundColor = "transparent";
701
+ export const utrechtTableFooterBorderBlockEndWidth = "1px";
702
+ export const utrechtTableFooterBorderBlockEndColor = "#CBD5E1";
703
+ export const utrechtTableFooterBackgroundColor = "transparent";
704
+ export const utrechtTableRowBorderBlockEndWidth = "1px";
705
+ export const utrechtTableRowBorderBlockEndColor = "#CBD5E1";
706
+ export const utrechtTableRowBackgroundColor = "transparent";
707
+ export const utrechtTableFooterCellFontWeight = 700;
708
+ export const utrechtTableFooterCellFontSize = "1.25rem";
709
+ export const utrechtTableFooterCellColor = "#0F172A";
710
+ export const utrechtTableFooterCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
711
+ export const utrechtTableFooterCellLineHeight = "150%";
712
+ export const utrechtTableContainerBoxInlineEndShadowX = 0;
713
+ export const utrechtTableContainerBoxInlineEndShadowY = "16px";
714
+ export const utrechtTableContainerBoxInlineEndShadowBlur = "48px";
715
+ export const utrechtTableContainerBoxInlineEndShadowSpread = 0;
716
+ export const utrechtTableContainerBoxInlineEndShadowColor = "#0000001a";
717
+ export const utrechtTableContainerBoxInlineStartShadowX = 0;
718
+ export const utrechtTableContainerBoxInlineStartShadowY = "16px";
719
+ export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
720
+ export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
721
+ export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
722
+ export const utrechtTableFontSize = "1.25rem";
723
+ export const utrechtSeparatorBlockSize = "2px";
724
+ export const utrechtSeparatorColor = "#CBD5E1";
725
+ export const utrechtSeparatorMarginBlockEnd = "0.75rem";
726
+ export const utrechtSeparatorMarginBlockStart = "0.75rem";
727
+ export const utrechtSelectBorderBottomWidth = "auto";
728
+ export const utrechtSelectBorderRadius = "2.5px";
729
+ export const utrechtSelectBorderWidth = "1px";
730
+ export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
731
+ export const utrechtSelectMaxInlineSize = "400px";
732
+ export const utrechtSelectPaddingBlockEnd = "0.5rem";
733
+ export const utrechtSelectPaddingBlockStart = "0.5rem";
734
+ export const utrechtSelectPaddingInlineEnd = "0.75rem";
735
+ export const utrechtSelectPaddingInlineStart = "0.75rem";
736
+ export const utrechtSelectIconSize = "24px";
737
+ export const utrechtSelectInvalidBorderWidth = "1px";
738
+ export const utrechtSelectInvalidColor = "#0F172A";
739
+ export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
740
+ export const utrechtSelectInvalidBorderBlockEndWidth = "1px";
741
+ export const utrechtSelectInvalidBorderColor = "#d52b1e";
742
+ export const utrechtSelectHoverBorderWidth = "1px";
743
+ export const utrechtSelectHoverBackgroundColor = "#fff";
744
+ export const utrechtSelectHoverBorderColor = "#738eab";
745
+ export const utrechtSelectHoverColor = "#0F172A";
746
+ export const utrechtSelectFocusBorderWidth = "2px";
747
+ export const utrechtSelectFocusBackgroundColor = "#fff";
748
+ export const utrechtSelectFocusBorderColor = "#154273";
749
+ export const utrechtSelectFocusColor = "#0F172A";
750
+ export const utrechtSelectBackgroundColor = "#fff";
751
+ export const utrechtSelectBorderBlockEndWidth = "1px";
752
+ export const utrechtSelectBorderColor = "#154273";
753
+ export const utrechtSelectColor = "#0F172A";
754
+ export const utrechtSelectFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
755
+ export const utrechtSelectFontSize = "1.25rem";
756
+ export const utrechtSelectFontWeight = 400;
757
+ export const utrechtSelectLineHeight = "150%";
758
+ export const utrechtSelectMinBlockSize = "48px";
759
+ export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
760
+ export const utrechtSelectDisabledBorderColor = "#94A3B8";
761
+ export const utrechtSelectDisabledColor = "#475569";
762
+ export const utrechtRadioButtonBorderRadius = "999px";
763
+ export const utrechtRadioButtonDotSize = "12px";
764
+ export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
765
+ export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
766
+ export const utrechtRadioButtonCheckedDisabledColor = "#475569";
767
+ export const utrechtRadioButtonCheckedBackgroundColor = "#154273";
768
+ export const utrechtRadioButtonCheckedBorderColor = "transparent";
769
+ export const utrechtRadioButtonCheckedBorderWidth = "1px";
770
+ export const utrechtRadioButtonCheckedColor = "#fff";
771
+ export const utrechtRadioButtonCheckedActiveBackgroundColor = "#4f7196";
772
+ export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
773
+ export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
774
+ export const utrechtRadioButtonCheckedActiveColor = "#fff";
775
+ export const utrechtRadioButtonCheckedHoverBackgroundColor = "#738eab";
776
+ export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
777
+ export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
778
+ export const utrechtRadioButtonCheckedHoverColor = "#fff";
779
+ export const utrechtRadioButtonCheckedFocusBackgroundColor = "#fff";
780
+ export const utrechtRadioButtonCheckedFocusBorderColor = "#154273";
781
+ export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
782
+ export const utrechtRadioButtonCheckedFocusColor = "#154273";
783
+ export const utrechtRadioButtonBackgroundColor = "#fff";
784
+ export const utrechtRadioButtonBorderColor = "#154273";
785
+ export const utrechtRadioButtonColor = "#154273";
786
+ export const utrechtRadioButtonBorderWidth = "1px";
787
+ export const utrechtRadioButtonSize = "24px";
788
+ export const utrechtRadioButtonIconSize = "12px";
789
+ export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
790
+ export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
791
+ export const utrechtRadioButtonInvalidColor = "#d52b1e";
792
+ export const utrechtRadioButtonInvalidBorderWidth = "1px";
793
+ export const utrechtRadioButtonActiveBackgroundColor = "#fff";
794
+ export const utrechtRadioButtonActiveBorderColor = "#4f7196";
795
+ export const utrechtRadioButtonActiveColor = "#4f7196";
796
+ export const utrechtRadioButtonActiveBorderWidth = "1px";
797
+ export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
798
+ export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
799
+ export const utrechtRadioButtonDisabledColor = "#94A3B8";
800
+ export const utrechtRadioButtonHoverBackgroundColor = "#fff";
801
+ export const utrechtRadioButtonHoverBorderColor = "#738eab";
802
+ export const utrechtRadioButtonHoverColor = "#738eab";
803
+ export const utrechtRadioButtonHoverBorderWidth = "1px";
804
+ export const utrechtRadioButtonFocusBackgroundColor = "#fff";
805
+ export const utrechtRadioButtonFocusBorderColor = "#154273";
806
+ export const utrechtRadioButtonFocusColor = "#154273";
807
+ export const utrechtRadioButtonFocusBorderWidth = "2px";
808
+ export const utrechtPreHeadingColor = "#0F172A";
809
+ export const utrechtPreHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
810
+ export const utrechtPreHeadingFontWeight = 700;
811
+ export const utrechtPreHeadingLineHeight = "125%";
812
+ export const utrechtPreHeadingFontSize = "1rem";
813
+ export const utrechtOrderedListColor = "#0F172A";
814
+ export const utrechtOrderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
815
+ export const utrechtOrderedListFontWeight = 400;
816
+ export const utrechtOrderedListMarginInlineStart = "0.625rem";
817
+ export const utrechtOrderedListFontSize = "1.25rem";
818
+ export const utrechtOrderedListLineHeight = "150%";
819
+ export const utrechtOrderedListMarginBlockEnd = "0.25rem";
820
+ export const utrechtOrderedListMarginBlockStart = "0.25rem";
821
+ export const utrechtOrderedListPaddingInlineStart = "2rem";
822
+ export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
823
+ export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
824
+ export const utrechtOrderedListItemPaddingInlineStart = "0.5rem";
825
+ export const utrechtNumberBadgeBackgroundColor = "#154273";
826
+ export const utrechtNumberBadgeBorderColor = "transparent";
827
+ export const utrechtNumberBadgeBorderRadius = "999px";
828
+ export const utrechtNumberBadgeBorderWidth = "0px";
829
+ export const utrechtNumberBadgeColor = "#fff";
830
+ export const utrechtNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
831
+ export const utrechtNumberBadgeFontSize = "1.25rem";
832
+ export const utrechtNumberBadgeFontWeight = 700;
833
+ export const utrechtNumberBadgeMinBlockSize = "24px";
834
+ export const utrechtNumberBadgeMinInlineSize = "24px";
835
+ export const utrechtNumberBadgePaddingBlock = "0.125rem";
836
+ export const utrechtNumberBadgePaddingInline = "0.5rem";
837
+ export const utrechtLinkListMarginBlockEnd = "0rem";
838
+ export const utrechtLinkListMarginBlockStart = "0rem";
839
+ export const utrechtLinkListRowGap = "0.5rem";
840
+ export const utrechtLinkListIconInsetBlockStart = "0.188rem";
841
+ export const utrechtLinkListIconSize = "24px";
842
+ export const utrechtLinkListLinkColumnGap = "0.5rem";
843
+ export const utrechtLinkListLinkTextDecoration = "None";
844
+ export const utrechtLinkListFontWeight = 400;
845
+ export const utrechtLinkColor = "#01689b";
846
+ export const utrechtLinkTextDecorationColor = "inherit";
847
+ export const utrechtLinkColumnGap = "0.25rem";
848
+ export const utrechtLinkTextDecoration = "underline";
849
+ export const utrechtLinkTextDecorationThickness = "0.0625em";
850
+ export const utrechtLinkTextUnderlineOffset = "0.125rem";
851
+ export const utrechtLinkIconSize = "24px";
852
+ export const utrechtLinkActiveColor = "#163f5b";
853
+ export const utrechtLinkHoverColor = "#15496a";
854
+ export const utrechtLinkHoverTextDecoration = "underline";
855
+ export const utrechtLinkHoverTextDecorationThickness = "0.1875em";
856
+ export const utrechtLinkFocusBackgroundColor = "transparent";
857
+ export const utrechtLinkFocusColor = "#01689b";
858
+ export const utrechtLinkFocusVisibleTextDecoration = "None";
859
+ export const utrechtLinkFocusVisibleTextDecorationThickness = "0.0625em";
860
+ export const utrechtLinkVisitedColor = "#01689b";
861
+ export const utrechtIconColor = "inherit";
862
+ export const utrechtIconSize = "24px";
863
+ export const utrechtIconInsetBlockStart = "0rem";
864
+ export const utrechtFormLabelColor = "#0F172A";
865
+ export const utrechtFormLabelFontSize = "1.25rem";
866
+ export const utrechtFormLabelFontWeight = 700;
867
+ export const utrechtFormLabelCheckboxColor = "#0F172A";
868
+ export const utrechtFormLabelCheckboxFontWeight = 400;
869
+ export const utrechtFormLabelRadioColor = "#0F172A";
870
+ export const utrechtFormLabelRadioFontWeight = 400;
871
+ export const utrechtFormLabelCheckedFontWeight = 400;
872
+ export const utrechtFormLabelDisabledColor = "#94A3B8";
873
+ export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
874
+ export const utrechtFormFieldErrorMessageIconSize = "24px";
875
+ export const utrechtFormFieldErrorMessageBackgroundColor = "transparent";
876
+ export const utrechtFormFieldErrorMessageColor = "#d52b1e";
877
+ export const utrechtFormFieldErrorMessageFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
878
+ export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
879
+ export const utrechtFormFieldErrorMessageFontWeight = 400;
880
+ export const utrechtFormFieldErrorMessageLineHeight = "normal";
881
+ export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem";
882
+ export const utrechtFormFieldErrorMessageMarginBlockStart = "0rem";
883
+ export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
884
+ export const utrechtFormFieldErrorMessagePaddingBlockStart = "0rem";
885
+ export const utrechtFormFieldErrorMessagePaddingInlineEnd = "0rem";
886
+ export const utrechtFormFieldErrorMessagePaddingInlineStart = "0rem";
887
+ export const utrechtFormFieldDescriptionPaddingBlockEnd = "0.5rem";
888
+ export const utrechtFormFieldDescriptionColor = "#334155";
889
+ export const utrechtFormFieldDescriptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
890
+ export const utrechtFormFieldDescriptionFontSize = "1.25rem";
891
+ export const utrechtFormFieldDescriptionLineHeight = "150%";
892
+ export const utrechtFormFieldDescriptionMarginBlockEnd = "0.5rem";
893
+ export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
894
+ export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
895
+ export const utrechtFormFieldMarginBlockEnd = "0.5rem";
896
+ export const utrechtFormFieldMarginBlockStart = "0.5rem";
897
+ export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
898
+ export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
899
+ export const utrechtFormFieldInvalidPaddingInlineStart = "0rem";
900
+ export const utrechtPageFooterBackgroundColor = "#154273";
901
+ export const utrechtPageFooterColor = "#fff";
902
+ export const utrechtPageFooterPaddingBlockStart = "3rem";
903
+ export const utrechtPageFooterPaddingBlockEnd = "3rem";
904
+ export const utrechtPageFooterPaddingInlineStart = "80px";
905
+ export const utrechtPageFooterPaddingInlineEnd = "80px";
906
+ export const utrechtFigureCaptionBorderColor = "#CBD5E1";
907
+ export const utrechtFigureCaptionBorderWidth = "4px";
908
+ export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
909
+ export const utrechtFigureCaptionPaddingBlockStart = "0.5rem";
910
+ export const utrechtFigureCaptionPaddingInlineStart = "1rem";
911
+ export const utrechtFigureCaptionColor = "#0F172A";
912
+ export const utrechtFigureCaptionFontSize = "1.25rem";
913
+ export const utrechtFigureCaptionLineHeight = "150%";
914
+ export const utrechtFigureImgBorderEndEndRadius = 0;
915
+ export const utrechtFigureImgBorderEndStartRadius = 0;
916
+ export const utrechtFigureImgBorderStartEndRadius = 0;
917
+ export const utrechtFigureImgBorderStartStartRadius = 0;
918
+ export const utrechtFormFieldsetLegendColor = "#0F172A";
919
+ export const utrechtFormFieldsetLegendFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
920
+ export const utrechtFormFieldsetLegendFontSize = "1.25rem";
921
+ export const utrechtFormFieldsetLegendFontWeight = 700;
922
+ export const utrechtFormFieldsetLegendLineHeight = "150%";
923
+ export const utrechtFormFieldsetLegendDisabledColor = "#334155";
924
+ export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
925
+ export const utrechtFormFieldsetSectionColor = "#0F172A";
926
+ export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
927
+ export const utrechtFormFieldsetInvalidPaddingInlineStart = "0rem";
928
+ export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
929
+ export const utrechtDrawerMaxInlineSize = "256px";
930
+ export const utrechtDrawerZIndex = 1;
931
+ export const utrechtDrawerBackgroundColor = "#fff";
932
+ export const utrechtDrawerBorderColor = "#64748B";
933
+ export const utrechtDrawerBorderWidth = "0px";
934
+ export const utrechtDrawerColor = "#0F172A";
935
+ export const utrechtDrawerMaxBlockSize = "240px";
936
+ export const utrechtDrawerPaddingBlockStart = "1rem";
937
+ export const utrechtDrawerPaddingBlockEnd = "1rem";
938
+ export const utrechtDrawerPaddingInlineStart = "1rem";
939
+ export const utrechtDrawerPaddingInlineEnd = "1rem";
940
+ export const utrechtDataBadgeBackgroundColor = "#dce3ea";
941
+ export const utrechtDataBadgeBorderRadius = "10px";
942
+ export const utrechtDataBadgeColor = "#154273";
943
+ export const utrechtDataBadgePaddingBlock = "0.125rem";
944
+ export const utrechtDataBadgePaddingInline = "0.75rem";
945
+ export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#4f7196";
946
+ export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
947
+ export const utrechtCheckboxIndeterminateActiveColor = "#fff";
948
+ export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
949
+ export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
950
+ export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
951
+ export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
952
+ export const utrechtCheckboxIndeterminateHoverBackgroundColor = "#738eab";
953
+ export const utrechtCheckboxIndeterminateHoverBorderColor = "transparent";
954
+ export const utrechtCheckboxIndeterminateHoverColor = "#fff";
955
+ export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
956
+ export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#fff";
957
+ export const utrechtCheckboxIndeterminateFocusBorderColor = "#154273";
958
+ export const utrechtCheckboxIndeterminateFocusColor = "#154273";
959
+ export const utrechtCheckboxIndeterminateFocusBorderWidth = "2px";
960
+ export const utrechtCheckboxIndeterminateBackgroundColor = "#154273";
961
+ export const utrechtCheckboxIndeterminateBorderColor = "transparent";
962
+ export const utrechtCheckboxIndeterminateBorderWidth = "1px";
963
+ export const utrechtCheckboxIndeterminateColor = "#fff";
964
+ export const utrechtCheckboxCheckedActiveBackgroundColor = "#4f7196";
965
+ export const utrechtCheckboxCheckedActiveBorderColor = "transparent";
966
+ export const utrechtCheckboxCheckedActiveColor = "#fff";
967
+ export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
968
+ export const utrechtCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
969
+ export const utrechtCheckboxCheckedDisabledBorderColor = "#94A3B8";
970
+ export const utrechtCheckboxCheckedDisabledColor = "#475569";
971
+ export const utrechtCheckboxCheckedHoverBackgroundColor = "#738eab";
972
+ export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
973
+ export const utrechtCheckboxCheckedHoverColor = "#fff";
974
+ export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
975
+ export const utrechtCheckboxCheckedFocusBackgroundColor = "#fff";
976
+ export const utrechtCheckboxCheckedFocusBorderColor = "#154273";
977
+ export const utrechtCheckboxCheckedFocusColor = "#154273";
978
+ export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
979
+ export const utrechtCheckboxCheckedBackgroundColor = "#154273";
980
+ export const utrechtCheckboxCheckedBorderColor = "transparent";
981
+ export const utrechtCheckboxCheckedBorderWidth = "1px";
982
+ export const utrechtCheckboxCheckedColor = "#fff";
983
+ export const utrechtCheckboxBackgroundColor = "#fff";
984
+ export const utrechtCheckboxBorderColor = "#154273";
985
+ export const utrechtCheckboxBorderRadius = "2.5px";
986
+ export const utrechtCheckboxBorderWidth = "1px";
987
+ export const utrechtCheckboxSize = "24px";
988
+ export const utrechtCheckboxIconSize = "24px";
989
+ export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
990
+ export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
991
+ export const utrechtCheckboxInvalidBorderWidth = "1px";
992
+ export const utrechtCheckboxActiveBackgroundColor = "#fff";
993
+ export const utrechtCheckboxActiveBorderColor = "#4f7196";
994
+ export const utrechtCheckboxActiveBorderWidth = "1px";
995
+ export const utrechtCheckboxDisabledBackgroundColor = "#CBD5E1";
996
+ export const utrechtCheckboxDisabledBorderColor = "#94A3B8";
997
+ export const utrechtCheckboxHoverBackgroundColor = "#fff";
998
+ export const utrechtCheckboxHoverBorderColor = "#738eab";
999
+ export const utrechtCheckboxHoverBorderWidth = "1px";
1000
+ export const utrechtCheckboxFocusBackgroundColor = "#fff";
1001
+ export const utrechtCheckboxFocusBorderColor = "#154273";
1002
+ export const utrechtCheckboxFocusBorderWidth = "2px";
1003
+ export const utrechtButtonBackgroundColor = "#0F172A";
1004
+ export const utrechtButtonBorderColor = "transparent";
1005
+ export const utrechtButtonBorderRadius = "5px";
1006
+ export const utrechtButtonBorderWidth = "1px";
1007
+ export const utrechtButtonColor = "#fff";
1008
+ export const utrechtButtonColumnGap = "0.5rem";
1009
+ export const utrechtButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1010
+ export const utrechtButtonFontSize = "1.25rem";
1011
+ export const utrechtButtonFontWeight = 700;
1012
+ export const utrechtButtonLineHeight = "150%";
1013
+ export const utrechtButtonMinBlockSize = "48px";
1014
+ export const utrechtButtonMinInlineSize = "48px";
1015
+ export const utrechtButtonPaddingBlockEnd = "0.5rem";
1016
+ export const utrechtButtonPaddingBlockStart = "0.5rem";
1017
+ export const utrechtButtonPaddingInlineEnd = "1rem";
1018
+ export const utrechtButtonPaddingInlineStart = "1rem";
1019
+ export const utrechtButtonIconSize = "24px";
1020
+ export const utrechtButtonPressedBackgroundColor = "#1E293B";
1021
+ export const utrechtButtonPressedBorderColor = "transparent";
1022
+ export const utrechtButtonPressedColor = "#fff";
1023
+ export const utrechtButtonActiveBackgroundColor = "#1E293B";
1024
+ export const utrechtButtonActiveBorderColor = "transparent";
1025
+ export const utrechtButtonActiveColor = "#fff";
1026
+ export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
1027
+ export const utrechtButtonDisabledBorderColor = "transparent";
1028
+ export const utrechtButtonDisabledColor = "#94A3B8";
1029
+ export const utrechtButtonHoverBackgroundColor = "#475569";
1030
+ export const utrechtButtonHoverBorderColor = "transparent";
1031
+ export const utrechtButtonHoverColor = "#fff";
1032
+ export const utrechtButtonFocusBackgroundColor = "#475569";
1033
+ export const utrechtButtonFocusBorderColor = "transparent";
1034
+ export const utrechtButtonFocusColor = "#fff";
1035
+ export const utrechtButtonPrimaryActionBackgroundColor = "#154273";
1036
+ export const utrechtButtonPrimaryActionBorderColor = "transparent";
1037
+ export const utrechtButtonPrimaryActionColor = "#fff";
1038
+ export const utrechtButtonPrimaryActionFontSize = "1.25rem";
1039
+ export const utrechtButtonPrimaryActionFontWeight = 700;
1040
+ export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
1041
+ export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#b8c6d5";
1042
+ export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
1043
+ export const utrechtButtonPrimaryActionDisabledColor = "#4f7196";
1044
+ export const utrechtButtonPrimaryActionHoverBackgroundColor = "#162f50";
1045
+ export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
1046
+ export const utrechtButtonPrimaryActionHoverColor = "#fff";
1047
+ export const utrechtButtonPrimaryActionFocusBackgroundColor = "#162f50";
1048
+ export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
1049
+ export const utrechtButtonPrimaryActionFocusColor = "#fff";
1050
+ export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
1051
+ export const utrechtButtonPrimaryActionPressedColor = "#fff";
1052
+ export const utrechtButtonPrimaryActionPressedBackgroundColor = "#162945";
1053
+ export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
1054
+ export const utrechtButtonPrimaryActionActiveColor = "#fff";
1055
+ export const utrechtButtonPrimaryActionActiveBackgroundColor = "#0d2845";
1056
+ export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
1057
+ export const utrechtButtonSecondaryActionBorderColor = "#154273";
1058
+ export const utrechtButtonSecondaryActionColor = "#154273";
1059
+ export const utrechtButtonSecondaryActionFontSize = "1.25rem";
1060
+ export const utrechtButtonSecondaryActionFontWeight = 700;
1061
+ export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
1062
+ export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
1063
+ export const utrechtButtonSecondaryActionDisabledBorderColor = "#95a9c0";
1064
+ export const utrechtButtonSecondaryActionDisabledColor = "#738eab";
1065
+ export const utrechtButtonSecondaryActionHoverBackgroundColor = "#dce3ea";
1066
+ export const utrechtButtonSecondaryActionHoverBorderColor = "#162f50";
1067
+ export const utrechtButtonSecondaryActionHoverColor = "#162f50";
1068
+ export const utrechtButtonSecondaryActionFocusBackgroundColor = "#dce3ea";
1069
+ export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
1070
+ export const utrechtButtonSecondaryActionFocusColor = "#162f50";
1071
+ export const utrechtButtonSecondaryActionPressedBackgroundColor = "#b8c6d5";
1072
+ export const utrechtButtonSecondaryActionPressedBorderColor = "#162945";
1073
+ export const utrechtButtonSecondaryActionPressedColor = "#162945";
1074
+ export const utrechtButtonSecondaryActionActiveBackgroundColor = "#95a9c0";
1075
+ export const utrechtButtonSecondaryActionActiveColor = "#162f50";
1076
+ export const utrechtButtonSecondaryActionActiveBorderColor = "#162945";
1077
+ export const utrechtButtonSubtleBackgroundColor = "transparent";
1078
+ export const utrechtButtonSubtleBorderColor = "transparent";
1079
+ export const utrechtButtonSubtleColor = "#154273";
1080
+ export const utrechtButtonSubtleFontSize = "1.25rem";
1081
+ export const utrechtButtonSubtleFontWeight = 700;
1082
+ export const utrechtButtonSubtleLineHeight = "1.875rem";
1083
+ export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
1084
+ export const utrechtButtonSubtleDisabledBorderColor = "transparent";
1085
+ export const utrechtButtonSubtleDisabledColor = "#b8c6d5";
1086
+ export const utrechtButtonSubtleHoverBackgroundColor = "#dce3ea";
1087
+ export const utrechtButtonSubtleHoverBorderColor = "transparent";
1088
+ export const utrechtButtonSubtleHoverColor = "#162f50";
1089
+ export const utrechtButtonSubtleFocusBackgroundColor = "#dce3ea";
1090
+ export const utrechtButtonSubtleFocusBorderColor = "transparent";
1091
+ export const utrechtButtonSubtleFocusColor = "#162f50";
1092
+ export const utrechtButtonSubtlePressedBackgroundColor = "#b8c6d5";
1093
+ export const utrechtButtonSubtlePressedBorderColor = "transparent";
1094
+ export const utrechtButtonSubtlePressedColor = "#162945";
1095
+ export const utrechtButtonSubtleActiveBackgroundColor = "#95a9c0";
1096
+ export const utrechtButtonSubtleActiveBorderColor = "transparent";
1097
+ export const utrechtButtonSubtleActiveColor = "#0d2845";
1098
+ export const utrechtButtonGroupMarginBlockEnd = "0rem";
1099
+ export const utrechtButtonGroupMarginBlockStart = "0rem";
1100
+ export const utrechtBreadcrumbNavFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1101
+ export const utrechtBreadcrumbNavFontSize = "1.25rem";
1102
+ export const utrechtBreadcrumbNavLineHeight = "150%";
1103
+ export const utrechtBreadcrumbNavMinBlockSize = "48px";
1104
+ export const utrechtBreadcrumbNavItemPaddingBlockEnd = "0.5rem";
1105
+ export const utrechtBreadcrumbNavItemPaddingBlockStart = "0.5rem";
1106
+ export const utrechtBreadcrumbNavItemPaddingInlineEnd = "0.5rem";
1107
+ export const utrechtBreadcrumbNavItemPaddingInlineStart = "0.5rem";
1108
+ export const utrechtBreadcrumbNavItemFirstPaddingInlineStart = "0rem";
1109
+ export const utrechtBreadcrumbNavSeparatorColor = "#334155";
1110
+ export const utrechtBreadcrumbNavSeparatorIconSize = "24px";
1111
+ export const utrechtBreadcrumbNavLinkColor = "#01689b";
1112
+ export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
1113
+ export const utrechtBreadcrumbNavLinkCurrentFontWeight = 400;
1114
+ export const utrechtBreadcrumbNavLinkActiveColor = "#163f5b";
1115
+ export const utrechtBreadcrumbNavLinkActiveTextDecoration = "underline";
1116
+ export const utrechtBreadcrumbNavLinkDisabledColor = "#334155";
1117
+ export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
1118
+ export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
1119
+ export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
1120
+ export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
1121
+ export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
1122
+ export const utrechtBreadcrumbNavLinkIconSize = "24px";
1123
+ export const utrechtBlockquoteBorderBlockEndWidth = 0;
1124
+ export const utrechtBlockquoteBorderBlockStartWidth = 0;
1125
+ export const utrechtBlockquoteBorderEndEndRadius = 0;
1126
+ export const utrechtBlockquoteBorderEndStartRadius = 0;
1127
+ export const utrechtBlockquoteBorderInlineEndWidth = 0;
1128
+ export const utrechtBlockquoteBorderStartEndRadius = 0;
1129
+ export const utrechtBlockquoteBorderStartStartRadius = 0;
1130
+ export const utrechtBlockquoteMarginBlockEnd = 0;
1131
+ export const utrechtBlockquoteMarginBlockStart = 0;
1132
+ export const utrechtBlockquoteMarginInlineEnd = 0;
1133
+ export const utrechtBlockquoteMarginInlineStart = 0;
1134
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
1135
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#154273";
1136
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
1137
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
1138
+ export const utrechtBlockquoteCaptionColor = "#154273";
1139
+ export const utrechtBlockquoteCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1140
+ export const utrechtBlockquoteCaptionFontSize = "1.25rem";
1141
+ export const utrechtBlockquoteCaptionFontWeight = 400;
1142
+ export const utrechtBlockquoteCaptionLineHeight = "150%";
1143
+ export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
1144
+ export const utrechtBlockquoteContentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1145
+ export const utrechtBlockquoteContentFontWeight = 400;
1146
+ export const utrechtBlockquoteContentLineHeight = "150%";
1147
+ export const utrechtBlockquoteContentColor = "#154273";
1148
+ export const utrechtBlockquoteContentFontSize = "1.25rem";
1149
+ export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
1150
+ export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
1151
+ export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
1152
+ export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
1153
+ export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
1154
+ export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
1155
+ export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
1156
+ export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
1157
+ export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
1158
+ export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
1159
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
1160
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
1161
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
1162
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
1163
+ export const utrechtBlockquoteBackgroundColor = "transparent";
1164
+ export const utrechtBlockquoteBorderInlineStartWidth = "0px";
1165
+ export const utrechtBlockquoteBorderColor = "transparent";
1166
+ export const utrechtBlockquoteBorderRadius = "0px";
1167
+ export const utrechtBlockquoteBorderWidth = "0px";
1168
+ export const utrechtBlockquoteColor = "#154273";
1169
+ export const utrechtBlockquoteFontSize = "1.25rem";
1170
+ export const utrechtBlockquoteFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1171
+ export const utrechtBlockquotePaddingBlockEnd = "2rem";
1172
+ export const utrechtBlockquotePaddingBlockStart = "2rem";
1173
+ export const utrechtBlockquotePaddingInlineEnd = "2rem";
1174
+ export const utrechtBlockquotePaddingInlineStart = "2rem";
1175
+ export const utrechtBlockquoteRowGap = "0.75rem";
1176
+ export const utrechtBlockquoteAttributionColor = "#154273";
1177
+ export const utrechtBlockquoteAttributionFontSize = "1.25rem";
1178
+ export const utrechtBackdropBackgroundColor = "#0000004d";
1179
+ export const utrechtBackdropColor = "#0F172A";
1180
+ export const utrechtBackdropOpacity = 0.8;
1181
+ export const utrechtBackdropFadeInAnimationDuration = "400ms";
1182
+ export const utrechtBackdropReducedTransparencyOpacity = 0.98;
1183
+ export const utrechtArticleMaxInlineSize = "75ch";
1184
+ export const utrechtAlertBackgroundColor = "#d9ebf7";
1185
+ export const utrechtAlertBorderColor = "transparent";
1186
+ export const utrechtAlertBorderRadius = "5px";
1187
+ export const utrechtAlertBorderWidth = "0px";
1188
+ export const utrechtAlertColor = "#000";
1189
+ export const utrechtAlertColumnGap = "0.5rem";
1190
+ export const utrechtAlertMarginBlockEnd = "0.75rem";
1191
+ export const utrechtAlertMarginBlockStart = "0.75rem";
1192
+ export const utrechtAlertPaddingBlockEnd = "1rem";
1193
+ export const utrechtAlertPaddingBlockStart = "1rem";
1194
+ export const utrechtAlertPaddingInlineEnd = "1rem";
1195
+ export const utrechtAlertPaddingInlineStart = "1rem";
1196
+ export const utrechtAlertContentRowGap = "0.5rem";
1197
+ export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
1198
+ export const utrechtAlertErrorBorderColor = "transparent";
1199
+ export const utrechtAlertErrorColor = "#000";
1200
+ export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
1201
+ export const utrechtAlertInfoBorderColor = "transparent";
1202
+ export const utrechtAlertInfoColor = "#000";
1203
+ export const utrechtAlertMessageRowGap = "0rem";
1204
+ export const utrechtAlertOkBackgroundColor = "#e1eddb";
1205
+ export const utrechtAlertOkBorderColor = "transparent";
1206
+ export const utrechtAlertOkColor = "#000";
1207
+ export const utrechtAlertWarningBackgroundColor = "#fff4db";
1208
+ export const utrechtAlertWarningBorderColor = "transparent";
1209
+ export const utrechtAlertWarningColor = "#000";
1210
+ export const utrechtAlertIconColor = "#007bc7";
1211
+ export const utrechtAlertIconInsetBlockStart = "3px";
1212
+ export const utrechtAlertIconSize = "24px";
1213
+ export const utrechtAlertIconErrorColor = "#d52b1e";
1214
+ export const utrechtAlertIconInfoColor = "#007bc7";
1215
+ export const utrechtAlertIconOkColor = "#39870c";
1216
+ export const utrechtAlertIconWarningColor = "#ffb612";
1217
+ export const utrechtActionGroupBackgroundColor = "transparent";
1218
+ export const utrechtActionGroupColumnGap = "0.5rem";
1219
+ export const utrechtActionGroupPaddingBlockEnd = "0rem";
1220
+ export const utrechtActionGroupPaddingBlockStart = "0rem";
1221
+ export const utrechtActionGroupRowGap = "0.5rem";
1222
+ export const utrechtAccordionMarginBlockEnd = "0rem";
1223
+ export const utrechtAccordionMarginBlockStart = "0rem";
1224
+ export const utrechtAccordionRowGap = "0rem";
1225
+ export const utrechtAccordionPanelBorderColor = "transparent";
1226
+ export const utrechtAccordionPanelBorderWidth = "1px";
1227
+ export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
1228
+ export const utrechtAccordionPanelPaddingBlockStart = "1rem";
1229
+ export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
1230
+ export const utrechtAccordionPanelPaddingInlineStart = "1rem";
1231
+ export const utrechtAccordionButtonBackgroundColor = "#fff";
1232
+ export const utrechtAccordionButtonBorderColor = "transparent";
1233
+ export const utrechtAccordionButtonBorderRadius = "0px";
1234
+ export const utrechtAccordionButtonBorderWidth = "1px";
1235
+ export const utrechtAccordionButtonColor = "#0F172A";
1236
+ export const utrechtAccordionButtonGap = "0.5rem";
1237
+ export const utrechtAccordionButtonPaddingBlockEnd = "0.75rem";
1238
+ export const utrechtAccordionButtonPaddingBlockStart = "0.75rem";
1239
+ export const utrechtAccordionButtonPaddingInlineEnd = "1rem";
1240
+ export const utrechtAccordionButtonPaddingInlineStart = "1rem";
1241
+ export const utrechtAccordionButtonIconSize = "24px";
1242
+ export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
1243
+ export const utrechtAccordionButtonActiveBorderColor = "transparent";
1244
+ export const utrechtAccordionButtonActiveColor = "#0F172A";
1245
+ export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
1246
+ export const utrechtAccordionButtonHoverBorderColor = "transparent";
1247
+ export const utrechtAccordionButtonHoverColor = "#0F172A";
1248
+ export const utrechtAccordionButtonFocusVisibleBackgroundColor = "#dce3ea";
1249
+ export const utrechtAccordionButtonFocusVisibleBorderColor = "transparent";
1250
+ export const utrechtAccordionButtonFocusVisibleBorderWidth = "1px";
1251
+ export const utrechtAccordionButtonFocusVisibleColor = "#0F172A";
1252
+ export const utrechtAccordionSectionBorderColor = "#94A3B8";
1253
+ export const utrechtAccordionSectionHoverBorderColor = "#94A3B8";
1254
+ export const utrechtAccordionSectionBorderWidth = "1px";
1255
+ export const utrechtAccordionSectionMarginBlockEnd = "0rem";
1256
+ export const utrechtAccordionSectionMarginBlockStart = "0rem";
1257
+ export const utrechtRichTextStrangerMarginBlockEnd = "2rem";
1258
+ export const utrechtRichTextAcquaintanceMarginBlockEnd = "1rem";
1259
+ export const utrechtRichTextFriendMarginBlockEnd = "0.5rem";
1260
+ export const utrechtRichTextBestFriendMarginBlockEnd = "0.25rem";
1261
+ export const utrechtRichTextConfidantMarginBlockEnd = "0rem";
1262
+ export const utrechtPointerTargetMinSize = "48px";
1263
+ export const utrechtFocusOutlineColor = "#000";
1264
+ export const utrechtFocusOutlineOffset = "0.125rem";
1265
+ export const utrechtFocusOutlineStyle = "solid";
1266
+ export const utrechtFocusOutlineWidth = "2px";
1267
+ export const utrechtFocusInverseOutlineColor = "#fff";
1268
+ export const utrechtDocumentBackgroundColor = "#fff";
1269
+ export const utrechtDocumentColor = "#0F172A";
1270
+ export const utrechtDocumentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1271
+ export const utrechtDocumentFontSize = "1.25rem";
1272
+ export const utrechtDocumentLineHeight = "150%";
1273
+ export const utrechtDocumentFontWeight = 400;
1274
+ export const utrechtActionActivateCursor = "pointer";
1275
+ export const utrechtActionBusyCursor = "wait";
1276
+ export const utrechtActionDisabledCursor = "not-allowed";
1277
+ export const utrechtActionInertCursor = "default";
1278
+ export const utrechtActionNavigateCursor = "pointer";
1279
+ export const utrechtActionSubmitCursor = "pointer";
1304
1280
  export const todoTextboxHoverBackgroundColor = "#fff";
1305
1281
  export const todoTextboxHoverBorderColor = "#738eab";
1306
1282
  export const todoTextboxHoverColor = "#0F172A";
1307
1283
  export const todoTextareaHoverBackgroundColor = "#fff";
1308
1284
  export const todoTextareaHoverBorderColor = "#738eab";
1309
1285
  export const todoTextareaHoverColor = "#0F172A";
1310
- export const todoSkipLinkFontWeight = 700;
1311
1286
  export const todoRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
1312
1287
  export const todoRadioButtonCheckedDisabledBorderColor = "#94A3B8";
1313
1288
  export const todoRadioButtonCheckedDisabledColor = "#475569";
@@ -1353,29 +1328,8 @@ export const todoCheckboxCheckedFocusVisibleBorderWidth = "2px";
1353
1328
  export const todoCheckboxCheckedFocusVisibleColor = "#154273";
1354
1329
  export const todoAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1355
1330
  export const todoAccordionButtonFontSize = "1.25rem";
1356
- export const todoAccordionButtonFontWeight = 400;
1357
- export const todoAccordionButtonLineHeight = "150%";
1358
- export const nlSkipLinkBorderColor = "transparent";
1359
- export const nlSkipLinkBorderWidth = "2px";
1360
- export const nlSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1361
- export const nlSkipLinkFontWeight = 700;
1362
- export const nlSkipLinkPaddingBlockEnd = "0.75rem";
1363
- export const nlSkipLinkPaddingBlockStart = "0.75rem";
1364
- export const nlSkipLinkPaddingInlineEnd = "1rem";
1365
- export const nlSkipLinkPaddingInlineStart = "1rem";
1366
- export const nlSkipLinkBoxBlockEndShadowBlurRadius = "48px";
1367
- export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
1368
- export const nlSkipLinkBoxBlockEndShadowOffsetX = 0;
1369
- export const nlSkipLinkBoxBlockEndShadowOffsetY = "16px";
1370
- export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
1371
- export const nlSkipLinkFocusBackgroundColor = "#fff";
1372
- export const nlSkipLinkFocusBorderColor = "#154273";
1373
- export const nlSkipLinkFocusBorderStyle = "solid";
1374
- export const nlSkipLinkFocusBorderWidth = "2px";
1375
- export const nlSkipLinkFocusColor = "#0F172A";
1376
- export const nlSkipLinkFocusTextDecoration = "None";
1377
- export const nlSkipLinkFocusVisibleOutlineColor = "#000";
1378
- export const nlSkipLinkTextDecoration = "underline";
1331
+ export const todoAccordionButtonFontWeight = 700;
1332
+ export const todoAccordionButtonLineHeight = "1.875rem";
1379
1333
  export const nlSkipLinkBackgroundColor = "#fff";
1380
1334
  export const nlSkipLinkColor = "#01689b";
1381
1335
  export const nlSkipLinkPaddingBlock = "0.75rem";
@@ -1398,7 +1352,6 @@ export const nlParagraphLeadFontWeight = 400;
1398
1352
  export const nlParagraphLeadLineHeight = "150%";
1399
1353
  export const nlParagraphLeadMarginBlockEnd = "0rem";
1400
1354
  export const nlParagraphLeadMarginBlockStart = "0rem";
1401
- export const nlNumberBadgeLineHeight = "125%";
1402
1355
  export const nlNumberBadgeBackgroundColor = "#154273";
1403
1356
  export const nlNumberBadgeBorderColor = "transparent";
1404
1357
  export const nlNumberBadgeBorderRadius = "999px";