@rijkshuisstijl-community/design-tokens 1.0.0-alpha.99 → 1.0.1
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.
- package/CHANGELOG.md +14 -0
- package/build.mjs +129 -0
- package/dist/_variables.scss +646 -635
- package/dist/index.css +646 -635
- package/dist/index.d.ts +725 -715
- package/dist/index.js +742 -731
- package/dist/index.json +741 -730
- package/dist/index.tokens.json +1625 -1617
- package/dist/root.css +646 -635
- package/dist/tokens.d.ts +1506 -1498
- package/dist/tokens.js +22273 -22035
- package/dist/uitvoerend-mintgroen-focus/_variables.scss +1204 -0
- package/dist/uitvoerend-mintgroen-focus/index.css +1207 -0
- package/dist/uitvoerend-mintgroen-focus/index.d.ts +1205 -0
- package/dist/uitvoerend-mintgroen-focus/index.js +1205 -0
- package/dist/uitvoerend-mintgroen-focus/index.json +1202 -0
- package/dist/uitvoerend-mintgroen-focus/index.tokens.json +1890 -0
- package/dist/uitvoerend-mintgroen-focus/root.css +1207 -0
- package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +1913 -0
- package/dist/uitvoerend-mintgroen-focus/tokens.js +28229 -0
- package/dist/uitvoerend-violet/_variables.scss +1198 -0
- package/dist/uitvoerend-violet/index.css +1201 -0
- package/dist/uitvoerend-violet/index.d.ts +1199 -0
- package/dist/uitvoerend-violet/index.js +1199 -0
- package/dist/uitvoerend-violet/index.json +1196 -0
- package/dist/uitvoerend-violet/index.tokens.json +1852 -0
- package/dist/uitvoerend-violet/root.css +1201 -0
- package/dist/uitvoerend-violet/tokens.d.ts +1875 -0
- package/dist/uitvoerend-violet/tokens.js +28057 -0
- package/dist/uitvoerend-violet-oud/_variables.scss +1198 -0
- package/dist/uitvoerend-violet-oud/index.css +1201 -0
- package/dist/uitvoerend-violet-oud/index.d.ts +1199 -0
- package/dist/uitvoerend-violet-oud/index.js +1199 -0
- package/dist/uitvoerend-violet-oud/index.json +1196 -0
- package/dist/uitvoerend-violet-oud/index.tokens.json +1852 -0
- package/dist/uitvoerend-violet-oud/root.css +1201 -0
- package/dist/uitvoerend-violet-oud/tokens.d.ts +1875 -0
- package/dist/uitvoerend-violet-oud/tokens.js +28057 -0
- package/dist/wetgevend/_variables.scss +1198 -0
- package/dist/wetgevend/index.css +1201 -0
- package/dist/wetgevend/index.d.ts +1199 -0
- package/dist/wetgevend/index.js +1199 -0
- package/dist/wetgevend/index.json +1196 -0
- package/dist/wetgevend/index.tokens.json +1852 -0
- package/dist/wetgevend/root.css +1201 -0
- package/dist/wetgevend/tokens.d.ts +1875 -0
- package/dist/{tokens.json → wetgevend/tokens.js} +17174 -16931
- package/figma/figma.tokens.json +937 -235
- package/package.json +10 -12
- package/src/generated/{figma.tokens.json → base.tokens.json} +4373 -4307
- package/src/generated/themes.json +22450 -0
- package/src/generated/uitvoerend-mintgroen-focus/tokens.json +5650 -0
- package/src/generated/uitvoerend-violet/tokens.json +5594 -0
- package/src/generated/uitvoerend-violet-oud/tokens.json +5594 -0
- package/src/generated/wetgevend/tokens.json +5594 -0
- package/token-transformer.mjs +77 -41
- package/dist/variables.less +0 -1187
- package/style-dictionary.config.json +0 -105
package/dist/index.js
CHANGED
|
@@ -1,700 +1,18 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Sun, 09 Mar 2025 17:51:30 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
export const
|
|
7
|
-
export const
|
|
8
|
-
export const
|
|
9
|
-
export const
|
|
10
|
-
export const
|
|
11
|
-
export const
|
|
12
|
-
export const
|
|
13
|
-
export const
|
|
14
|
-
export const
|
|
15
|
-
export const
|
|
16
|
-
export const utrechtIconSize = "24px";
|
|
17
|
-
export const utrechtIconInsetBlockStart = 0;
|
|
18
|
-
export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
|
|
19
|
-
export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
|
|
20
|
-
export const utrechtUnorderedListMarginBlockStart = "0.25rem";
|
|
21
|
-
export const utrechtUnorderedListColor = "#154273";
|
|
22
|
-
export const utrechtUnorderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
23
|
-
export const utrechtUnorderedListFontWeight = 400;
|
|
24
|
-
export const utrechtUnorderedListFontSize = "1.25rem";
|
|
25
|
-
export const utrechtUnorderedListLineHeight = "150%";
|
|
26
|
-
export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
|
|
27
|
-
export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
|
|
28
|
-
export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
|
|
29
|
-
export const utrechtUnorderedListMarkerColor = "#154273";
|
|
30
|
-
export const utrechtUnorderedListMarkerBorderColor = "#154273";
|
|
31
|
-
export const utrechtTextboxBorderRadius = "2.5px";
|
|
32
|
-
export const utrechtTextboxFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
33
|
-
export const utrechtTextboxFontSize = "1.25rem";
|
|
34
|
-
export const utrechtTextboxFontWeight = 400;
|
|
35
|
-
export const utrechtTextboxLineHeight = "150%";
|
|
36
|
-
export const utrechtTextboxMaxInlineSize = "400px";
|
|
37
|
-
export const utrechtTextboxPaddingBlockEnd = "0.5rem";
|
|
38
|
-
export const utrechtTextboxPaddingBlockStart = "0.5rem";
|
|
39
|
-
export const utrechtTextboxPaddingInlineEnd = "0.75rem";
|
|
40
|
-
export const utrechtTextboxPaddingInlineStart = "0.75rem";
|
|
41
|
-
export const utrechtTextboxBackgroundColor = "#fff";
|
|
42
|
-
export const utrechtTextboxBorderColor = "#154273";
|
|
43
|
-
export const utrechtTextboxColor = "#154273";
|
|
44
|
-
export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
|
|
45
|
-
export const utrechtTextboxInvalidBorderColor = "#d52b1e";
|
|
46
|
-
export const utrechtTextboxInvalidColor = "#154273";
|
|
47
|
-
export const utrechtTextboxInvalidBorderWidth = "1px";
|
|
48
|
-
export const utrechtTextboxPlaceholderColor = "#64748B";
|
|
49
|
-
export const utrechtTextboxBorderBlockEndWidth = "auto";
|
|
50
|
-
export const utrechtTextboxBorderWidth = "1px";
|
|
51
|
-
export const utrechtTextboxFocusBorderWidth = "2px";
|
|
52
|
-
export const utrechtTextboxFocusBackgroundColor = "#fff";
|
|
53
|
-
export const utrechtTextboxFocusBorderColor = "#154273";
|
|
54
|
-
export const utrechtTextboxFocusColor = "#154273";
|
|
55
|
-
export const utrechtTextboxDisabledBackgroundColor = "#CBD5E1";
|
|
56
|
-
export const utrechtTextboxDisabledBorderColor = "#94A3B8";
|
|
57
|
-
export const utrechtTextboxDisabledColor = "#475569";
|
|
58
|
-
export const utrechtTextboxReadOnlyBackgroundColor = "#F1F5F9";
|
|
59
|
-
export const utrechtTextboxReadOnlyBorderColor = "transparent";
|
|
60
|
-
export const utrechtTextboxReadOnlyColor = "#154273";
|
|
61
|
-
export const utrechtTextboxHoverBorderWidth = "1px";
|
|
62
|
-
export const utrechtTextboxHoverBackgroundColor = "#fff";
|
|
63
|
-
export const utrechtTextboxHoverBorderColor = "#738eab";
|
|
64
|
-
export const utrechtTextboxHoverColor = "#154273";
|
|
65
|
-
export const utrechtTextareaMaxInlineSize = "400px";
|
|
66
|
-
export const utrechtTextareaPaddingBlockEnd = "0.5rem";
|
|
67
|
-
export const utrechtTextareaPaddingBlockStart = "0.5rem";
|
|
68
|
-
export const utrechtTextareaPaddingInlineEnd = "0.75rem";
|
|
69
|
-
export const utrechtTextareaPaddingInlineStart = "0.75rem";
|
|
70
|
-
export const utrechtTextareaBackgroundColor = "#fff";
|
|
71
|
-
export const utrechtTextareaBorderColor = "#154273";
|
|
72
|
-
export const utrechtTextareaColor = "#154273";
|
|
73
|
-
export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
|
|
74
|
-
export const utrechtTextareaInvalidBorderColor = "#d52b1e";
|
|
75
|
-
export const utrechtTextareaInvalidColor = "#154273";
|
|
76
|
-
export const utrechtTextareaInvalidBorderWidth = "1px";
|
|
77
|
-
export const utrechtTextareaPlaceholderColor = "#64748B";
|
|
78
|
-
export const utrechtTextareaFocusBackgroundColor = "#fff";
|
|
79
|
-
export const utrechtTextareaFocusBorderColor = "#154273";
|
|
80
|
-
export const utrechtTextareaFocusColor = "#154273";
|
|
81
|
-
export const utrechtTextareaFocusBorderWidth = "2px";
|
|
82
|
-
export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
|
|
83
|
-
export const utrechtTextareaDisabledBorderColor = "#94A3B8";
|
|
84
|
-
export const utrechtTextareaDisabledColor = "#475569";
|
|
85
|
-
export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
|
|
86
|
-
export const utrechtTextareaReadOnlyBorderColor = "transparent";
|
|
87
|
-
export const utrechtTextareaReadOnlyColor = "#154273";
|
|
88
|
-
export const utrechtTextareaHoverBackgroundColor = "#fff";
|
|
89
|
-
export const utrechtTextareaHoverBorderColor = "#738eab";
|
|
90
|
-
export const utrechtTextareaHoverColor = "#154273";
|
|
91
|
-
export const utrechtTextareaHoverBorderWidth = "1px";
|
|
92
|
-
export const utrechtTextareaBorderRadius = "2.5px";
|
|
93
|
-
export const utrechtTextareaBorderBottomWidth = "1px";
|
|
94
|
-
export const utrechtTextareaBorderWidth = "1px";
|
|
95
|
-
export const utrechtTextareaFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
96
|
-
export const utrechtTextareaFontWeight = 400;
|
|
97
|
-
export const utrechtTextareaLineHeight = "150%";
|
|
98
|
-
export const utrechtTextareaFontSize = "1.25rem";
|
|
99
|
-
export const utrechtTableHeaderCellLineHeight = "150%";
|
|
100
|
-
export const utrechtTableHeaderCellColor = "#154273";
|
|
101
|
-
export const utrechtTableHeaderCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
102
|
-
export const utrechtTableHeaderCellFontWeight = 700;
|
|
103
|
-
export const utrechtTableHeaderCellFontSize = "1.25rem";
|
|
104
|
-
export const utrechtTableCaptionLineHeight = "125%";
|
|
105
|
-
export const utrechtTableCaptionMarginBlockEnd = "1.5rem";
|
|
106
|
-
export const utrechtTableCaptionColor = "#154273";
|
|
107
|
-
export const utrechtTableCaptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
108
|
-
export const utrechtTableCaptionFontWeight = 700;
|
|
109
|
-
export const utrechtTableCaptionFontSize = "1.875rem";
|
|
110
|
-
export const utrechtTableCellPaddingBlockEnd = "0.75rem";
|
|
111
|
-
export const utrechtTableCellPaddingBlockStart = "0.75rem";
|
|
112
|
-
export const utrechtTableCellPaddingInlineEnd = "1rem";
|
|
113
|
-
export const utrechtTableCellPaddingInlineStart = "1rem";
|
|
114
|
-
export const utrechtTableDataCellColor = "#154273";
|
|
115
|
-
export const utrechtTableDataCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
116
|
-
export const utrechtTableDataCellFontWeight = 400;
|
|
117
|
-
export const utrechtTableDataCellLineHeight = "150%";
|
|
118
|
-
export const utrechtTableDataCellFontSize = "1.25rem";
|
|
119
|
-
export const utrechtTableHeaderBorderBlockEndWidth = "2px";
|
|
120
|
-
export const utrechtTableHeaderBorderBlockEndColor = "#CBD5E1";
|
|
121
|
-
export const utrechtTableHeaderBackgroundColor = "transparent";
|
|
122
|
-
export const utrechtTableFooterBorderBlockEndWidth = "1px";
|
|
123
|
-
export const utrechtTableFooterBorderBlockEndColor = "#CBD5E1";
|
|
124
|
-
export const utrechtTableFooterBackgroundColor = "transparent";
|
|
125
|
-
export const utrechtTableRowBorderBlockEndWidth = "1px";
|
|
126
|
-
export const utrechtTableRowBorderBlockEndColor = "#CBD5E1";
|
|
127
|
-
export const utrechtTableRowBackgroundColor = "transparent";
|
|
128
|
-
export const utrechtTableFooterCellFontWeight = 700;
|
|
129
|
-
export const utrechtTableFooterCellFontSize = "1.25rem";
|
|
130
|
-
export const utrechtTableFooterCellColor = "#154273";
|
|
131
|
-
export const utrechtTableFooterCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
132
|
-
export const utrechtTableFooterCellLineHeight = "150%";
|
|
133
|
-
export const utrechtTableContainerBoxInlineEndShadowX = 0;
|
|
134
|
-
export const utrechtTableContainerBoxInlineEndShadowY = "16px";
|
|
135
|
-
export const utrechtTableContainerBoxInlineEndShadowBlur = "48px";
|
|
136
|
-
export const utrechtTableContainerBoxInlineEndShadowSpread = 0;
|
|
137
|
-
export const utrechtTableContainerBoxInlineEndShadowColor = "#0000001a";
|
|
138
|
-
export const utrechtTableContainerBoxInlineStartShadowX = 0;
|
|
139
|
-
export const utrechtTableContainerBoxInlineStartShadowY = "16px";
|
|
140
|
-
export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
|
|
141
|
-
export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
|
|
142
|
-
export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
|
|
143
|
-
export const utrechtSkipLinkFontWeight = 700;
|
|
144
|
-
export const utrechtSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
145
|
-
export const utrechtSkipLinkFontSize = "1.25rem";
|
|
146
|
-
export const utrechtSkipLinkLineHeight = "150%";
|
|
147
|
-
export const utrechtSkipLinkMinBlockSize = "48px";
|
|
148
|
-
export const utrechtSkipLinkMinInlineSize = "48px";
|
|
149
|
-
export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
|
|
150
|
-
export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
|
|
151
|
-
export const utrechtSkipLinkPaddingInlineEnd = "1rem";
|
|
152
|
-
export const utrechtSkipLinkPaddingInlineStart = "1rem";
|
|
153
|
-
export const utrechtSkipLinkFocusBackgroundColor = "#fff";
|
|
154
|
-
export const utrechtSkipLinkFocusBorderColor = "#154273";
|
|
155
|
-
export const utrechtSkipLinkFocusBorderStyle = "solid";
|
|
156
|
-
export const utrechtSkipLinkFocusBorderWidth = "2px";
|
|
157
|
-
export const utrechtSkipLinkFocusColor = "#154273";
|
|
158
|
-
export const utrechtSkipLinkFocusTextDecoration = "None";
|
|
159
|
-
export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
|
|
160
|
-
export const utrechtSkipLinkBackgroundColor = "#154273";
|
|
161
|
-
export const utrechtSkipLinkBorderColor = "transparent";
|
|
162
|
-
export const utrechtSkipLinkColor = "#fff";
|
|
163
|
-
export const utrechtSkipLinkBorderWidth = "2px";
|
|
164
|
-
export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
|
|
165
|
-
export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
|
|
166
|
-
export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
|
|
167
|
-
export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
|
|
168
|
-
export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
|
|
169
|
-
export const utrechtSkipLinkTextDecoration = "underline";
|
|
170
|
-
export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
|
|
171
|
-
export const utrechtSeparatorColor = "#CBD5E1";
|
|
172
|
-
export const utrechtSeparatorBlockSize = "2px";
|
|
173
|
-
export const utrechtSeparatorMarginBlockEnd = "0.75rem";
|
|
174
|
-
export const utrechtSeparatorMarginBlockStart = "0.75rem";
|
|
175
|
-
export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
|
|
176
|
-
export const utrechtSelectIconSize = "24px";
|
|
177
|
-
export const utrechtSelectBackgroundColor = "#fff";
|
|
178
|
-
export const utrechtSelectBorderColor = "#154273";
|
|
179
|
-
export const utrechtSelectColor = "#154273";
|
|
180
|
-
export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
|
|
181
|
-
export const utrechtSelectInvalidBorderColor = "#d52b1e";
|
|
182
|
-
export const utrechtSelectInvalidColor = "#154273";
|
|
183
|
-
export const utrechtSelectInvalidBorderWidth = "1px";
|
|
184
|
-
export const utrechtSelectFocusBackgroundColor = "#fff";
|
|
185
|
-
export const utrechtSelectFocusBorderColor = "#154273";
|
|
186
|
-
export const utrechtSelectFocusColor = "#154273";
|
|
187
|
-
export const utrechtSelectFocusBorderWidth = "2px";
|
|
188
|
-
export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
|
|
189
|
-
export const utrechtSelectDisabledBorderColor = "#94A3B8";
|
|
190
|
-
export const utrechtSelectDisabledColor = "#475569";
|
|
191
|
-
export const utrechtSelectHoverBackgroundColor = "#fff";
|
|
192
|
-
export const utrechtSelectHoverBorderColor = "#738eab";
|
|
193
|
-
export const utrechtSelectHoverColor = "#154273";
|
|
194
|
-
export const utrechtSelectHoverBorderWidth = "1px";
|
|
195
|
-
export const utrechtSelectPaddingBlockEnd = "0.5rem";
|
|
196
|
-
export const utrechtSelectPaddingBlockStart = "0.5rem";
|
|
197
|
-
export const utrechtSelectPaddingInlineEnd = "0.75rem";
|
|
198
|
-
export const utrechtSelectPaddingInlineStart = "0.75rem";
|
|
199
|
-
export const utrechtSelectBorderRadius = "2.5px";
|
|
200
|
-
export const utrechtSelectBorderBottomWidth = "auto";
|
|
201
|
-
export const utrechtSelectBorderWidth = "1px";
|
|
202
|
-
export const utrechtSelectFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
203
|
-
export const utrechtSelectFontWeight = 400;
|
|
204
|
-
export const utrechtSelectLineHeight = "150%";
|
|
205
|
-
export const utrechtSelectFontSize = "1.25rem";
|
|
206
|
-
export const utrechtSelectMaxInlineSize = "400px";
|
|
207
|
-
export const utrechtRadioButtonActiveBorderWidth = "1px";
|
|
208
|
-
export const utrechtRadioButtonActiveBackgroundColor = "#fff";
|
|
209
|
-
export const utrechtRadioButtonActiveBorderColor = "#4f7196";
|
|
210
|
-
export const utrechtRadioButtonSize = "24px";
|
|
211
|
-
export const utrechtRadioButtonDotSize = "12px";
|
|
212
|
-
export const utrechtRadioButtonBackgroundColor = "#fff";
|
|
213
|
-
export const utrechtRadioButtonBorderColor = "#154273";
|
|
214
|
-
export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
|
|
215
|
-
export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
|
|
216
|
-
export const utrechtRadioButtonInvalidBorderWidth = "1px";
|
|
217
|
-
export const utrechtRadioButtonFocusBackgroundColor = "#fff";
|
|
218
|
-
export const utrechtRadioButtonFocusBorderColor = "#154273";
|
|
219
|
-
export const utrechtRadioButtonFocusBorderWidth = "2px";
|
|
220
|
-
export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
|
|
221
|
-
export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
|
|
222
|
-
export const utrechtRadioButtonDisabledColor = "#475569";
|
|
223
|
-
export const utrechtRadioButtonCheckedBackgroundColor = "#154273";
|
|
224
|
-
export const utrechtRadioButtonCheckedBorderColor = "transparent";
|
|
225
|
-
export const utrechtRadioButtonCheckedColor = "#fff";
|
|
226
|
-
export const utrechtRadioButtonCheckedHoverBackgroundColor = "#738eab";
|
|
227
|
-
export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
|
|
228
|
-
export const utrechtRadioButtonCheckedHoverColor = "#fff";
|
|
229
|
-
export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
|
|
230
|
-
export const utrechtRadioButtonCheckedActiveBackgroundColor = "#4f7196";
|
|
231
|
-
export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
|
|
232
|
-
export const utrechtRadioButtonCheckedActiveColor = "#fff";
|
|
233
|
-
export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
|
|
234
|
-
export const utrechtRadioButtonCheckedFocusBackgroundColor = "#fff";
|
|
235
|
-
export const utrechtRadioButtonCheckedFocusBorderColor = "#154273";
|
|
236
|
-
export const utrechtRadioButtonCheckedFocusColor = "#154273";
|
|
237
|
-
export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
|
|
238
|
-
export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
|
|
239
|
-
export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
|
|
240
|
-
export const utrechtRadioButtonCheckedDisabledColor = "#475569";
|
|
241
|
-
export const utrechtRadioButtonCheckedBorderWidth = "1px";
|
|
242
|
-
export const utrechtRadioButtonHoverBackgroundColor = "#fff";
|
|
243
|
-
export const utrechtRadioButtonHoverBorderColor = "#738eab";
|
|
244
|
-
export const utrechtRadioButtonHoverBorderWidth = "1px";
|
|
245
|
-
export const utrechtRadioButtonBorderRadius = "999px";
|
|
246
|
-
export const utrechtRadioButtonBorderWidth = "1px";
|
|
247
|
-
export const utrechtParagraphColor = "#154273";
|
|
248
|
-
export const utrechtParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
249
|
-
export const utrechtParagraphFontSize = "1.25rem";
|
|
250
|
-
export const utrechtParagraphFontWeight = 400;
|
|
251
|
-
export const utrechtParagraphLineHeight = "150%";
|
|
252
|
-
export const utrechtParagraphMarginBlockEnd = 0;
|
|
253
|
-
export const utrechtParagraphMarginBlockStart = 0;
|
|
254
|
-
export const utrechtParagraphLeadColor = "#154273";
|
|
255
|
-
export const utrechtParagraphLeadFontSize = "1.5rem";
|
|
256
|
-
export const utrechtParagraphLeadFontWeight = 400;
|
|
257
|
-
export const utrechtParagraphLeadLineHeight = "150%";
|
|
258
|
-
export const utrechtParagraphSmallColor = "#154273";
|
|
259
|
-
export const utrechtParagraphSmallFontSize = "1.125rem";
|
|
260
|
-
export const utrechtParagraphSmallFontWeight = 400;
|
|
261
|
-
export const utrechtParagraphSmallLineHeight = "150%";
|
|
262
|
-
export const utrechtOrderedListPaddingInlineStart = "1.5rem";
|
|
263
|
-
export const utrechtOrderedListMarginBlockEnd = "0.25rem";
|
|
264
|
-
export const utrechtOrderedListMarginBlockStart = "0.25rem";
|
|
265
|
-
export const utrechtOrderedListMarginInlineStart = "0.625rem";
|
|
266
|
-
export const utrechtOrderedListItemPaddingInlineStart = 0;
|
|
267
|
-
export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
|
|
268
|
-
export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
|
|
269
|
-
export const utrechtOrderedListColor = "#154273";
|
|
270
|
-
export const utrechtOrderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
271
|
-
export const utrechtOrderedListFontWeight = 400;
|
|
272
|
-
export const utrechtOrderedListFontSize = "1.25rem";
|
|
273
|
-
export const utrechtOrderedListLineHeight = "150%";
|
|
274
|
-
export const utrechtLinkListMarginBlockStart = 0;
|
|
275
|
-
export const utrechtLinkListRowGap = "0.5rem";
|
|
276
|
-
export const utrechtLinkListMarginBlockEnd = 0;
|
|
277
|
-
export const utrechtLinkListItemColumnGap = "0.5rem";
|
|
278
|
-
export const utrechtLinkListItemTextDecoration = "None";
|
|
279
|
-
export const utrechtLinkListIconSize = "24px";
|
|
280
|
-
export const utrechtLinkListIconInsetBlockStart = "0.188rem";
|
|
281
|
-
export const utrechtLinkColor = "#01689b";
|
|
282
|
-
export const utrechtLinkTextDecorationColor = "#01689b";
|
|
283
|
-
export const utrechtLinkActiveColor = "#42145f";
|
|
284
|
-
export const utrechtLinkActiveTextDecoration = "None";
|
|
285
|
-
export const utrechtLinkFocusBackgroundColor = "transparent";
|
|
286
|
-
export const utrechtLinkFocusColor = "#01689b";
|
|
287
|
-
export const utrechtLinkFocusTextDecoration = "None";
|
|
288
|
-
export const utrechtLinkFocusTextDecorationThickness = "auto";
|
|
289
|
-
export const utrechtLinkHoverColor = "#01496c";
|
|
290
|
-
export const utrechtLinkHoverTextDecoration = "None";
|
|
291
|
-
export const utrechtLinkHoverTextDecorationThickness = "auto";
|
|
292
|
-
export const utrechtLinkVisitedColor = "#42145f";
|
|
293
|
-
export const utrechtLinkTextDecoration = "underline";
|
|
294
|
-
export const utrechtLinkIconInsetBlockStart = "0.25rem";
|
|
295
|
-
export const utrechtLinkIconSize = "24px";
|
|
296
|
-
export const utrechtLinkColumnGap = "0.25rem";
|
|
297
|
-
export const utrechtLinkTextDecorationThickness = "auto";
|
|
298
|
-
export const utrechtLinkTextUnderlineOffset = "0.125rem";
|
|
299
|
-
export const utrechtLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
300
|
-
export const utrechtLinkFontWeight = 400;
|
|
301
|
-
export const utrechtLinkFontSize = "1.25rem";
|
|
302
|
-
export const utrechtLinkLineHeight = "150%";
|
|
303
|
-
export const utrechtHeading1Color = "#154273";
|
|
304
|
-
export const utrechtHeading1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
305
|
-
export const utrechtHeading1FontWeight = 700;
|
|
306
|
-
export const utrechtHeading1LineHeight = "125%";
|
|
307
|
-
export const utrechtHeading1FontSize = "3.125rem";
|
|
308
|
-
export const utrechtHeading1MarginBlockEnd = 0;
|
|
309
|
-
export const utrechtHeading1MarginBlockStart = 0;
|
|
310
|
-
export const utrechtHeading2Color = "#154273";
|
|
311
|
-
export const utrechtHeading2FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
312
|
-
export const utrechtHeading2FontWeight = 700;
|
|
313
|
-
export const utrechtHeading2LineHeight = "125%";
|
|
314
|
-
export const utrechtHeading2FontSize = "2.5rem";
|
|
315
|
-
export const utrechtHeading2MarginBlockEnd = 0;
|
|
316
|
-
export const utrechtHeading2MarginBlockStart = 0;
|
|
317
|
-
export const utrechtHeading3Color = "#154273";
|
|
318
|
-
export const utrechtHeading3FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
319
|
-
export const utrechtHeading3FontWeight = 700;
|
|
320
|
-
export const utrechtHeading3LineHeight = "125%";
|
|
321
|
-
export const utrechtHeading3FontSize = "1.875rem";
|
|
322
|
-
export const utrechtHeading3MarginBlockEnd = 0;
|
|
323
|
-
export const utrechtHeading3MarginBlockStart = 0;
|
|
324
|
-
export const utrechtHeading4Color = "#154273";
|
|
325
|
-
export const utrechtHeading4FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
326
|
-
export const utrechtHeading4FontWeight = 700;
|
|
327
|
-
export const utrechtHeading4LineHeight = "125%";
|
|
328
|
-
export const utrechtHeading4FontSize = "1.5rem";
|
|
329
|
-
export const utrechtHeading4MarginBlockEnd = 0;
|
|
330
|
-
export const utrechtHeading4MarginBlockStart = 0;
|
|
331
|
-
export const utrechtHeading5Color = "#154273";
|
|
332
|
-
export const utrechtHeading5FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
333
|
-
export const utrechtHeading5FontWeight = 700;
|
|
334
|
-
export const utrechtHeading5LineHeight = "125%";
|
|
335
|
-
export const utrechtHeading5FontSize = "1.25rem";
|
|
336
|
-
export const utrechtHeading5MarginBlockEnd = 0;
|
|
337
|
-
export const utrechtHeading5MarginBlockStart = 0;
|
|
338
|
-
export const utrechtFormLabelColor = "#154273";
|
|
339
|
-
export const utrechtFormLabelFontSize = "1.25rem";
|
|
340
|
-
export const utrechtFormLabelFontWeight = 700;
|
|
341
|
-
export const utrechtFormFieldLabelColor = "#154273";
|
|
342
|
-
export const utrechtFormFieldLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
343
|
-
export const utrechtFormFieldLabelFontSize = "1.25rem";
|
|
344
|
-
export const utrechtFormFieldLabelFontWeight = 700;
|
|
345
|
-
export const utrechtFormFieldLabelLineHeight = "150%";
|
|
346
|
-
export const utrechtFormFieldErrorMessageIconSize = "24px";
|
|
347
|
-
export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
|
|
348
|
-
export const utrechtFormFieldErrorMessageColor = "#d52b1e";
|
|
349
|
-
export const utrechtFormFieldErrorMessageFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
350
|
-
export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
|
|
351
|
-
export const utrechtFormFieldErrorMessageFontWeight = 400;
|
|
352
|
-
export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem";
|
|
353
|
-
export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
|
|
354
|
-
export const utrechtFormFieldDescriptionColor = "#334155";
|
|
355
|
-
export const utrechtFormFieldDescriptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
356
|
-
export const utrechtFormFieldDescriptionFontSize = "1.25rem";
|
|
357
|
-
export const utrechtFormFieldDescriptionLineHeight = "150%";
|
|
358
|
-
export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
|
|
359
|
-
export const utrechtFormFieldDescriptionMarginBlockEnd = "0.5rem";
|
|
360
|
-
export const utrechtFormFieldDescriptionPaddingBlockEnd = "0.5rem";
|
|
361
|
-
export const utrechtFormFieldMarginBlockStart = "0.5rem";
|
|
362
|
-
export const utrechtFormFieldMarginBlockEnd = "0.5rem";
|
|
363
|
-
export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
|
|
364
|
-
export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
|
|
365
|
-
export const utrechtFormFieldInvalidPaddingInlineStart = 0;
|
|
366
|
-
export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
|
|
367
|
-
export const utrechtPageFooterBackgroundColor = "#154273";
|
|
368
|
-
export const utrechtPageFooterColor = "#fff";
|
|
369
|
-
export const utrechtPageFooterPaddingBlockStart = "3rem";
|
|
370
|
-
export const utrechtPageFooterPaddingBlockEnd = "3rem";
|
|
371
|
-
export const utrechtPageFooterPaddingInlineStart = "80px";
|
|
372
|
-
export const utrechtPageFooterPaddingInlineEnd = "80px";
|
|
373
|
-
export const utrechtFigureCaptionBorderColor = "#CBD5E1";
|
|
374
|
-
export const utrechtFigureCaptionBorderWidth = "4px";
|
|
375
|
-
export const utrechtFigureCaptionColor = "#154273";
|
|
376
|
-
export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
|
|
377
|
-
export const utrechtFigureCaptionPaddingBlockStart = "0.5rem";
|
|
378
|
-
export const utrechtFigureCaptionPaddingInlineStart = "1rem";
|
|
379
|
-
export const utrechtFigureCaptionLineHeight = "150%";
|
|
380
|
-
export const utrechtFigureImgBorderEndEndRadius = 0;
|
|
381
|
-
export const utrechtFigureImgBorderEndStartRadius = 0;
|
|
382
|
-
export const utrechtFigureImgBorderStartEndRadius = 0;
|
|
383
|
-
export const utrechtFigureImgBorderStartStartRadius = 0;
|
|
384
|
-
export const utrechtFormFieldsetLegendColor = "#154273";
|
|
385
|
-
export const utrechtFormFieldsetLegendFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
386
|
-
export const utrechtFormFieldsetLegendFontSize = "1.25rem";
|
|
387
|
-
export const utrechtFormFieldsetLegendFontWeight = 700;
|
|
388
|
-
export const utrechtFormFieldsetLegendLineHeight = "150%";
|
|
389
|
-
export const utrechtFormFieldsetLegendDisabledColor = "#334155";
|
|
390
|
-
export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
|
|
391
|
-
export const utrechtFormFieldsetSectionColor = "#154273";
|
|
392
|
-
export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
|
|
393
|
-
export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
|
|
394
|
-
export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
|
|
395
|
-
export const utrechtBadgeCounterFontSize = "1.25rem";
|
|
396
|
-
export const utrechtBadgeCounterLineHeight = "150%";
|
|
397
|
-
export const utrechtBadgeCounterMinBlockSize = "24px";
|
|
398
|
-
export const utrechtBadgeCounterMinInlineSize = "24px";
|
|
399
|
-
export const utrechtBadgeCounterFontWeight = 700;
|
|
400
|
-
export const utrechtBadgeCounterBorderWidth = "0px";
|
|
401
|
-
export const utrechtBadgeCounterBorderRadius = "999px";
|
|
402
|
-
export const utrechtBadgeCounterFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
403
|
-
export const utrechtBadgeCounterBackgroundColor = "#154273";
|
|
404
|
-
export const utrechtBadgeCounterBorderColor = "transparent";
|
|
405
|
-
export const utrechtBadgeCounterColor = "#fff";
|
|
406
|
-
export const utrechtBadgeCounterPaddingInline = "0.5rem";
|
|
407
|
-
export const utrechtBadgeCounterPaddingBlock = "0.5rem";
|
|
408
|
-
export const utrechtCheckboxBorderRadius = "2.5px";
|
|
409
|
-
export const utrechtCheckboxSize = "24px";
|
|
410
|
-
export const utrechtCheckboxIconSize = "24px";
|
|
411
|
-
export const utrechtCheckboxBackgroundColor = "#fff";
|
|
412
|
-
export const utrechtCheckboxBorderColor = "#154273";
|
|
413
|
-
export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
|
|
414
|
-
export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
|
|
415
|
-
export const utrechtCheckboxInvalidBorderWidth = "1px";
|
|
416
|
-
export const utrechtCheckboxFocusBackgroundColor = "#fff";
|
|
417
|
-
export const utrechtCheckboxFocusBorderColor = "#154273";
|
|
418
|
-
export const utrechtCheckboxFocusBorderWidth = "2px";
|
|
419
|
-
export const utrechtCheckboxDisabledBackgroundColor = "#CBD5E1";
|
|
420
|
-
export const utrechtCheckboxDisabledBorderColor = "#94A3B8";
|
|
421
|
-
export const utrechtCheckboxCheckedBackgroundColor = "#154273";
|
|
422
|
-
export const utrechtCheckboxCheckedBorderColor = "transparent";
|
|
423
|
-
export const utrechtCheckboxCheckedColor = "#fff";
|
|
424
|
-
export const utrechtCheckboxCheckedBorderWidth = "1px";
|
|
425
|
-
export const utrechtCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
|
|
426
|
-
export const utrechtCheckboxCheckedDisabledBorderColor = "#94A3B8";
|
|
427
|
-
export const utrechtCheckboxCheckedDisabledColor = "#475569";
|
|
428
|
-
export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
|
|
429
|
-
export const utrechtCheckboxCheckedFocusBackgroundColor = "#fff";
|
|
430
|
-
export const utrechtCheckboxCheckedFocusBorderColor = "#154273";
|
|
431
|
-
export const utrechtCheckboxCheckedFocusColor = "#154273";
|
|
432
|
-
export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
|
|
433
|
-
export const utrechtCheckboxCheckedHoverBackgroundColor = "#738eab";
|
|
434
|
-
export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
|
|
435
|
-
export const utrechtCheckboxCheckedHoverColor = "#fff";
|
|
436
|
-
export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
|
|
437
|
-
export const utrechtCheckboxCheckedActiveBackgroundColor = "#4f7196";
|
|
438
|
-
export const utrechtCheckboxCheckedActiveBorderColor = "transparent";
|
|
439
|
-
export const utrechtCheckboxCheckedActiveColor = "#fff";
|
|
440
|
-
export const utrechtCheckboxIndeterminateBackgroundColor = "#154273";
|
|
441
|
-
export const utrechtCheckboxIndeterminateBorderColor = "transparent";
|
|
442
|
-
export const utrechtCheckboxIndeterminateColor = "#fff";
|
|
443
|
-
export const utrechtCheckboxIndeterminateBorderWidth = "1px";
|
|
444
|
-
export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
|
|
445
|
-
export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
|
|
446
|
-
export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
|
|
447
|
-
export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#4f7196";
|
|
448
|
-
export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
|
|
449
|
-
export const utrechtCheckboxIndeterminateActiveColor = "#fff";
|
|
450
|
-
export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
|
|
451
|
-
export const utrechtCheckboxIndeterminateHoverBackgroundColor = "#738eab";
|
|
452
|
-
export const utrechtCheckboxIndeterminateHoverBorderColor = "transparent";
|
|
453
|
-
export const utrechtCheckboxIndeterminateHoverColor = "#fff";
|
|
454
|
-
export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
|
|
455
|
-
export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#fff";
|
|
456
|
-
export const utrechtCheckboxIndeterminateFocusBorderColor = "#154273";
|
|
457
|
-
export const utrechtCheckboxIndeterminateFocusColor = "#154273";
|
|
458
|
-
export const utrechtCheckboxIndeterminateFocusBorderWidth = "2px";
|
|
459
|
-
export const utrechtCheckboxBorderWidth = "1px";
|
|
460
|
-
export const utrechtCheckboxHoverBorderWidth = "1px";
|
|
461
|
-
export const utrechtCheckboxHoverBackgroundColor = "#fff";
|
|
462
|
-
export const utrechtCheckboxHoverBorderColor = "#738eab";
|
|
463
|
-
export const utrechtCheckboxActiveBorderWidth = "1px";
|
|
464
|
-
export const utrechtCheckboxActiveBackgroundColor = "#fff";
|
|
465
|
-
export const utrechtCheckboxActiveBorderColor = "#4f7196";
|
|
466
|
-
export const utrechtButtonGroupBackgroundColor = "transparent";
|
|
467
|
-
export const utrechtButtonGroupColumnGap = "0.5rem";
|
|
468
|
-
export const utrechtButtonGroupMarginBlockEnd = "0px";
|
|
469
|
-
export const utrechtButtonGroupMarginBlockStart = "0px";
|
|
470
|
-
export const utrechtButtonGroupPaddingBlockEnd = "0px";
|
|
471
|
-
export const utrechtButtonGroupPaddingBlockStart = "0px";
|
|
472
|
-
export const utrechtButtonGroupRowGap = "0.5rem";
|
|
473
|
-
export const utrechtButtonBackgroundColor = "transparent";
|
|
474
|
-
export const utrechtButtonBorderColor = "#334155";
|
|
475
|
-
export const utrechtButtonColor = "#334155";
|
|
476
|
-
export const utrechtButtonBorderRadius = "5px";
|
|
477
|
-
export const utrechtButtonBorderWidth = "1px";
|
|
478
|
-
export const utrechtButtonIconGap = "0.5rem";
|
|
479
|
-
export const utrechtButtonIconSize = "24px";
|
|
480
|
-
export const utrechtButtonFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
481
|
-
export const utrechtButtonFontSize = "1.25rem";
|
|
482
|
-
export const utrechtButtonFontWeight = 700;
|
|
483
|
-
export const utrechtButtonLineHeight = "150%";
|
|
484
|
-
export const utrechtButtonPaddingBlockEnd = "0.5rem";
|
|
485
|
-
export const utrechtButtonPaddingBlockStart = "0.5rem";
|
|
486
|
-
export const utrechtButtonPaddingInlineEnd = "1rem";
|
|
487
|
-
export const utrechtButtonPaddingInlineStart = "1rem";
|
|
488
|
-
export const utrechtButtonDisabledBackgroundColor = "#F8FAFC";
|
|
489
|
-
export const utrechtButtonDisabledBorderColor = "transparent";
|
|
490
|
-
export const utrechtButtonDisabledColor = "#64748B";
|
|
491
|
-
export const utrechtButtonFocusBackgroundColor = "#FDDE94";
|
|
492
|
-
export const utrechtButtonFocusBorderColor = "transparent";
|
|
493
|
-
export const utrechtButtonFocusColor = "#1E293B";
|
|
494
|
-
export const utrechtButtonHoverBackgroundColor = "#F8FAFC";
|
|
495
|
-
export const utrechtButtonHoverBorderColor = "#1E293B";
|
|
496
|
-
export const utrechtButtonHoverColor = "#1E293B";
|
|
497
|
-
export const utrechtButtonActiveBackgroundColor = "#CBD5E1";
|
|
498
|
-
export const utrechtButtonActiveBorderColor = "#0F172A";
|
|
499
|
-
export const utrechtButtonActiveColor = "#0F172A";
|
|
500
|
-
export const utrechtButtonMinBlockSize = "48px";
|
|
501
|
-
export const utrechtButtonMinInlineSize = "48px";
|
|
502
|
-
export const utrechtButtonColumnGap = "0.5rem";
|
|
503
|
-
export const utrechtButtonPrimaryActionHoverBackgroundColor = "#162f50";
|
|
504
|
-
export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
|
|
505
|
-
export const utrechtButtonPrimaryActionHoverColor = "#fff";
|
|
506
|
-
export const utrechtButtonPrimaryActionBackgroundColor = "#154273";
|
|
507
|
-
export const utrechtButtonPrimaryActionBorderColor = "transparent";
|
|
508
|
-
export const utrechtButtonPrimaryActionColor = "#fff";
|
|
509
|
-
export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#b8c6d5";
|
|
510
|
-
export const utrechtButtonPrimaryActionDisabledBorderColor = "#95a9c0";
|
|
511
|
-
export const utrechtButtonPrimaryActionDisabledColor = "#4f7196";
|
|
512
|
-
export const utrechtButtonPrimaryActionFocusBackgroundColor = "#154273";
|
|
513
|
-
export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
|
|
514
|
-
export const utrechtButtonPrimaryActionFocusColor = "#fff";
|
|
515
|
-
export const utrechtButtonPrimaryActionFontWeight = 700;
|
|
516
|
-
export const utrechtButtonPrimaryActionActiveBackgroundColor = "#0d2845";
|
|
517
|
-
export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
|
|
518
|
-
export const utrechtButtonPrimaryActionActiveColor = "#fff";
|
|
519
|
-
export const utrechtButtonPrimaryActionFontSize = "1.25rem";
|
|
520
|
-
export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
|
|
521
|
-
export const utrechtButtonSecondaryActionHoverBackgroundColor = "#b8c6d5";
|
|
522
|
-
export const utrechtButtonSecondaryActionHoverBorderColor = "transparent";
|
|
523
|
-
export const utrechtButtonSecondaryActionHoverColor = "#154273";
|
|
524
|
-
export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
|
|
525
|
-
export const utrechtButtonSecondaryActionBorderColor = "#154273";
|
|
526
|
-
export const utrechtButtonSecondaryActionColor = "#154273";
|
|
527
|
-
export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
|
|
528
|
-
export const utrechtButtonSecondaryActionDisabledBorderColor = "#738eab";
|
|
529
|
-
export const utrechtButtonSecondaryActionDisabledColor = "#738eab";
|
|
530
|
-
export const utrechtButtonSecondaryActionFocusBackgroundColor = "#b8c6d5";
|
|
531
|
-
export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
|
|
532
|
-
export const utrechtButtonSecondaryActionFocusColor = "#154273";
|
|
533
|
-
export const utrechtButtonSecondaryActionFontWeight = 700;
|
|
534
|
-
export const utrechtButtonSecondaryActionActiveBackgroundColor = "#95a9c0";
|
|
535
|
-
export const utrechtButtonSecondaryActionActiveBorderColor = "#154273";
|
|
536
|
-
export const utrechtButtonSecondaryActionActiveColor = "#154273";
|
|
537
|
-
export const utrechtButtonSecondaryActionFontSize = "1.25rem";
|
|
538
|
-
export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
|
|
539
|
-
export const utrechtButtonSubtleFontSize = "1.25rem";
|
|
540
|
-
export const utrechtButtonSubtleFontWeight = 700;
|
|
541
|
-
export const utrechtButtonSubtleHoverBackgroundColor = "transparent";
|
|
542
|
-
export const utrechtButtonSubtleHoverBorderColor = "transparent";
|
|
543
|
-
export const utrechtButtonSubtleHoverColor = "#162f50";
|
|
544
|
-
export const utrechtButtonSubtleBackgroundColor = "transparent";
|
|
545
|
-
export const utrechtButtonSubtleBorderColor = "transparent";
|
|
546
|
-
export const utrechtButtonSubtleColor = "#154273";
|
|
547
|
-
export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
|
|
548
|
-
export const utrechtButtonSubtleDisabledBorderColor = "transparent";
|
|
549
|
-
export const utrechtButtonSubtleDisabledColor = "#b8c6d5";
|
|
550
|
-
export const utrechtButtonSubtleFocusBackgroundColor = "#dce3ea";
|
|
551
|
-
export const utrechtButtonSubtleFocusBorderColor = "transparent";
|
|
552
|
-
export const utrechtButtonSubtleFocusColor = "#154273";
|
|
553
|
-
export const utrechtButtonSubtleActiveBackgroundColor = "transparent";
|
|
554
|
-
export const utrechtButtonSubtleActiveBorderColor = "transparent";
|
|
555
|
-
export const utrechtButtonSubtleActiveColor = "#0d2845";
|
|
556
|
-
export const utrechtButtonSubtleLineHeight = "1.875rem";
|
|
557
|
-
export const utrechtBreadcrumbNavLineHeight = 1.4;
|
|
558
|
-
export const utrechtBreadcrumbNavFontSize = "1.25rem";
|
|
559
|
-
export const utrechtBreadcrumbNavLinkIconSize = "24px";
|
|
560
|
-
export const utrechtBreadcrumbNavLinkIconMarginInline = "0.25rem";
|
|
561
|
-
export const utrechtBreadcrumbNavLinkIconInsetBlockStart = 0;
|
|
562
|
-
export const utrechtBreadcrumbNavLinkPaddingBlockEnd = "0.75rem";
|
|
563
|
-
export const utrechtBreadcrumbNavLinkPaddingBlockStart = "0.75rem";
|
|
564
|
-
export const utrechtBreadcrumbNavLinkPaddingInlineEnd = 0;
|
|
565
|
-
export const utrechtBreadcrumbNavLinkPaddingInlineStart = 0;
|
|
566
|
-
export const utrechtBreadcrumbNavLinkColor = "#01689b";
|
|
567
|
-
export const utrechtBreadcrumbNavLinkActiveColor = "#42145f";
|
|
568
|
-
export const utrechtBreadcrumbNavLinkActiveTextDecoration = "None";
|
|
569
|
-
export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
|
|
570
|
-
export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
|
|
571
|
-
export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
|
|
572
|
-
export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
|
|
573
|
-
export const utrechtBreadcrumbNavLinkHoverTextDecoration = "None";
|
|
574
|
-
export const utrechtBreadcrumbNavLinkCurrentColor = "#334155";
|
|
575
|
-
export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
|
|
576
|
-
export const utrechtBreadcrumbNavDividerSize = "24px";
|
|
577
|
-
export const utrechtBreadcrumbNavDividerColor = "#334155";
|
|
578
|
-
export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
|
|
579
|
-
export const utrechtBreadcrumbNavMarginInline = "0.5rem";
|
|
580
|
-
export const utrechtBreadcrumbNavFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
581
|
-
export const utrechtBreadcrumbNavFontWeight = 400;
|
|
582
|
-
export const utrechtBlockquoteAttributionFontSize = "1.25rem";
|
|
583
|
-
export const utrechtBlockquoteAttributionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
584
|
-
export const utrechtBlockquoteAttributionLineHeight = "150%";
|
|
585
|
-
export const utrechtBlockquoteAttributionFontWeight = 400;
|
|
586
|
-
export const utrechtBlockquoteAttributionPaddingBlockStart = "0.75rem";
|
|
587
|
-
export const utrechtBlockquoteAttributionColor = "#334155";
|
|
588
|
-
export const utrechtBlockquoteContentFontFamily = "RijksoverheidSerifWeb, 'Times New Roman', serif";
|
|
589
|
-
export const utrechtBlockquoteContentLineHeight = "150%";
|
|
590
|
-
export const utrechtBlockquoteContentFontWeight = 400;
|
|
591
|
-
export const utrechtBlockquoteContentFontSize = "1.5rem";
|
|
592
|
-
export const utrechtBlockquoteContentColor = "#154273";
|
|
593
|
-
export const utrechtBlockquotePaddingBlockEnd = "2rem";
|
|
594
|
-
export const utrechtBlockquotePaddingBlockStart = "2rem";
|
|
595
|
-
export const utrechtBlockquotePaddingInlineEnd = "2rem";
|
|
596
|
-
export const utrechtBlockquotePaddingInlineStart = "2rem";
|
|
597
|
-
export const utrechtBlockquoteRowGap = "0.75rem";
|
|
598
|
-
export const utrechtBlockquoteBackgroundColor = "transparent";
|
|
599
|
-
export const utrechtBlockquoteBorderColor = "#154273";
|
|
600
|
-
export const utrechtBlockquoteBorderBlockStartWidth = 0;
|
|
601
|
-
export const utrechtBlockquoteBorderBlockEndWidth = 0;
|
|
602
|
-
export const utrechtBlockquoteBorderInlineStartWidth = 0;
|
|
603
|
-
export const utrechtBlockquoteBorderInlineEndWidth = 0;
|
|
604
|
-
export const utrechtBlockquoteBorderStartStartRadius = 0;
|
|
605
|
-
export const utrechtBlockquoteBorderStartEndRadius = 0;
|
|
606
|
-
export const utrechtBlockquoteBorderEndStartRadius = 0;
|
|
607
|
-
export const utrechtBlockquoteBorderEndEndRadius = 0;
|
|
608
|
-
export const utrechtBlockquoteBorderWidth = "2px";
|
|
609
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#154273";
|
|
610
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
|
|
611
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
|
|
612
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
|
|
613
|
-
export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
|
|
614
|
-
export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
|
|
615
|
-
export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
|
|
616
|
-
export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
|
|
617
|
-
export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
|
|
618
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
|
|
619
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
|
|
620
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
|
|
621
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
|
|
622
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
|
|
623
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
|
|
624
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
|
|
625
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
|
|
626
|
-
export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
|
|
627
|
-
export const utrechtArticleMaxInlineSize = "75ch";
|
|
628
|
-
export const utrechtAlertHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
629
|
-
export const utrechtAlertHeadingFontWeight = 700;
|
|
630
|
-
export const utrechtAlertHeadingLineHeight = "150%";
|
|
631
|
-
export const utrechtAlertHeadingFontSize = "1.25rem";
|
|
632
|
-
export const utrechtAlertColumnGap = "0.5rem";
|
|
633
|
-
export const utrechtAlertBorderWidth = "0px";
|
|
634
|
-
export const utrechtAlertMarginBlockEnd = "0.75rem";
|
|
635
|
-
export const utrechtAlertMarginBlockStart = "0.75rem";
|
|
636
|
-
export const utrechtAlertPaddingBlockEnd = "1rem";
|
|
637
|
-
export const utrechtAlertPaddingBlockStart = "1rem";
|
|
638
|
-
export const utrechtAlertPaddingInlineEnd = "1rem";
|
|
639
|
-
export const utrechtAlertPaddingInlineStart = "1rem";
|
|
640
|
-
export const utrechtAlertBackgroundColor = "#d9ebf7";
|
|
641
|
-
export const utrechtAlertBorderColor = "transparent";
|
|
642
|
-
export const utrechtAlertColor = "#154273";
|
|
643
|
-
export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
|
|
644
|
-
export const utrechtAlertInfoBorderColor = "transparent";
|
|
645
|
-
export const utrechtAlertInfoColor = "#154273";
|
|
646
|
-
export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
|
|
647
|
-
export const utrechtAlertErrorBorderColor = "transparent";
|
|
648
|
-
export const utrechtAlertErrorColor = "#154273";
|
|
649
|
-
export const utrechtAlertOkBackgroundColor = "#e1eddb";
|
|
650
|
-
export const utrechtAlertOkBorderColor = "transparent";
|
|
651
|
-
export const utrechtAlertOkColor = "#154273";
|
|
652
|
-
export const utrechtAlertWarningBackgroundColor = "#fff4db";
|
|
653
|
-
export const utrechtAlertWarningBorderColor = "transparent";
|
|
654
|
-
export const utrechtAlertWarningColor = "#154273";
|
|
655
|
-
export const utrechtAlertIconInsetBlockStart = "3px";
|
|
656
|
-
export const utrechtAlertIconInfoColor = "#007bc7";
|
|
657
|
-
export const utrechtAlertIconErrorColor = "#d52b1e";
|
|
658
|
-
export const utrechtAlertIconOkColor = "#39870c";
|
|
659
|
-
export const utrechtAlertIconWarningColor = "#ffb612";
|
|
660
|
-
export const utrechtAlertIconSize = "24px";
|
|
661
|
-
export const utrechtAlertMessageLineHeight = "150%";
|
|
662
|
-
export const utrechtAlertMessageColumnGap = "0.5rem";
|
|
663
|
-
export const utrechtAlertBorderRadius = "5px";
|
|
664
|
-
export const utrechtAccordionPanelBorderColor = "#94A3B8";
|
|
665
|
-
export const utrechtAccordionPanelBorderWidth = 0;
|
|
666
|
-
export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
|
|
667
|
-
export const utrechtAccordionPanelPaddingBlockStart = "1rem";
|
|
668
|
-
export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
|
|
669
|
-
export const utrechtAccordionPanelPaddingInlineStart = "1rem";
|
|
670
|
-
export const utrechtAccordionButtonGap = "0.5rem";
|
|
671
|
-
export const utrechtAccordionButtonIconSize = "24px";
|
|
672
|
-
export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
|
|
673
|
-
export const utrechtAccordionButtonHoverBorderColor = "#94A3B8";
|
|
674
|
-
export const utrechtAccordionButtonHoverColor = "#154273";
|
|
675
|
-
export const utrechtAccordionButtonBackgroundColor = "#fff";
|
|
676
|
-
export const utrechtAccordionButtonBorderColor = "#94A3B8";
|
|
677
|
-
export const utrechtAccordionButtonBorderWidth = 0;
|
|
678
|
-
export const utrechtAccordionButtonColor = "#154273";
|
|
679
|
-
export const utrechtAccordionButtonFocusBackgroundColor = "#dce3ea";
|
|
680
|
-
export const utrechtAccordionButtonFocusBorderColor = "#154273";
|
|
681
|
-
export const utrechtAccordionButtonFocusColor = "#154273";
|
|
682
|
-
export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
|
|
683
|
-
export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
|
|
684
|
-
export const utrechtAccordionButtonActiveColor = "#154273";
|
|
685
|
-
export const utrechtAccordionButtonActiveRowGap = 0;
|
|
686
|
-
export const utrechtDocumentBackgroundColor = "#fff";
|
|
687
|
-
export const utrechtDocumentColor = "#000";
|
|
688
|
-
export const utrechtDocumentFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
689
|
-
export const utrechtDocumentFontSize = "1.25rem";
|
|
690
|
-
export const utrechtDocumentLineHeight = "150%";
|
|
691
|
-
export const utrechtDocumentFontWeight = 400;
|
|
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 = 0;
|
|
697
|
-
export const utrechtPointerTargetMinSize = "48px";
|
|
6
|
+
export const rhcSubNavBarBackgroundColor = "#f2f4f6";
|
|
7
|
+
export const rhcSubNavBarColumnGap = "0.5rem";
|
|
8
|
+
export const rhcSubNavBarColumnWidth = "375px";
|
|
9
|
+
export const rhcSubNavBarPaddingBlockEnd = "2rem";
|
|
10
|
+
export const rhcSubNavBarPaddingBlockStart = "2rem";
|
|
11
|
+
export const rhcSubNavBarInlineSize = "100%";
|
|
12
|
+
export const rhcSubNavBarContentPaddingInlineEnd = "1rem";
|
|
13
|
+
export const rhcSubNavBarContentPaddingInlineStart = "1rem";
|
|
14
|
+
export const rhcSubNavBarContentMaxInlineSize = "1280px";
|
|
15
|
+
export const rhcSubNavBarContentListRowGap = "0.5rem";
|
|
698
16
|
export const rhcToggletipColor = "#fff";
|
|
699
17
|
export const rhcToggletipBackgroundColor = "#007bc7";
|
|
700
18
|
export const rhcToggletipBorderColor = "transparent";
|
|
@@ -705,7 +23,7 @@ export const rhcToggletipSize = "24px";
|
|
|
705
23
|
export const rhcToggletipActiveColor = "#007bc7";
|
|
706
24
|
export const rhcToggletipActiveBackgroundColor = "#fff";
|
|
707
25
|
export const rhcToggletipActiveBorderColor = "#007bc7";
|
|
708
|
-
export const rhcToggletipHoverColor = "#
|
|
26
|
+
export const rhcToggletipHoverColor = "#0F172A";
|
|
709
27
|
export const rhcToggletipHoverBackgroundColor = "#66AFDD";
|
|
710
28
|
export const rhcToggletipFocusColor = "#fff";
|
|
711
29
|
export const rhcToggletipFocusBackgroundColor = "#007bc7";
|
|
@@ -717,7 +35,7 @@ export const rhcSidenavLinkFontSize = "1.25rem";
|
|
|
717
35
|
export const rhcSidenavLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
718
36
|
export const rhcSidenavLinkFontWeight = 400;
|
|
719
37
|
export const rhcSidenavLinkCurrentFontWeight = 700;
|
|
720
|
-
export const rhcSidenavLinkCurrentColor = "#
|
|
38
|
+
export const rhcSidenavLinkCurrentColor = "#0F172A";
|
|
721
39
|
export const rhcSidenavLinkColor = "#01689b";
|
|
722
40
|
export const rhcSidenavLinkActiveColor = "#42145f";
|
|
723
41
|
export const rhcSidenavLinkActiveTextDecoration = "underline";
|
|
@@ -737,12 +55,13 @@ export const rhcSidenavLinkColumnGap = "0.5rem";
|
|
|
737
55
|
export const rhcRadioGroupPaddingBlockEnd = "0.5rem";
|
|
738
56
|
export const rhcRadioGroupPaddingBlockStart = "0.5rem";
|
|
739
57
|
export const rhcRadioGroupRowGap = "1rem";
|
|
740
|
-
export const rhcNavigationListIconBackgroundColor = "#
|
|
58
|
+
export const rhcNavigationListIconBackgroundColor = "#0F172A";
|
|
741
59
|
export const rhcNavigationListIconBorderRadius = "999px";
|
|
742
60
|
export const rhcNavigationListIconColor = "#fff";
|
|
743
61
|
export const rhcNavigationListItemIconPaddingInline = "0.5rem";
|
|
744
62
|
export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
|
|
745
63
|
export const rhcNavigationListItemIconSize = "24px";
|
|
64
|
+
export const rhcNavigationListItemContentFontSize = "1.125rem";
|
|
746
65
|
export const rhcNavigationListItemContentColumnGap = "0.5rem";
|
|
747
66
|
export const rhcNavigationListItemContentRowGap = "0.25rem";
|
|
748
67
|
export const rhcNavigationListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
@@ -756,7 +75,7 @@ export const rhcNavigationListItemBackgroundColor = "#fff";
|
|
|
756
75
|
export const rhcNavigationListItemColor = "#334155";
|
|
757
76
|
export const rhcNavigationListItemBorderWidth = "1px";
|
|
758
77
|
export const rhcNavigationListItemBorderColor = "#CBD5E1";
|
|
759
|
-
export const rhcNavigationListItemHeadingColor = "#
|
|
78
|
+
export const rhcNavigationListItemHeadingColor = "#0F172A";
|
|
760
79
|
export const rhcNavigationListItemColumnGap = "1rem";
|
|
761
80
|
export const rhcNavigationListItemMinHeight = "48px";
|
|
762
81
|
export const rhcNavigationListItemPaddingBlock = "0.75rem";
|
|
@@ -766,7 +85,7 @@ export const rhcNavBarMaxInlineSize = "1280px";
|
|
|
766
85
|
export const rhcNavBarPaddingInline = "1rem";
|
|
767
86
|
export const rhcNavBarContainerInlineSize = "100%";
|
|
768
87
|
export const rhcNavBarContentColumnGap = "1rem";
|
|
769
|
-
export const rhcNavBarIconColor = "#
|
|
88
|
+
export const rhcNavBarIconColor = "#0F172A";
|
|
770
89
|
export const rhcNavBarIconActiveColor = "#fff";
|
|
771
90
|
export const rhcNavBarIconSize = "24px";
|
|
772
91
|
export const rhcNavBarLinkActiveBackgroundColor = "#154273";
|
|
@@ -785,24 +104,25 @@ export const rhcNavBarLinkColumnGap = "0.5rem";
|
|
|
785
104
|
export const rhcNavBarHeadingFontWeight = 700;
|
|
786
105
|
export const rhcNavBarBackgroundColor = "#fff";
|
|
787
106
|
export const rhcNavBarColor = "#154273";
|
|
788
|
-
export const rhcNavBarBorderColor = "#
|
|
107
|
+
export const rhcNavBarBorderColor = "#4f7196";
|
|
789
108
|
export const rhcMessageListItemBackgroundColor = "#fff";
|
|
790
109
|
export const rhcMessageListItemBorderColor = "#CBD5E1";
|
|
791
110
|
export const rhcMessageListItemBorderWidth = "1px";
|
|
792
111
|
export const rhcMessageListItemColor = "#334155";
|
|
793
112
|
export const rhcMessageListItemColumnGap = "1rem";
|
|
794
113
|
export const rhcMessageListItemIconSize = "24px";
|
|
795
|
-
export const rhcMessageListItemIconColor = "#
|
|
114
|
+
export const rhcMessageListItemIconColor = "#0F172A";
|
|
796
115
|
export const rhcMessageListItemMinHeight = "48px";
|
|
797
116
|
export const rhcMessageListItemPaddingBlock = "0.75rem";
|
|
798
117
|
export const rhcMessageListItemPaddingInline = "1rem";
|
|
118
|
+
export const rhcMessageListItemContentFontSize = "1.125rem";
|
|
799
119
|
export const rhcMessageListItemContentColumnGap = "0.5rem";
|
|
800
120
|
export const rhcMessageListItemContentRowGap = "0.5rem";
|
|
801
121
|
export const rhcMessageListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
802
122
|
export const rhcMessageListItemLabelFontSize = "1.25rem";
|
|
803
123
|
export const rhcMessageListItemLabelFontWeight = 700;
|
|
804
124
|
export const rhcMessageListItemLabelLineHeight = "150%";
|
|
805
|
-
export const rhcMessageListItemHeadingColor = "#
|
|
125
|
+
export const rhcMessageListItemHeadingColor = "#0F172A";
|
|
806
126
|
export const rhcLogoImageBackgroundColor = "#fff";
|
|
807
127
|
export const rhcLogoImageInlineSize = "48px";
|
|
808
128
|
export const rhcLogoImageBlockSize = "96px";
|
|
@@ -860,13 +180,18 @@ export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
|
|
|
860
180
|
export const rhcPageFooterContentMaxInlineSize = "1280px";
|
|
861
181
|
export const rhcPageFooterContentPaddingInlineStart = "1rem";
|
|
862
182
|
export const rhcPageFooterContentPaddingInlineEnd = "1rem";
|
|
183
|
+
export const rhcPageFooterContentColumnGap = "2rem";
|
|
863
184
|
export const rhcPageFooterBorderBlockStartWidth = "2px";
|
|
864
|
-
export const rhcPageFooterBorderBlockStartColor = "#
|
|
185
|
+
export const rhcPageFooterBorderBlockStartColor = "#738eab";
|
|
865
186
|
export const rhcPageFooterBorderBlockStartStyle = "solid";
|
|
187
|
+
export const rhcPageFooterOutlinedBackgroundColor = "#fff";
|
|
188
|
+
export const rhcPageFooterOutlinedColor = "#154273";
|
|
189
|
+
export const rhcPageFooterOutlinedBorderColor = "#154273";
|
|
866
190
|
export const rhcPageFooterPaddingBlockStart = "2.5rem";
|
|
867
191
|
export const rhcPageFooterPaddingBlockEnd = "2.5rem";
|
|
868
192
|
export const rhcPageFooterPaddingInlineStart = "2.5rem";
|
|
869
|
-
export const
|
|
193
|
+
export const rhcPageFooterPaddingInlineEnd = "2.5rem";
|
|
194
|
+
export const rhcPageFooterFlexDirection = "column";
|
|
870
195
|
export const rhcFileInputColumnGap = "0.75rem";
|
|
871
196
|
export const rhcFileInputRowGap = "0.75rem";
|
|
872
197
|
export const rhcFileInputFeedbackColor = "#475569";
|
|
@@ -894,17 +219,17 @@ export const rhcCardAsLinkBackgroundColor = "#fff";
|
|
|
894
219
|
export const rhcCardAsLinkBorderColor = "#CBD5E1";
|
|
895
220
|
export const rhcCardAsLinkBorderRadius = "5px";
|
|
896
221
|
export const rhcCardAsLinkBorderWidth = "1px";
|
|
897
|
-
export const rhcCardAsLinkColor = "#
|
|
222
|
+
export const rhcCardAsLinkColor = "#0F172A";
|
|
898
223
|
export const rhcCardAsLinkColumnGap = "1rem";
|
|
899
224
|
export const rhcCardAsLinkInlineSize = "328px";
|
|
900
|
-
export const rhcCardAsLinkIconColor = "#
|
|
225
|
+
export const rhcCardAsLinkIconColor = "#0F172A";
|
|
901
226
|
export const rhcCardAsLinkIconSize = "24px";
|
|
902
227
|
export const rhcCardAsLinkLinkColor = "#01689b";
|
|
903
228
|
export const rhcCardAsLinkLinkTextDecoration = "underline";
|
|
904
229
|
export const rhcCardAsLinkLinkActiveTextDecoration = "none";
|
|
905
230
|
export const rhcCardAsLinkLinkHoverTextDecoration = "none";
|
|
906
231
|
export const rhcCardAsLinkLinkFocusTextDecoration = "none";
|
|
907
|
-
export const rhcCardAsLinkMetadataColor = "#
|
|
232
|
+
export const rhcCardAsLinkMetadataColor = "#0F172A";
|
|
908
233
|
export const rhcCardAsLinkPaddingBlockEnd = "1rem";
|
|
909
234
|
export const rhcCardAsLinkPaddingBlockStart = "1rem";
|
|
910
235
|
export const rhcCardAsLinkPaddingInlineEnd = "1rem";
|
|
@@ -942,13 +267,13 @@ export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
|
|
|
942
267
|
export const rhcAccordionButtonPaddingInlineEnd = "1rem";
|
|
943
268
|
export const rhcAccordionButtonPaddingInlineStart = "1rem";
|
|
944
269
|
export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
|
|
945
|
-
export const rhcAccordionButtonExpandedColor = "#
|
|
270
|
+
export const rhcAccordionButtonExpandedColor = "#0F172A";
|
|
946
271
|
export const rhcAccordionSectionBorderBlockEndWidth = "1px";
|
|
947
272
|
export const rhcAccordionSectionBorderWidth = 0;
|
|
948
273
|
export const rhcAccordionSectionBorderColor = "#94A3B8";
|
|
949
274
|
export const rhcAccordionHeaderMargin = 0;
|
|
950
275
|
export const rhcAccordionBorderRadius = "0px";
|
|
951
|
-
export const rhcAccordionColor = "#
|
|
276
|
+
export const rhcAccordionColor = "#0F172A";
|
|
952
277
|
export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
|
|
953
278
|
export const rhcKeepTopLeftBorderRadiusTopRight = 0;
|
|
954
279
|
export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
|
|
@@ -971,14 +296,13 @@ export const rhcBorderRadiusKeep = "48px";
|
|
|
971
296
|
export const rhcBorderRadiusCircle = "999px";
|
|
972
297
|
export const rhcBorderRadiusNone = "0px";
|
|
973
298
|
export const rhcColorFocusOutline = "#000";
|
|
974
|
-
export const rhcColorForegroundDefault = "#
|
|
975
|
-
export const rhcColorForegroundLint = "#154273";
|
|
299
|
+
export const rhcColorForegroundDefault = "#0F172A";
|
|
976
300
|
export const rhcColorForegroundSubdued = "#334155";
|
|
977
301
|
export const rhcColorForegroundOnEmphasis = "#fff";
|
|
978
302
|
export const rhcColorForegroundLink = "#01689b";
|
|
979
303
|
export const rhcColorBorderDefault = "#64748B";
|
|
980
304
|
export const rhcColorBorderSubdued = "#94A3B8";
|
|
981
|
-
export const rhcColorBorderStrong = "#
|
|
305
|
+
export const rhcColorBorderStrong = "#0F172A";
|
|
982
306
|
export const rhcColorCanvas = "#fff";
|
|
983
307
|
export const rhcColorFeedbackSuccessDefault = "#39870c";
|
|
984
308
|
export const rhcColorFeedbackSuccessSubdued = "#e1eddb";
|
|
@@ -996,16 +320,16 @@ export const rhcColorPrimary300 = "#738eab";
|
|
|
996
320
|
export const rhcColorPrimary400 = "#4f7196";
|
|
997
321
|
export const rhcColorPrimary500 = "#154273";
|
|
998
322
|
export const rhcColorPrimaryHover = "#162f50";
|
|
999
|
-
export const
|
|
1000
|
-
export const
|
|
1001
|
-
export const
|
|
1002
|
-
export const
|
|
1003
|
-
export const
|
|
1004
|
-
export const
|
|
1005
|
-
export const
|
|
1006
|
-
export const
|
|
1007
|
-
export const
|
|
1008
|
-
export const
|
|
323
|
+
export const rhcColorCoolGrey50 = "#F8FAFC";
|
|
324
|
+
export const rhcColorCoolGrey100 = "#F1F5F9";
|
|
325
|
+
export const rhcColorCoolGrey200 = "#E2E8F0";
|
|
326
|
+
export const rhcColorCoolGrey300 = "#CBD5E1";
|
|
327
|
+
export const rhcColorCoolGrey400 = "#94A3B8";
|
|
328
|
+
export const rhcColorCoolGrey500 = "#64748B";
|
|
329
|
+
export const rhcColorCoolGrey600 = "#475569";
|
|
330
|
+
export const rhcColorCoolGrey700 = "#334155";
|
|
331
|
+
export const rhcColorCoolGrey800 = "#1E293B";
|
|
332
|
+
export const rhcColorCoolGrey900 = "#0F172A";
|
|
1009
333
|
export const rhcColorLichtblauw50 = "#eef7fb";
|
|
1010
334
|
export const rhcColorLichtblauw100 = "#ddeff8";
|
|
1011
335
|
export const rhcColorLichtblauw200 = "#CCE7F4";
|
|
@@ -1176,13 +500,700 @@ export const rhcSpace400 = "2rem";
|
|
|
1176
500
|
export const rhcSpace500 = "2.5rem";
|
|
1177
501
|
export const rhcSpace600 = "3rem";
|
|
1178
502
|
export const rhcSpace700 = "3.5rem";
|
|
1179
|
-
export const
|
|
1180
|
-
export const
|
|
1181
|
-
export const
|
|
1182
|
-
export const
|
|
1183
|
-
export const
|
|
1184
|
-
export const
|
|
1185
|
-
export const
|
|
1186
|
-
export const
|
|
1187
|
-
export const
|
|
1188
|
-
export const
|
|
503
|
+
export const utrechtIconColor = "inherit";
|
|
504
|
+
export const utrechtIconSize = "24px";
|
|
505
|
+
export const utrechtIconInsetBlockStart = 0;
|
|
506
|
+
export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
|
|
507
|
+
export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
|
|
508
|
+
export const utrechtUnorderedListMarginBlockStart = "0.25rem";
|
|
509
|
+
export const utrechtUnorderedListColor = "#0F172A";
|
|
510
|
+
export const utrechtUnorderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
511
|
+
export const utrechtUnorderedListFontWeight = 400;
|
|
512
|
+
export const utrechtUnorderedListFontSize = "1.25rem";
|
|
513
|
+
export const utrechtUnorderedListLineHeight = "150%";
|
|
514
|
+
export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
|
|
515
|
+
export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
|
|
516
|
+
export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
|
|
517
|
+
export const utrechtUnorderedListMarkerColor = "#0F172A";
|
|
518
|
+
export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
|
|
519
|
+
export const utrechtTextboxBorderRadius = "2.5px";
|
|
520
|
+
export const utrechtTextboxFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
521
|
+
export const utrechtTextboxFontSize = "1.25rem";
|
|
522
|
+
export const utrechtTextboxFontWeight = 400;
|
|
523
|
+
export const utrechtTextboxLineHeight = "150%";
|
|
524
|
+
export const utrechtTextboxMaxInlineSize = "400px";
|
|
525
|
+
export const utrechtTextboxPaddingBlockEnd = "0.5rem";
|
|
526
|
+
export const utrechtTextboxPaddingBlockStart = "0.5rem";
|
|
527
|
+
export const utrechtTextboxPaddingInlineEnd = "0.75rem";
|
|
528
|
+
export const utrechtTextboxPaddingInlineStart = "0.75rem";
|
|
529
|
+
export const utrechtTextboxBackgroundColor = "#fff";
|
|
530
|
+
export const utrechtTextboxBorderColor = "#154273";
|
|
531
|
+
export const utrechtTextboxColor = "#0F172A";
|
|
532
|
+
export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
|
|
533
|
+
export const utrechtTextboxInvalidBorderColor = "#d52b1e";
|
|
534
|
+
export const utrechtTextboxInvalidColor = "#0F172A";
|
|
535
|
+
export const utrechtTextboxInvalidBorderWidth = "1px";
|
|
536
|
+
export const utrechtTextboxPlaceholderColor = "#64748B";
|
|
537
|
+
export const utrechtTextboxBorderBlockEndWidth = "auto";
|
|
538
|
+
export const utrechtTextboxBorderWidth = "1px";
|
|
539
|
+
export const utrechtTextboxFocusBorderWidth = "2px";
|
|
540
|
+
export const utrechtTextboxFocusBackgroundColor = "#fff";
|
|
541
|
+
export const utrechtTextboxFocusBorderColor = "#154273";
|
|
542
|
+
export const utrechtTextboxFocusColor = "#0F172A";
|
|
543
|
+
export const utrechtTextboxDisabledBackgroundColor = "#CBD5E1";
|
|
544
|
+
export const utrechtTextboxDisabledBorderColor = "#94A3B8";
|
|
545
|
+
export const utrechtTextboxDisabledColor = "#475569";
|
|
546
|
+
export const utrechtTextboxReadOnlyBackgroundColor = "#F1F5F9";
|
|
547
|
+
export const utrechtTextboxReadOnlyBorderColor = "transparent";
|
|
548
|
+
export const utrechtTextboxReadOnlyColor = "#0F172A";
|
|
549
|
+
export const utrechtTextboxHoverBorderWidth = "1px";
|
|
550
|
+
export const utrechtTextboxHoverBackgroundColor = "#fff";
|
|
551
|
+
export const utrechtTextboxHoverBorderColor = "#738eab";
|
|
552
|
+
export const utrechtTextboxHoverColor = "#0F172A";
|
|
553
|
+
export const utrechtTextareaMaxInlineSize = "400px";
|
|
554
|
+
export const utrechtTextareaPaddingBlockEnd = "0.5rem";
|
|
555
|
+
export const utrechtTextareaPaddingBlockStart = "0.5rem";
|
|
556
|
+
export const utrechtTextareaPaddingInlineEnd = "0.75rem";
|
|
557
|
+
export const utrechtTextareaPaddingInlineStart = "0.75rem";
|
|
558
|
+
export const utrechtTextareaBackgroundColor = "#fff";
|
|
559
|
+
export const utrechtTextareaBorderColor = "#154273";
|
|
560
|
+
export const utrechtTextareaColor = "#0F172A";
|
|
561
|
+
export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
|
|
562
|
+
export const utrechtTextareaInvalidBorderColor = "#d52b1e";
|
|
563
|
+
export const utrechtTextareaInvalidColor = "#0F172A";
|
|
564
|
+
export const utrechtTextareaInvalidBorderWidth = "1px";
|
|
565
|
+
export const utrechtTextareaPlaceholderColor = "#64748B";
|
|
566
|
+
export const utrechtTextareaFocusBackgroundColor = "#fff";
|
|
567
|
+
export const utrechtTextareaFocusBorderColor = "#154273";
|
|
568
|
+
export const utrechtTextareaFocusColor = "#0F172A";
|
|
569
|
+
export const utrechtTextareaFocusBorderWidth = "2px";
|
|
570
|
+
export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
|
|
571
|
+
export const utrechtTextareaDisabledBorderColor = "#94A3B8";
|
|
572
|
+
export const utrechtTextareaDisabledColor = "#475569";
|
|
573
|
+
export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
|
|
574
|
+
export const utrechtTextareaReadOnlyBorderColor = "transparent";
|
|
575
|
+
export const utrechtTextareaReadOnlyColor = "#0F172A";
|
|
576
|
+
export const utrechtTextareaHoverBackgroundColor = "#fff";
|
|
577
|
+
export const utrechtTextareaHoverBorderColor = "#738eab";
|
|
578
|
+
export const utrechtTextareaHoverColor = "#0F172A";
|
|
579
|
+
export const utrechtTextareaHoverBorderWidth = "1px";
|
|
580
|
+
export const utrechtTextareaBorderRadius = "2.5px";
|
|
581
|
+
export const utrechtTextareaBorderBottomWidth = "1px";
|
|
582
|
+
export const utrechtTextareaBorderWidth = "1px";
|
|
583
|
+
export const utrechtTextareaFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
584
|
+
export const utrechtTextareaFontWeight = 400;
|
|
585
|
+
export const utrechtTextareaLineHeight = "150%";
|
|
586
|
+
export const utrechtTextareaFontSize = "1.25rem";
|
|
587
|
+
export const utrechtTableHeaderCellLineHeight = "150%";
|
|
588
|
+
export const utrechtTableHeaderCellColor = "#0F172A";
|
|
589
|
+
export const utrechtTableHeaderCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
590
|
+
export const utrechtTableHeaderCellFontWeight = 700;
|
|
591
|
+
export const utrechtTableHeaderCellFontSize = "1.25rem";
|
|
592
|
+
export const utrechtTableCaptionLineHeight = "125%";
|
|
593
|
+
export const utrechtTableCaptionMarginBlockEnd = "1.5rem";
|
|
594
|
+
export const utrechtTableCaptionColor = "#0F172A";
|
|
595
|
+
export const utrechtTableCaptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
596
|
+
export const utrechtTableCaptionFontWeight = 700;
|
|
597
|
+
export const utrechtTableCaptionFontSize = "1.875rem";
|
|
598
|
+
export const utrechtTableCellPaddingBlockEnd = "0.75rem";
|
|
599
|
+
export const utrechtTableCellPaddingBlockStart = "0.75rem";
|
|
600
|
+
export const utrechtTableCellPaddingInlineEnd = "1rem";
|
|
601
|
+
export const utrechtTableCellPaddingInlineStart = "1rem";
|
|
602
|
+
export const utrechtTableCellLineHeight = "150%";
|
|
603
|
+
export const utrechtTableDataCellColor = "#0F172A";
|
|
604
|
+
export const utrechtTableDataCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
605
|
+
export const utrechtTableDataCellFontWeight = 400;
|
|
606
|
+
export const utrechtTableDataCellLineHeight = "150%";
|
|
607
|
+
export const utrechtTableDataCellFontSize = "1.25rem";
|
|
608
|
+
export const utrechtTableHeaderBorderBlockEndWidth = "2px";
|
|
609
|
+
export const utrechtTableHeaderBorderBlockEndColor = "#CBD5E1";
|
|
610
|
+
export const utrechtTableHeaderBackgroundColor = "transparent";
|
|
611
|
+
export const utrechtTableFooterBorderBlockEndWidth = "1px";
|
|
612
|
+
export const utrechtTableFooterBorderBlockEndColor = "#CBD5E1";
|
|
613
|
+
export const utrechtTableFooterBackgroundColor = "transparent";
|
|
614
|
+
export const utrechtTableRowBorderBlockEndWidth = "1px";
|
|
615
|
+
export const utrechtTableRowBorderBlockEndColor = "#CBD5E1";
|
|
616
|
+
export const utrechtTableRowBackgroundColor = "transparent";
|
|
617
|
+
export const utrechtTableFooterCellFontWeight = 700;
|
|
618
|
+
export const utrechtTableFooterCellFontSize = "1.25rem";
|
|
619
|
+
export const utrechtTableFooterCellColor = "#0F172A";
|
|
620
|
+
export const utrechtTableFooterCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
621
|
+
export const utrechtTableFooterCellLineHeight = "150%";
|
|
622
|
+
export const utrechtTableContainerBoxInlineEndShadowX = 0;
|
|
623
|
+
export const utrechtTableContainerBoxInlineEndShadowY = "16px";
|
|
624
|
+
export const utrechtTableContainerBoxInlineEndShadowBlur = "48px";
|
|
625
|
+
export const utrechtTableContainerBoxInlineEndShadowSpread = 0;
|
|
626
|
+
export const utrechtTableContainerBoxInlineEndShadowColor = "#0000001a";
|
|
627
|
+
export const utrechtTableContainerBoxInlineStartShadowX = 0;
|
|
628
|
+
export const utrechtTableContainerBoxInlineStartShadowY = "16px";
|
|
629
|
+
export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
|
|
630
|
+
export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
|
|
631
|
+
export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
|
|
632
|
+
export const utrechtTableFontSize = "1.25rem";
|
|
633
|
+
export const utrechtSeparatorColor = "#CBD5E1";
|
|
634
|
+
export const utrechtSeparatorBlockSize = "2px";
|
|
635
|
+
export const utrechtSeparatorMarginBlockEnd = "0.75rem";
|
|
636
|
+
export const utrechtSeparatorMarginBlockStart = "0.75rem";
|
|
637
|
+
export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
|
|
638
|
+
export const utrechtSelectIconSize = "24px";
|
|
639
|
+
export const utrechtSelectBackgroundColor = "#fff";
|
|
640
|
+
export const utrechtSelectBorderColor = "#154273";
|
|
641
|
+
export const utrechtSelectColor = "#0F172A";
|
|
642
|
+
export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
|
|
643
|
+
export const utrechtSelectInvalidBorderColor = "#d52b1e";
|
|
644
|
+
export const utrechtSelectInvalidColor = "#0F172A";
|
|
645
|
+
export const utrechtSelectInvalidBorderWidth = "1px";
|
|
646
|
+
export const utrechtSelectFocusBackgroundColor = "#fff";
|
|
647
|
+
export const utrechtSelectFocusBorderColor = "#154273";
|
|
648
|
+
export const utrechtSelectFocusColor = "#0F172A";
|
|
649
|
+
export const utrechtSelectFocusBorderWidth = "2px";
|
|
650
|
+
export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
|
|
651
|
+
export const utrechtSelectDisabledBorderColor = "#94A3B8";
|
|
652
|
+
export const utrechtSelectDisabledColor = "#475569";
|
|
653
|
+
export const utrechtSelectHoverBackgroundColor = "#fff";
|
|
654
|
+
export const utrechtSelectHoverBorderColor = "#738eab";
|
|
655
|
+
export const utrechtSelectHoverColor = "#0F172A";
|
|
656
|
+
export const utrechtSelectHoverBorderWidth = "1px";
|
|
657
|
+
export const utrechtSelectPaddingBlockEnd = "0.5rem";
|
|
658
|
+
export const utrechtSelectPaddingBlockStart = "0.5rem";
|
|
659
|
+
export const utrechtSelectPaddingInlineEnd = "0.75rem";
|
|
660
|
+
export const utrechtSelectPaddingInlineStart = "0.75rem";
|
|
661
|
+
export const utrechtSelectBorderRadius = "2.5px";
|
|
662
|
+
export const utrechtSelectBorderBottomWidth = "auto";
|
|
663
|
+
export const utrechtSelectBorderWidth = "1px";
|
|
664
|
+
export const utrechtSelectFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
665
|
+
export const utrechtSelectFontWeight = 400;
|
|
666
|
+
export const utrechtSelectLineHeight = "150%";
|
|
667
|
+
export const utrechtSelectFontSize = "1.25rem";
|
|
668
|
+
export const utrechtSelectMaxInlineSize = "400px";
|
|
669
|
+
export const utrechtRadioButtonActiveBorderWidth = "1px";
|
|
670
|
+
export const utrechtRadioButtonActiveBackgroundColor = "#fff";
|
|
671
|
+
export const utrechtRadioButtonActiveBorderColor = "#4f7196";
|
|
672
|
+
export const utrechtRadioButtonSize = "24px";
|
|
673
|
+
export const utrechtRadioButtonDotSize = "12px";
|
|
674
|
+
export const utrechtRadioButtonBackgroundColor = "#fff";
|
|
675
|
+
export const utrechtRadioButtonBorderColor = "#154273";
|
|
676
|
+
export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
|
|
677
|
+
export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
|
|
678
|
+
export const utrechtRadioButtonInvalidBorderWidth = "1px";
|
|
679
|
+
export const utrechtRadioButtonFocusBackgroundColor = "#fff";
|
|
680
|
+
export const utrechtRadioButtonFocusBorderColor = "#154273";
|
|
681
|
+
export const utrechtRadioButtonFocusBorderWidth = "2px";
|
|
682
|
+
export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
|
|
683
|
+
export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
|
|
684
|
+
export const utrechtRadioButtonDisabledColor = "#475569";
|
|
685
|
+
export const utrechtRadioButtonCheckedBackgroundColor = "#154273";
|
|
686
|
+
export const utrechtRadioButtonCheckedBorderColor = "transparent";
|
|
687
|
+
export const utrechtRadioButtonCheckedColor = "#fff";
|
|
688
|
+
export const utrechtRadioButtonCheckedHoverBackgroundColor = "#738eab";
|
|
689
|
+
export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
|
|
690
|
+
export const utrechtRadioButtonCheckedHoverColor = "#fff";
|
|
691
|
+
export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
|
|
692
|
+
export const utrechtRadioButtonCheckedActiveBackgroundColor = "#4f7196";
|
|
693
|
+
export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
|
|
694
|
+
export const utrechtRadioButtonCheckedActiveColor = "#fff";
|
|
695
|
+
export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
|
|
696
|
+
export const utrechtRadioButtonCheckedFocusBackgroundColor = "#fff";
|
|
697
|
+
export const utrechtRadioButtonCheckedFocusBorderColor = "#154273";
|
|
698
|
+
export const utrechtRadioButtonCheckedFocusColor = "#154273";
|
|
699
|
+
export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
|
|
700
|
+
export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
|
|
701
|
+
export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
|
|
702
|
+
export const utrechtRadioButtonCheckedDisabledColor = "#475569";
|
|
703
|
+
export const utrechtRadioButtonCheckedBorderWidth = "1px";
|
|
704
|
+
export const utrechtRadioButtonHoverBackgroundColor = "#fff";
|
|
705
|
+
export const utrechtRadioButtonHoverBorderColor = "#738eab";
|
|
706
|
+
export const utrechtRadioButtonHoverBorderWidth = "1px";
|
|
707
|
+
export const utrechtRadioButtonBorderRadius = "999px";
|
|
708
|
+
export const utrechtRadioButtonBorderWidth = "1px";
|
|
709
|
+
export const utrechtPreHeadingColor = "#0F172A";
|
|
710
|
+
export const utrechtPreHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
711
|
+
export const utrechtPreHeadingFontWeight = 700;
|
|
712
|
+
export const utrechtPreHeadingLineHeight = "125%";
|
|
713
|
+
export const utrechtPreHeadingFontSize = "1rem";
|
|
714
|
+
export const utrechtOrderedListPaddingInlineStart = "1.5rem";
|
|
715
|
+
export const utrechtOrderedListMarginBlockEnd = "0.25rem";
|
|
716
|
+
export const utrechtOrderedListMarginBlockStart = "0.25rem";
|
|
717
|
+
export const utrechtOrderedListMarginInlineStart = "0.625rem";
|
|
718
|
+
export const utrechtOrderedListItemPaddingInlineStart = 0;
|
|
719
|
+
export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
|
|
720
|
+
export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
|
|
721
|
+
export const utrechtOrderedListColor = "#0F172A";
|
|
722
|
+
export const utrechtOrderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
723
|
+
export const utrechtOrderedListFontWeight = 400;
|
|
724
|
+
export const utrechtOrderedListFontSize = "1.25rem";
|
|
725
|
+
export const utrechtOrderedListLineHeight = "150%";
|
|
726
|
+
export const utrechtLinkListMarginBlockStart = 0;
|
|
727
|
+
export const utrechtLinkListRowGap = "0.5rem";
|
|
728
|
+
export const utrechtLinkListMarginBlockEnd = 0;
|
|
729
|
+
export const utrechtLinkListItemColumnGap = "0.5rem";
|
|
730
|
+
export const utrechtLinkListItemTextDecoration = "None";
|
|
731
|
+
export const utrechtLinkListIconSize = "24px";
|
|
732
|
+
export const utrechtLinkListIconInsetBlockStart = "0.188rem";
|
|
733
|
+
export const utrechtLinkColor = "#01689b";
|
|
734
|
+
export const utrechtLinkTextDecorationColor = "#01689b";
|
|
735
|
+
export const utrechtLinkActiveColor = "#42145f";
|
|
736
|
+
export const utrechtLinkActiveTextDecoration = "None";
|
|
737
|
+
export const utrechtLinkFocusBackgroundColor = "transparent";
|
|
738
|
+
export const utrechtLinkFocusColor = "#01689b";
|
|
739
|
+
export const utrechtLinkFocusTextDecoration = "None";
|
|
740
|
+
export const utrechtLinkFocusTextDecorationThickness = "auto";
|
|
741
|
+
export const utrechtLinkHoverColor = "#01496c";
|
|
742
|
+
export const utrechtLinkHoverTextDecoration = "None";
|
|
743
|
+
export const utrechtLinkHoverTextDecorationThickness = "auto";
|
|
744
|
+
export const utrechtLinkVisitedColor = "#42145f";
|
|
745
|
+
export const utrechtLinkTextDecoration = "underline";
|
|
746
|
+
export const utrechtLinkIconInsetBlockStart = "0.25rem";
|
|
747
|
+
export const utrechtLinkIconSize = "24px";
|
|
748
|
+
export const utrechtLinkColumnGap = "0.25rem";
|
|
749
|
+
export const utrechtLinkTextDecorationThickness = "auto";
|
|
750
|
+
export const utrechtLinkTextUnderlineOffset = "0.125rem";
|
|
751
|
+
export const utrechtLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
752
|
+
export const utrechtLinkFontWeight = 400;
|
|
753
|
+
export const utrechtLinkFontSize = "1.25rem";
|
|
754
|
+
export const utrechtLinkLineHeight = "150%";
|
|
755
|
+
export const utrechtFormLabelColor = "#0F172A";
|
|
756
|
+
export const utrechtFormLabelFontSize = "1.25rem";
|
|
757
|
+
export const utrechtFormLabelFontWeight = 700;
|
|
758
|
+
export const utrechtFormFieldLabelColor = "#0F172A";
|
|
759
|
+
export const utrechtFormFieldLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
760
|
+
export const utrechtFormFieldLabelFontSize = "1.25rem";
|
|
761
|
+
export const utrechtFormFieldLabelFontWeight = 700;
|
|
762
|
+
export const utrechtFormFieldLabelLineHeight = "150%";
|
|
763
|
+
export const utrechtFormFieldErrorMessageIconSize = "24px";
|
|
764
|
+
export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
|
|
765
|
+
export const utrechtFormFieldErrorMessageColor = "#d52b1e";
|
|
766
|
+
export const utrechtFormFieldErrorMessageFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
767
|
+
export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
|
|
768
|
+
export const utrechtFormFieldErrorMessageFontWeight = 400;
|
|
769
|
+
export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem";
|
|
770
|
+
export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
|
|
771
|
+
export const utrechtFormFieldDescriptionColor = "#334155";
|
|
772
|
+
export const utrechtFormFieldDescriptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
773
|
+
export const utrechtFormFieldDescriptionFontSize = "1.25rem";
|
|
774
|
+
export const utrechtFormFieldDescriptionLineHeight = "150%";
|
|
775
|
+
export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
|
|
776
|
+
export const utrechtFormFieldDescriptionMarginBlockEnd = "0.5rem";
|
|
777
|
+
export const utrechtFormFieldDescriptionPaddingBlockEnd = "0.5rem";
|
|
778
|
+
export const utrechtFormFieldMarginBlockStart = "0.5rem";
|
|
779
|
+
export const utrechtFormFieldMarginBlockEnd = "0.5rem";
|
|
780
|
+
export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
|
|
781
|
+
export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
|
|
782
|
+
export const utrechtFormFieldInvalidPaddingInlineStart = 0;
|
|
783
|
+
export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
|
|
784
|
+
export const utrechtFormFieldErrorMessageLineHeight = "normal";
|
|
785
|
+
export const utrechtPageFooterBackgroundColor = "#154273";
|
|
786
|
+
export const utrechtPageFooterColor = "#fff";
|
|
787
|
+
export const utrechtPageFooterPaddingBlockStart = "3rem";
|
|
788
|
+
export const utrechtPageFooterPaddingBlockEnd = "3rem";
|
|
789
|
+
export const utrechtPageFooterPaddingInlineStart = "80px";
|
|
790
|
+
export const utrechtPageFooterPaddingInlineEnd = "80px";
|
|
791
|
+
export const utrechtFigureCaptionBorderColor = "#CBD5E1";
|
|
792
|
+
export const utrechtFigureCaptionBorderWidth = "4px";
|
|
793
|
+
export const utrechtFigureCaptionColor = "#154273";
|
|
794
|
+
export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
|
|
795
|
+
export const utrechtFigureCaptionPaddingBlockStart = "0.5rem";
|
|
796
|
+
export const utrechtFigureCaptionPaddingInlineStart = "1rem";
|
|
797
|
+
export const utrechtFigureCaptionLineHeight = "150%";
|
|
798
|
+
export const utrechtFigureCaptionFontSize = "1.25rem";
|
|
799
|
+
export const utrechtFigureImgBorderEndEndRadius = 0;
|
|
800
|
+
export const utrechtFigureImgBorderEndStartRadius = 0;
|
|
801
|
+
export const utrechtFigureImgBorderStartEndRadius = 0;
|
|
802
|
+
export const utrechtFigureImgBorderStartStartRadius = 0;
|
|
803
|
+
export const utrechtFormFieldsetLegendColor = "#0F172A";
|
|
804
|
+
export const utrechtFormFieldsetLegendFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
805
|
+
export const utrechtFormFieldsetLegendFontSize = "1.25rem";
|
|
806
|
+
export const utrechtFormFieldsetLegendFontWeight = 700;
|
|
807
|
+
export const utrechtFormFieldsetLegendLineHeight = "150%";
|
|
808
|
+
export const utrechtFormFieldsetLegendDisabledColor = "#334155";
|
|
809
|
+
export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
|
|
810
|
+
export const utrechtFormFieldsetSectionColor = "#0F172A";
|
|
811
|
+
export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
|
|
812
|
+
export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
|
|
813
|
+
export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
|
|
814
|
+
export const utrechtCheckboxBorderRadius = "2.5px";
|
|
815
|
+
export const utrechtCheckboxSize = "24px";
|
|
816
|
+
export const utrechtCheckboxIconSize = "24px";
|
|
817
|
+
export const utrechtCheckboxBackgroundColor = "#fff";
|
|
818
|
+
export const utrechtCheckboxBorderColor = "#154273";
|
|
819
|
+
export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
|
|
820
|
+
export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
|
|
821
|
+
export const utrechtCheckboxInvalidBorderWidth = "1px";
|
|
822
|
+
export const utrechtCheckboxFocusBackgroundColor = "#fff";
|
|
823
|
+
export const utrechtCheckboxFocusBorderColor = "#154273";
|
|
824
|
+
export const utrechtCheckboxFocusBorderWidth = "2px";
|
|
825
|
+
export const utrechtCheckboxDisabledBackgroundColor = "#CBD5E1";
|
|
826
|
+
export const utrechtCheckboxDisabledBorderColor = "#94A3B8";
|
|
827
|
+
export const utrechtCheckboxCheckedBackgroundColor = "#154273";
|
|
828
|
+
export const utrechtCheckboxCheckedBorderColor = "transparent";
|
|
829
|
+
export const utrechtCheckboxCheckedColor = "#fff";
|
|
830
|
+
export const utrechtCheckboxCheckedBorderWidth = "1px";
|
|
831
|
+
export const utrechtCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
|
|
832
|
+
export const utrechtCheckboxCheckedDisabledBorderColor = "#94A3B8";
|
|
833
|
+
export const utrechtCheckboxCheckedDisabledColor = "#475569";
|
|
834
|
+
export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
|
|
835
|
+
export const utrechtCheckboxCheckedFocusBackgroundColor = "#fff";
|
|
836
|
+
export const utrechtCheckboxCheckedFocusBorderColor = "#154273";
|
|
837
|
+
export const utrechtCheckboxCheckedFocusColor = "#154273";
|
|
838
|
+
export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
|
|
839
|
+
export const utrechtCheckboxCheckedHoverBackgroundColor = "#738eab";
|
|
840
|
+
export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
|
|
841
|
+
export const utrechtCheckboxCheckedHoverColor = "#fff";
|
|
842
|
+
export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
|
|
843
|
+
export const utrechtCheckboxCheckedActiveBackgroundColor = "#4f7196";
|
|
844
|
+
export const utrechtCheckboxCheckedActiveBorderColor = "transparent";
|
|
845
|
+
export const utrechtCheckboxCheckedActiveColor = "#fff";
|
|
846
|
+
export const utrechtCheckboxIndeterminateBackgroundColor = "#154273";
|
|
847
|
+
export const utrechtCheckboxIndeterminateBorderColor = "transparent";
|
|
848
|
+
export const utrechtCheckboxIndeterminateColor = "#fff";
|
|
849
|
+
export const utrechtCheckboxIndeterminateBorderWidth = "1px";
|
|
850
|
+
export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
|
|
851
|
+
export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
|
|
852
|
+
export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
|
|
853
|
+
export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#4f7196";
|
|
854
|
+
export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
|
|
855
|
+
export const utrechtCheckboxIndeterminateActiveColor = "#fff";
|
|
856
|
+
export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
|
|
857
|
+
export const utrechtCheckboxIndeterminateHoverBackgroundColor = "#738eab";
|
|
858
|
+
export const utrechtCheckboxIndeterminateHoverBorderColor = "transparent";
|
|
859
|
+
export const utrechtCheckboxIndeterminateHoverColor = "#fff";
|
|
860
|
+
export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
|
|
861
|
+
export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#fff";
|
|
862
|
+
export const utrechtCheckboxIndeterminateFocusBorderColor = "#154273";
|
|
863
|
+
export const utrechtCheckboxIndeterminateFocusColor = "#154273";
|
|
864
|
+
export const utrechtCheckboxIndeterminateFocusBorderWidth = "2px";
|
|
865
|
+
export const utrechtCheckboxBorderWidth = "1px";
|
|
866
|
+
export const utrechtCheckboxHoverBorderWidth = "1px";
|
|
867
|
+
export const utrechtCheckboxHoverBackgroundColor = "#fff";
|
|
868
|
+
export const utrechtCheckboxHoverBorderColor = "#738eab";
|
|
869
|
+
export const utrechtCheckboxActiveBorderWidth = "1px";
|
|
870
|
+
export const utrechtCheckboxActiveBackgroundColor = "#fff";
|
|
871
|
+
export const utrechtCheckboxActiveBorderColor = "#4f7196";
|
|
872
|
+
export const utrechtButtonGroupBackgroundColor = "transparent";
|
|
873
|
+
export const utrechtButtonGroupColumnGap = "0.5rem";
|
|
874
|
+
export const utrechtButtonGroupMarginBlockEnd = "0px";
|
|
875
|
+
export const utrechtButtonGroupMarginBlockStart = "0px";
|
|
876
|
+
export const utrechtButtonGroupPaddingBlockEnd = "0px";
|
|
877
|
+
export const utrechtButtonGroupPaddingBlockStart = "0px";
|
|
878
|
+
export const utrechtButtonGroupRowGap = "0.5rem";
|
|
879
|
+
export const utrechtButtonBackgroundColor = "transparent";
|
|
880
|
+
export const utrechtButtonBorderColor = "#334155";
|
|
881
|
+
export const utrechtButtonColor = "#334155";
|
|
882
|
+
export const utrechtButtonBorderRadius = "5px";
|
|
883
|
+
export const utrechtButtonBorderWidth = "1px";
|
|
884
|
+
export const utrechtButtonIconGap = "0.5rem";
|
|
885
|
+
export const utrechtButtonIconSize = "24px";
|
|
886
|
+
export const utrechtButtonFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
887
|
+
export const utrechtButtonFontSize = "1.25rem";
|
|
888
|
+
export const utrechtButtonFontWeight = 700;
|
|
889
|
+
export const utrechtButtonLineHeight = "150%";
|
|
890
|
+
export const utrechtButtonPaddingBlockEnd = "0.5rem";
|
|
891
|
+
export const utrechtButtonPaddingBlockStart = "0.5rem";
|
|
892
|
+
export const utrechtButtonPaddingInlineEnd = "1rem";
|
|
893
|
+
export const utrechtButtonPaddingInlineStart = "1rem";
|
|
894
|
+
export const utrechtButtonDisabledBackgroundColor = "#F8FAFC";
|
|
895
|
+
export const utrechtButtonDisabledBorderColor = "transparent";
|
|
896
|
+
export const utrechtButtonDisabledColor = "#64748B";
|
|
897
|
+
export const utrechtButtonFocusBackgroundColor = "#FDDE94";
|
|
898
|
+
export const utrechtButtonFocusBorderColor = "transparent";
|
|
899
|
+
export const utrechtButtonFocusColor = "#1E293B";
|
|
900
|
+
export const utrechtButtonHoverBackgroundColor = "#F8FAFC";
|
|
901
|
+
export const utrechtButtonHoverBorderColor = "#1E293B";
|
|
902
|
+
export const utrechtButtonHoverColor = "#1E293B";
|
|
903
|
+
export const utrechtButtonActiveBackgroundColor = "#CBD5E1";
|
|
904
|
+
export const utrechtButtonActiveBorderColor = "#0F172A";
|
|
905
|
+
export const utrechtButtonActiveColor = "#0F172A";
|
|
906
|
+
export const utrechtButtonMinBlockSize = "48px";
|
|
907
|
+
export const utrechtButtonMinInlineSize = "48px";
|
|
908
|
+
export const utrechtButtonColumnGap = "0.5rem";
|
|
909
|
+
export const utrechtButtonPrimaryActionHoverBackgroundColor = "#162f50";
|
|
910
|
+
export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
|
|
911
|
+
export const utrechtButtonPrimaryActionHoverColor = "#fff";
|
|
912
|
+
export const utrechtButtonPrimaryActionBackgroundColor = "#154273";
|
|
913
|
+
export const utrechtButtonPrimaryActionBorderColor = "transparent";
|
|
914
|
+
export const utrechtButtonPrimaryActionColor = "#fff";
|
|
915
|
+
export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#b8c6d5";
|
|
916
|
+
export const utrechtButtonPrimaryActionDisabledBorderColor = "#95a9c0";
|
|
917
|
+
export const utrechtButtonPrimaryActionDisabledColor = "#4f7196";
|
|
918
|
+
export const utrechtButtonPrimaryActionFocusBackgroundColor = "#154273";
|
|
919
|
+
export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
|
|
920
|
+
export const utrechtButtonPrimaryActionFocusColor = "#fff";
|
|
921
|
+
export const utrechtButtonPrimaryActionFontWeight = 700;
|
|
922
|
+
export const utrechtButtonPrimaryActionActiveBackgroundColor = "#0d2845";
|
|
923
|
+
export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
|
|
924
|
+
export const utrechtButtonPrimaryActionActiveColor = "#fff";
|
|
925
|
+
export const utrechtButtonPrimaryActionFontSize = "1.25rem";
|
|
926
|
+
export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
|
|
927
|
+
export const utrechtButtonSecondaryActionHoverBackgroundColor = "#b8c6d5";
|
|
928
|
+
export const utrechtButtonSecondaryActionHoverBorderColor = "transparent";
|
|
929
|
+
export const utrechtButtonSecondaryActionHoverColor = "#154273";
|
|
930
|
+
export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
|
|
931
|
+
export const utrechtButtonSecondaryActionBorderColor = "#154273";
|
|
932
|
+
export const utrechtButtonSecondaryActionColor = "#154273";
|
|
933
|
+
export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
|
|
934
|
+
export const utrechtButtonSecondaryActionDisabledBorderColor = "#738eab";
|
|
935
|
+
export const utrechtButtonSecondaryActionDisabledColor = "#738eab";
|
|
936
|
+
export const utrechtButtonSecondaryActionFocusBackgroundColor = "#b8c6d5";
|
|
937
|
+
export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
|
|
938
|
+
export const utrechtButtonSecondaryActionFocusColor = "#154273";
|
|
939
|
+
export const utrechtButtonSecondaryActionFontWeight = 700;
|
|
940
|
+
export const utrechtButtonSecondaryActionActiveBackgroundColor = "#95a9c0";
|
|
941
|
+
export const utrechtButtonSecondaryActionActiveBorderColor = "#154273";
|
|
942
|
+
export const utrechtButtonSecondaryActionActiveColor = "#154273";
|
|
943
|
+
export const utrechtButtonSecondaryActionFontSize = "1.25rem";
|
|
944
|
+
export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
|
|
945
|
+
export const utrechtButtonSubtleFontSize = "1.25rem";
|
|
946
|
+
export const utrechtButtonSubtleFontWeight = 700;
|
|
947
|
+
export const utrechtButtonSubtleHoverBackgroundColor = "transparent";
|
|
948
|
+
export const utrechtButtonSubtleHoverBorderColor = "transparent";
|
|
949
|
+
export const utrechtButtonSubtleHoverColor = "#162f50";
|
|
950
|
+
export const utrechtButtonSubtleBackgroundColor = "transparent";
|
|
951
|
+
export const utrechtButtonSubtleBorderColor = "transparent";
|
|
952
|
+
export const utrechtButtonSubtleColor = "#154273";
|
|
953
|
+
export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
|
|
954
|
+
export const utrechtButtonSubtleDisabledBorderColor = "transparent";
|
|
955
|
+
export const utrechtButtonSubtleDisabledColor = "#b8c6d5";
|
|
956
|
+
export const utrechtButtonSubtleFocusBackgroundColor = "#dce3ea";
|
|
957
|
+
export const utrechtButtonSubtleFocusBorderColor = "transparent";
|
|
958
|
+
export const utrechtButtonSubtleFocusColor = "#154273";
|
|
959
|
+
export const utrechtButtonSubtleActiveBackgroundColor = "transparent";
|
|
960
|
+
export const utrechtButtonSubtleActiveBorderColor = "transparent";
|
|
961
|
+
export const utrechtButtonSubtleActiveColor = "#0d2845";
|
|
962
|
+
export const utrechtButtonSubtleLineHeight = "1.875rem";
|
|
963
|
+
export const utrechtBreadcrumbNavLineHeight = 1.4;
|
|
964
|
+
export const utrechtBreadcrumbNavFontSize = "1.25rem";
|
|
965
|
+
export const utrechtBreadcrumbNavLinkIconSize = "24px";
|
|
966
|
+
export const utrechtBreadcrumbNavLinkIconMarginInline = "0.25rem";
|
|
967
|
+
export const utrechtBreadcrumbNavLinkIconInsetBlockStart = 0;
|
|
968
|
+
export const utrechtBreadcrumbNavLinkPaddingBlockEnd = "0.75rem";
|
|
969
|
+
export const utrechtBreadcrumbNavLinkPaddingBlockStart = "0.75rem";
|
|
970
|
+
export const utrechtBreadcrumbNavLinkPaddingInlineEnd = 0;
|
|
971
|
+
export const utrechtBreadcrumbNavLinkPaddingInlineStart = 0;
|
|
972
|
+
export const utrechtBreadcrumbNavLinkColor = "#01689b";
|
|
973
|
+
export const utrechtBreadcrumbNavLinkActiveColor = "#42145f";
|
|
974
|
+
export const utrechtBreadcrumbNavLinkActiveTextDecoration = "None";
|
|
975
|
+
export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
|
|
976
|
+
export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
|
|
977
|
+
export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
|
|
978
|
+
export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
|
|
979
|
+
export const utrechtBreadcrumbNavLinkHoverTextDecoration = "None";
|
|
980
|
+
export const utrechtBreadcrumbNavLinkCurrentColor = "#334155";
|
|
981
|
+
export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
|
|
982
|
+
export const utrechtBreadcrumbNavDividerSize = "24px";
|
|
983
|
+
export const utrechtBreadcrumbNavDividerColor = "#334155";
|
|
984
|
+
export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
|
|
985
|
+
export const utrechtBreadcrumbNavMarginInline = "0.5rem";
|
|
986
|
+
export const utrechtBreadcrumbNavFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
987
|
+
export const utrechtBreadcrumbNavFontWeight = 400;
|
|
988
|
+
export const utrechtBlockquoteCaptionFontSize = "1.25rem";
|
|
989
|
+
export const utrechtBlockquoteCaptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
990
|
+
export const utrechtBlockquoteCaptionLineHeight = "150%";
|
|
991
|
+
export const utrechtBlockquoteCaptionFontWeight = 400;
|
|
992
|
+
export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
|
|
993
|
+
export const utrechtBlockquoteCaptionColor = "#334155";
|
|
994
|
+
export const utrechtBlockquoteContentFontFamily = "RijksoverheidSerifWeb, 'Times New Roman', serif";
|
|
995
|
+
export const utrechtBlockquoteContentLineHeight = "150%";
|
|
996
|
+
export const utrechtBlockquoteContentFontWeight = 400;
|
|
997
|
+
export const utrechtBlockquoteContentFontSize = "1.5rem";
|
|
998
|
+
export const utrechtBlockquoteContentColor = "#0F172A";
|
|
999
|
+
export const utrechtBlockquoteMarginBlockEnd = 0;
|
|
1000
|
+
export const utrechtBlockquoteMarginBlockStart = 0;
|
|
1001
|
+
export const utrechtBlockquoteMarginInlineEnd = 0;
|
|
1002
|
+
export const utrechtBlockquoteMarginInlineStart = 0;
|
|
1003
|
+
export const utrechtBlockquotePaddingBlockEnd = "2rem";
|
|
1004
|
+
export const utrechtBlockquotePaddingBlockStart = "2rem";
|
|
1005
|
+
export const utrechtBlockquotePaddingInlineEnd = "2rem";
|
|
1006
|
+
export const utrechtBlockquotePaddingInlineStart = "2rem";
|
|
1007
|
+
export const utrechtBlockquoteRowGap = "0.75rem";
|
|
1008
|
+
export const utrechtBlockquoteBackgroundColor = "transparent";
|
|
1009
|
+
export const utrechtBlockquoteBorderColor = "#154273";
|
|
1010
|
+
export const utrechtBlockquoteBorderBlockStartWidth = 0;
|
|
1011
|
+
export const utrechtBlockquoteBorderBlockEndWidth = 0;
|
|
1012
|
+
export const utrechtBlockquoteBorderInlineStartWidth = 0;
|
|
1013
|
+
export const utrechtBlockquoteBorderInlineEndWidth = 0;
|
|
1014
|
+
export const utrechtBlockquoteBorderStartStartRadius = 0;
|
|
1015
|
+
export const utrechtBlockquoteBorderStartEndRadius = 0;
|
|
1016
|
+
export const utrechtBlockquoteBorderEndStartRadius = 0;
|
|
1017
|
+
export const utrechtBlockquoteBorderEndEndRadius = 0;
|
|
1018
|
+
export const utrechtBlockquoteBorderWidth = "2px";
|
|
1019
|
+
export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#154273";
|
|
1020
|
+
export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
|
|
1021
|
+
export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
|
|
1022
|
+
export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
|
|
1023
|
+
export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
|
|
1024
|
+
export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
|
|
1025
|
+
export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
|
|
1026
|
+
export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
|
|
1027
|
+
export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
|
|
1028
|
+
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
|
|
1029
|
+
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
|
|
1030
|
+
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
|
|
1031
|
+
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
|
|
1032
|
+
export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
|
|
1033
|
+
export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
|
|
1034
|
+
export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
|
|
1035
|
+
export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
|
|
1036
|
+
export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
|
|
1037
|
+
export const utrechtArticleMaxInlineSize = "75ch";
|
|
1038
|
+
export const utrechtAlertHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1039
|
+
export const utrechtAlertHeadingFontWeight = 700;
|
|
1040
|
+
export const utrechtAlertHeadingLineHeight = "150%";
|
|
1041
|
+
export const utrechtAlertHeadingFontSize = "1.25rem";
|
|
1042
|
+
export const utrechtAlertColumnGap = "0.5rem";
|
|
1043
|
+
export const utrechtAlertBorderWidth = "0px";
|
|
1044
|
+
export const utrechtAlertMarginBlockEnd = "0.75rem";
|
|
1045
|
+
export const utrechtAlertMarginBlockStart = "0.75rem";
|
|
1046
|
+
export const utrechtAlertPaddingBlockEnd = "1rem";
|
|
1047
|
+
export const utrechtAlertPaddingBlockStart = "1rem";
|
|
1048
|
+
export const utrechtAlertPaddingInlineEnd = "1rem";
|
|
1049
|
+
export const utrechtAlertPaddingInlineStart = "1rem";
|
|
1050
|
+
export const utrechtAlertBackgroundColor = "#d9ebf7";
|
|
1051
|
+
export const utrechtAlertBorderColor = "transparent";
|
|
1052
|
+
export const utrechtAlertColor = "#0F172A";
|
|
1053
|
+
export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
|
|
1054
|
+
export const utrechtAlertInfoBorderColor = "transparent";
|
|
1055
|
+
export const utrechtAlertInfoColor = "#0F172A";
|
|
1056
|
+
export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
|
|
1057
|
+
export const utrechtAlertErrorBorderColor = "transparent";
|
|
1058
|
+
export const utrechtAlertErrorColor = "#0F172A";
|
|
1059
|
+
export const utrechtAlertOkBackgroundColor = "#e1eddb";
|
|
1060
|
+
export const utrechtAlertOkBorderColor = "transparent";
|
|
1061
|
+
export const utrechtAlertOkColor = "#0F172A";
|
|
1062
|
+
export const utrechtAlertWarningBackgroundColor = "#fff4db";
|
|
1063
|
+
export const utrechtAlertWarningBorderColor = "transparent";
|
|
1064
|
+
export const utrechtAlertWarningColor = "#0F172A";
|
|
1065
|
+
export const utrechtAlertIconInsetBlockStart = "3px";
|
|
1066
|
+
export const utrechtAlertIconInfoColor = "#007bc7";
|
|
1067
|
+
export const utrechtAlertIconErrorColor = "#d52b1e";
|
|
1068
|
+
export const utrechtAlertIconOkColor = "#39870c";
|
|
1069
|
+
export const utrechtAlertIconWarningColor = "#ffb612";
|
|
1070
|
+
export const utrechtAlertIconSize = "24px";
|
|
1071
|
+
export const utrechtAlertMessageLineHeight = "150%";
|
|
1072
|
+
export const utrechtAlertMessageColumnGap = "0.5rem";
|
|
1073
|
+
export const utrechtAlertBorderRadius = "5px";
|
|
1074
|
+
export const utrechtAccordionPanelBorderColor = "#94A3B8";
|
|
1075
|
+
export const utrechtAccordionPanelBorderWidth = 0;
|
|
1076
|
+
export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
|
|
1077
|
+
export const utrechtAccordionPanelPaddingBlockStart = "1rem";
|
|
1078
|
+
export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
|
|
1079
|
+
export const utrechtAccordionPanelPaddingInlineStart = "1rem";
|
|
1080
|
+
export const utrechtAccordionButtonGap = "0.5rem";
|
|
1081
|
+
export const utrechtAccordionButtonIconSize = "24px";
|
|
1082
|
+
export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
|
|
1083
|
+
export const utrechtAccordionButtonHoverBorderColor = "#94A3B8";
|
|
1084
|
+
export const utrechtAccordionButtonHoverColor = "#0F172A";
|
|
1085
|
+
export const utrechtAccordionButtonBackgroundColor = "#fff";
|
|
1086
|
+
export const utrechtAccordionButtonBorderColor = "#94A3B8";
|
|
1087
|
+
export const utrechtAccordionButtonBorderWidth = 0;
|
|
1088
|
+
export const utrechtAccordionButtonColor = "#0F172A";
|
|
1089
|
+
export const utrechtAccordionButtonFocusBackgroundColor = "#dce3ea";
|
|
1090
|
+
export const utrechtAccordionButtonFocusBorderColor = "#154273";
|
|
1091
|
+
export const utrechtAccordionButtonFocusColor = "#0F172A";
|
|
1092
|
+
export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
|
|
1093
|
+
export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
|
|
1094
|
+
export const utrechtAccordionButtonActiveColor = "#0F172A";
|
|
1095
|
+
export const utrechtAccordionButtonActiveRowGap = 0;
|
|
1096
|
+
export const utrechtDocumentBackgroundColor = "#fff";
|
|
1097
|
+
export const utrechtDocumentColor = "#0F172A";
|
|
1098
|
+
export const utrechtDocumentFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1099
|
+
export const utrechtDocumentFontSize = "1.25rem";
|
|
1100
|
+
export const utrechtDocumentLineHeight = "150%";
|
|
1101
|
+
export const utrechtDocumentFontWeight = 400;
|
|
1102
|
+
export const utrechtRichTextStrangerMarginBlockEnd = "2rem";
|
|
1103
|
+
export const utrechtRichTextAcquaintanceMarginBlockEnd = "1rem";
|
|
1104
|
+
export const utrechtRichTextFriendMarginBlockEnd = "0.5rem";
|
|
1105
|
+
export const utrechtRichTextBestFriendMarginBlockEnd = "0.25rem";
|
|
1106
|
+
export const utrechtRichTextConfidantMarginBlockEnd = 0;
|
|
1107
|
+
export const utrechtPointerTargetMinSize = "48px";
|
|
1108
|
+
export const utrechtFocusOutlineColor = "#000";
|
|
1109
|
+
export const utrechtFocusOutlineOffset = "0.125rem";
|
|
1110
|
+
export const utrechtFocusOutlineStyle = "solid";
|
|
1111
|
+
export const utrechtFocusOutlineWidth = "2px";
|
|
1112
|
+
export const utrechtFocusInverseOutlineColor = "#fff";
|
|
1113
|
+
export const nlSkipLinkFontWeight = 700;
|
|
1114
|
+
export const nlSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1115
|
+
export const nlSkipLinkFontSize = "1.25rem";
|
|
1116
|
+
export const nlSkipLinkLineHeight = "150%";
|
|
1117
|
+
export const nlSkipLinkMinBlockSize = "48px";
|
|
1118
|
+
export const nlSkipLinkMinInlineSize = "48px";
|
|
1119
|
+
export const nlSkipLinkPaddingBlockEnd = "0.75rem";
|
|
1120
|
+
export const nlSkipLinkPaddingBlockStart = "0.75rem";
|
|
1121
|
+
export const nlSkipLinkPaddingInlineEnd = "1rem";
|
|
1122
|
+
export const nlSkipLinkPaddingInlineStart = "1rem";
|
|
1123
|
+
export const nlSkipLinkFocusBackgroundColor = "#fff";
|
|
1124
|
+
export const nlSkipLinkFocusBorderColor = "#154273";
|
|
1125
|
+
export const nlSkipLinkFocusBorderStyle = "solid";
|
|
1126
|
+
export const nlSkipLinkFocusBorderWidth = "2px";
|
|
1127
|
+
export const nlSkipLinkFocusColor = "#0F172A";
|
|
1128
|
+
export const nlSkipLinkFocusTextDecoration = "None";
|
|
1129
|
+
export const nlSkipLinkFocusVisibleOutlineColor = "#000";
|
|
1130
|
+
export const nlSkipLinkBackgroundColor = "#154273";
|
|
1131
|
+
export const nlSkipLinkBorderColor = "transparent";
|
|
1132
|
+
export const nlSkipLinkColor = "#fff";
|
|
1133
|
+
export const nlSkipLinkBorderWidth = "2px";
|
|
1134
|
+
export const nlSkipLinkBoxBlockEndShadowOffsetX = 0;
|
|
1135
|
+
export const nlSkipLinkBoxBlockEndShadowOffsetY = "16px";
|
|
1136
|
+
export const nlSkipLinkBoxBlockEndShadowBlurRadius = "48px";
|
|
1137
|
+
export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
|
|
1138
|
+
export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
|
|
1139
|
+
export const nlSkipLinkTextDecoration = "underline";
|
|
1140
|
+
export const nlSkipLinkTextUnderlineOffset = "0.125rem";
|
|
1141
|
+
export const nlParagraphColor = "#0F172A";
|
|
1142
|
+
export const nlParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1143
|
+
export const nlParagraphFontSize = "1.25rem";
|
|
1144
|
+
export const nlParagraphFontWeight = 400;
|
|
1145
|
+
export const nlParagraphLineHeight = "150%";
|
|
1146
|
+
export const nlParagraphMarginBlockEnd = 0;
|
|
1147
|
+
export const nlParagraphMarginBlockStart = 0;
|
|
1148
|
+
export const nlParagraphLeadColor = "#0F172A";
|
|
1149
|
+
export const nlParagraphLeadFontSize = "1.5rem";
|
|
1150
|
+
export const nlParagraphLeadFontWeight = 400;
|
|
1151
|
+
export const nlParagraphLeadLineHeight = "150%";
|
|
1152
|
+
export const nlHeadingLevel1Color = "#154273";
|
|
1153
|
+
export const nlHeadingLevel1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1154
|
+
export const nlHeadingLevel1FontWeight = 700;
|
|
1155
|
+
export const nlHeadingLevel1LineHeight = "125%";
|
|
1156
|
+
export const nlHeadingLevel1FontSize = "3.125rem";
|
|
1157
|
+
export const nlHeadingLevel1MarginBlockEnd = 0;
|
|
1158
|
+
export const nlHeadingLevel1MarginBlockStart = 0;
|
|
1159
|
+
export const nlHeadingLevel2Color = "#154273";
|
|
1160
|
+
export const nlHeadingLevel2FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1161
|
+
export const nlHeadingLevel2FontWeight = 700;
|
|
1162
|
+
export const nlHeadingLevel2LineHeight = "125%";
|
|
1163
|
+
export const nlHeadingLevel2FontSize = "2.5rem";
|
|
1164
|
+
export const nlHeadingLevel2MarginBlockEnd = 0;
|
|
1165
|
+
export const nlHeadingLevel2MarginBlockStart = 0;
|
|
1166
|
+
export const nlHeadingLevel3Color = "#154273";
|
|
1167
|
+
export const nlHeadingLevel3FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1168
|
+
export const nlHeadingLevel3FontWeight = 700;
|
|
1169
|
+
export const nlHeadingLevel3LineHeight = "125%";
|
|
1170
|
+
export const nlHeadingLevel3FontSize = "1.875rem";
|
|
1171
|
+
export const nlHeadingLevel3MarginBlockEnd = 0;
|
|
1172
|
+
export const nlHeadingLevel3MarginBlockStart = 0;
|
|
1173
|
+
export const nlHeadingLevel4Color = "#154273";
|
|
1174
|
+
export const nlHeadingLevel4FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1175
|
+
export const nlHeadingLevel4FontWeight = 700;
|
|
1176
|
+
export const nlHeadingLevel4LineHeight = "125%";
|
|
1177
|
+
export const nlHeadingLevel4FontSize = "1.5rem";
|
|
1178
|
+
export const nlHeadingLevel4MarginBlockEnd = 0;
|
|
1179
|
+
export const nlHeadingLevel4MarginBlockStart = 0;
|
|
1180
|
+
export const nlHeadingLevel5Color = "#154273";
|
|
1181
|
+
export const nlHeadingLevel5FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1182
|
+
export const nlHeadingLevel5FontWeight = 700;
|
|
1183
|
+
export const nlHeadingLevel5LineHeight = "125%";
|
|
1184
|
+
export const nlHeadingLevel5FontSize = "1.25rem";
|
|
1185
|
+
export const nlHeadingLevel5MarginBlockEnd = 0;
|
|
1186
|
+
export const nlHeadingLevel5MarginBlockStart = 0;
|
|
1187
|
+
export const nlNumberBadgeFontSize = "1.25rem";
|
|
1188
|
+
export const nlNumberBadgeLineHeight = "150%";
|
|
1189
|
+
export const nlNumberBadgeMinBlockSize = "24px";
|
|
1190
|
+
export const nlNumberBadgeMinInlineSize = "24px";
|
|
1191
|
+
export const nlNumberBadgeFontWeight = 700;
|
|
1192
|
+
export const nlNumberBadgeBorderWidth = "0px";
|
|
1193
|
+
export const nlNumberBadgeBorderRadius = "999px";
|
|
1194
|
+
export const nlNumberBadgeFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1195
|
+
export const nlNumberBadgeBackgroundColor = "#154273";
|
|
1196
|
+
export const nlNumberBadgeBorderColor = "transparent";
|
|
1197
|
+
export const nlNumberBadgeColor = "#fff";
|
|
1198
|
+
export const nlNumberBadgePaddingInline = "0.5rem";
|
|
1199
|
+
export const nlNumberBadgePaddingBlock = "0.5rem";
|