@rijkshuisstijl-community/design-tokens 1.2.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +64 -0
- package/README.md +153 -12
- package/dist/_variables.scss +155 -100
- package/dist/index.css +155 -100
- package/dist/index.d.ts +98 -43
- package/dist/index.js +155 -100
- package/dist/index.json +154 -99
- package/dist/index.tokens.json +214 -125
- package/dist/root.css +155 -100
- package/dist/tokens.d.ts +157 -68
- package/dist/tokens.js +7489 -6212
- package/dist/uitvoerend-groen/_variables.scss +1337 -0
- package/dist/uitvoerend-groen/index.css +1340 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/index.d.ts +468 -457
- package/dist/uitvoerend-groen/index.js +1338 -0
- package/dist/uitvoerend-groen/index.json +1335 -0
- package/dist/uitvoerend-groen/index.tokens.json +2045 -0
- package/dist/uitvoerend-groen/root.css +1340 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.d.ts +723 -732
- package/dist/uitvoerend-groen/tokens.js +31224 -0
- package/dist/uitvoerend-hemelblauw/_variables.scss +1337 -0
- package/dist/uitvoerend-hemelblauw/index.css +1340 -0
- package/dist/uitvoerend-hemelblauw/index.d.ts +1338 -0
- package/dist/uitvoerend-hemelblauw/index.js +1338 -0
- package/dist/uitvoerend-hemelblauw/index.json +1335 -0
- package/dist/uitvoerend-hemelblauw/index.tokens.json +2045 -0
- package/dist/uitvoerend-hemelblauw/root.css +1340 -0
- package/dist/uitvoerend-hemelblauw/tokens.d.ts +2068 -0
- package/dist/uitvoerend-hemelblauw/tokens.js +31224 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/_variables.scss +589 -578
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.css +590 -579
- package/dist/uitvoerend-mintgroen/index.d.ts +1338 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.js +533 -522
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.json +532 -521
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.tokens.json +773 -782
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/root.css +589 -578
- package/dist/uitvoerend-mintgroen/tokens.d.ts +2068 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.js +18125 -17940
- package/dist/uitvoerend-oranje/_variables.scss +1337 -0
- package/dist/uitvoerend-oranje/index.css +1340 -0
- package/dist/uitvoerend-oranje/index.d.ts +1338 -0
- package/dist/uitvoerend-oranje/index.js +1338 -0
- package/dist/uitvoerend-oranje/index.json +1335 -0
- package/dist/uitvoerend-oranje/index.tokens.json +2045 -0
- package/dist/uitvoerend-oranje/root.css +1340 -0
- package/dist/uitvoerend-oranje/tokens.d.ts +2068 -0
- package/dist/uitvoerend-oranje/tokens.js +31224 -0
- package/dist/uitvoerend-paars/_variables.scss +1337 -0
- package/dist/uitvoerend-paars/index.css +1340 -0
- package/dist/uitvoerend-paars/index.d.ts +1338 -0
- package/dist/uitvoerend-paars/index.js +1338 -0
- package/dist/uitvoerend-paars/index.json +1335 -0
- package/dist/uitvoerend-paars/index.tokens.json +2045 -0
- package/dist/uitvoerend-paars/root.css +1340 -0
- package/dist/uitvoerend-paars/tokens.d.ts +2068 -0
- package/dist/uitvoerend-paars/tokens.js +31224 -0
- package/dist/uitvoerend-violet/_variables.scss +680 -664
- package/dist/uitvoerend-violet/index.css +680 -664
- package/dist/uitvoerend-violet/index.d.ts +771 -755
- package/dist/uitvoerend-violet/index.js +803 -787
- package/dist/uitvoerend-violet/index.json +802 -786
- package/dist/uitvoerend-violet/index.tokens.json +1644 -1620
- package/dist/uitvoerend-violet/root.css +680 -664
- package/dist/uitvoerend-violet/tokens.d.ts +1539 -1515
- package/dist/uitvoerend-violet/tokens.js +21711 -21381
- package/dist/uitvoerend-violet-oud/_variables.scss +687 -670
- package/dist/uitvoerend-violet-oud/index.css +687 -670
- package/dist/uitvoerend-violet-oud/index.d.ts +771 -754
- package/dist/uitvoerend-violet-oud/index.js +803 -786
- package/dist/uitvoerend-violet-oud/index.json +802 -785
- package/dist/uitvoerend-violet-oud/index.tokens.json +1678 -1653
- package/dist/uitvoerend-violet-oud/root.css +687 -670
- package/dist/uitvoerend-violet-oud/tokens.d.ts +1536 -1511
- package/dist/uitvoerend-violet-oud/tokens.js +21594 -21243
- package/dist/wetgevend/_variables.scss +636 -620
- package/dist/wetgevend/index.css +636 -620
- package/dist/wetgevend/index.d.ts +771 -755
- package/dist/wetgevend/index.js +791 -775
- package/dist/wetgevend/index.json +790 -774
- package/dist/wetgevend/index.tokens.json +1643 -1619
- package/dist/wetgevend/root.css +636 -620
- package/dist/wetgevend/tokens.d.ts +1553 -1529
- package/dist/wetgevend/tokens.js +21924 -21594
- package/figma/figma.tokens.json +1575 -666
- package/package.json +1 -1
- package/src/generated/base.tokens.json +528 -273
- package/src/generated/themes.json +40651 -15395
- package/src/generated/uitvoerend-groen/tokens.json +6248 -0
- package/src/generated/uitvoerend-hemelblauw/tokens.json +6248 -0
- package/src/generated/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.json +2598 -2573
- package/src/generated/uitvoerend-oranje/tokens.json +6248 -0
- package/src/generated/uitvoerend-paars/tokens.json +6248 -0
- package/src/generated/uitvoerend-violet/tokens.json +4538 -4465
- package/src/generated/uitvoerend-violet-oud/tokens.json +4525 -4448
- package/src/generated/wetgevend/tokens.json +4547 -4474
|
@@ -1,8 +1,62 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 16 Jun 2025 09:33:53 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
export const rhcDataSummaryFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
7
|
+
export const rhcDataSummaryItemValueFontWeight = 400;
|
|
8
|
+
export const rhcDataSummaryItemValueRowPaddingBlockEnd = "0.75rem";
|
|
9
|
+
export const rhcDataSummaryItemValueRowPaddingBlockStart = "0.75rem";
|
|
10
|
+
export const rhcDataSummaryItemValueRowPaddingInlineEnd = 0;
|
|
11
|
+
export const rhcDataSummaryItemValueRowPaddingInlineStart = "0px";
|
|
12
|
+
export const rhcDataSummaryItemValuePaddingBlockEnd = "0.75rem";
|
|
13
|
+
export const rhcDataSummaryItemValuePaddingBlockStart = 0;
|
|
14
|
+
export const rhcDataSummaryItemValuePaddingInlineEnd = 0;
|
|
15
|
+
export const rhcDataSummaryItemValuePaddingInlineStart = 0;
|
|
16
|
+
export const rhcDataSummaryItemKeyFontWeight = 700;
|
|
17
|
+
export const rhcDataSummaryItemKeyRowPaddingBlockEnd = "0.75rem";
|
|
18
|
+
export const rhcDataSummaryItemKeyRowPaddingBlockStart = "0.75rem";
|
|
19
|
+
export const rhcDataSummaryItemKeyRowPaddingInlineEnd = "1rem";
|
|
20
|
+
export const rhcDataSummaryItemKeyRowPaddingInlineStart = 0;
|
|
21
|
+
export const rhcDataSummaryItemKeyPaddingBlockEnd = "0.25rem";
|
|
22
|
+
export const rhcDataSummaryItemKeyPaddingBlockStart = "0.75rem";
|
|
23
|
+
export const rhcDataSummaryItemKeyPaddingInlineEnd = 0;
|
|
24
|
+
export const rhcDataSummaryItemKeyPaddingInlineStart = 0;
|
|
25
|
+
export const rhcDataSummaryItemBorderWidth = "1px";
|
|
26
|
+
export const rhcDataSummaryItemBorderColor = "#CBD5E1";
|
|
27
|
+
export const rhcDataSummaryItemBorderBlockEndStyle = "solid";
|
|
28
|
+
export const rhcDataSummaryItemColor = "#0F172A";
|
|
29
|
+
export const rhcDataSummaryFontSize = "1.25rem";
|
|
30
|
+
export const rhcDataSummaryLineHeight = "150%";
|
|
31
|
+
export const rhcDataSummaryItemActionRowPaddingBlockEnd = "0.75rem";
|
|
32
|
+
export const rhcDataSummaryItemActionRowPaddingBlockStart = "0.75rem";
|
|
33
|
+
export const rhcDataSummaryItemActionRowPaddingInlineEnd = 0;
|
|
34
|
+
export const rhcDataSummaryItemActionRowPaddingInlineStart = "1rem";
|
|
35
|
+
export const rhcDataSummaryItemActionPaddingBlockEnd = "0.75rem";
|
|
36
|
+
export const rhcDataSummaryItemActionPaddingBlockStart = "0.75rem";
|
|
37
|
+
export const rhcDataSummaryItemActionPaddingInlineEnd = "1rem";
|
|
38
|
+
export const rhcDataSummaryItemActionPaddingInlineStart = 0;
|
|
39
|
+
export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.";
|
|
40
|
+
export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
|
|
41
|
+
export const rhcKeepTopLeftBorderRadiusTopRight = 0;
|
|
42
|
+
export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
|
|
43
|
+
export const rhcKeepTopLeftBorderRadiusBottomLeft = 0;
|
|
44
|
+
export const rhcKeepTopRightBorderRadiusTopRight = "48px";
|
|
45
|
+
export const rhcKeepTopRightBorderRadiusTopLeft = 0;
|
|
46
|
+
export const rhcKeepTopRightBorderRadiusBottomRight = 0;
|
|
47
|
+
export const rhcKeepTopRightBorderRadiusBottomLeft = 0;
|
|
48
|
+
export const rhcKeepBottomRightBorderRadiusTopLeft = 0;
|
|
49
|
+
export const rhcKeepBottomRightBorderRadiusTopRight = 0;
|
|
50
|
+
export const rhcKeepBottomRightBorderRadiusBottomRight = "48px";
|
|
51
|
+
export const rhcKeepBottomRightBorderRadiusBottomLeft = 0;
|
|
52
|
+
export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
|
|
53
|
+
export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
|
|
54
|
+
export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
|
|
55
|
+
export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
|
|
56
|
+
export const rhcRoundedCornerXsBorderRadius = "24px";
|
|
57
|
+
export const rhcRoundedCornerMdBorderRadius = "48px";
|
|
58
|
+
export const rhcRoundedCornerXlBorderRadius = "96px";
|
|
59
|
+
export const rhcRoundedCornerBorderWidth = "2px";
|
|
6
60
|
export const rhcColorPrimary50 = "#eaf8f4";
|
|
7
61
|
export const rhcColorPrimary100 = "#d6f2e9";
|
|
8
62
|
export const rhcColorPrimary200 = "#C1EBDE";
|
|
@@ -10,10 +64,12 @@ export const rhcColorPrimary300 = "#ACE4D3";
|
|
|
10
64
|
export const rhcColorPrimary400 = "#98DDC8";
|
|
11
65
|
export const rhcColorPrimary500 = "#76d2b6";
|
|
12
66
|
export const rhcColorPrimaryHover = "#528e7c";
|
|
13
|
-
export const rhcColorFocusOutline = "#
|
|
67
|
+
export const rhcColorFocusOutline = "#000";
|
|
14
68
|
export const rhcColorForegroundDefault = "#0F172A";
|
|
15
69
|
export const rhcColorForegroundSubdued = "#334155";
|
|
16
70
|
export const rhcColorForegroundLink = "#01689b";
|
|
71
|
+
export const rhcColorForegroundOnDarkColor = "#fff";
|
|
72
|
+
export const rhcColorForegroundOnLightColor = "#000";
|
|
17
73
|
export const rhcColorForegroundOnEmphasis = "#fff";
|
|
18
74
|
export const rhcColorBorderDefault = "#64748B";
|
|
19
75
|
export const rhcColorBorderSubdued = "#94A3B8";
|
|
@@ -179,7 +235,7 @@ export const rhcSidenavLinkLineHeight = "150%";
|
|
|
179
235
|
export const rhcSidenavLinkIconSize = "24px";
|
|
180
236
|
export const rhcSidenavLinkIconMarginInline = "0.5rem";
|
|
181
237
|
export const rhcSidenavLinkFontSize = "1.25rem";
|
|
182
|
-
export const rhcSidenavLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
238
|
+
export const rhcSidenavLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
183
239
|
export const rhcSidenavLinkFontWeight = 400;
|
|
184
240
|
export const rhcSidenavLinkCurrentFontWeight = 700;
|
|
185
241
|
export const rhcSidenavLinkCurrentColor = "#0F172A";
|
|
@@ -189,7 +245,7 @@ export const rhcSidenavLinkActiveTextDecoration = "underline";
|
|
|
189
245
|
export const rhcSidenavLinkFocusBorderRadius = "5px";
|
|
190
246
|
export const rhcSidenavLinkFocusBorderWidth = "2px";
|
|
191
247
|
export const rhcSidenavLinkFocusBorderStyle = "solid";
|
|
192
|
-
export const rhcSidenavLinkFocusBorderColor = "#
|
|
248
|
+
export const rhcSidenavLinkFocusBorderColor = "#76d2b6";
|
|
193
249
|
export const rhcSidenavLinkFocusBackgroundColor = "none";
|
|
194
250
|
export const rhcSidenavLinkFocusColor = "#01689b";
|
|
195
251
|
export const rhcSidenavLinkFocusTextDecoration = "None";
|
|
@@ -208,16 +264,16 @@ export const rhcNavigationListIconColor = "#fff";
|
|
|
208
264
|
export const rhcNavigationListItemIconPaddingInline = "0.5rem";
|
|
209
265
|
export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
|
|
210
266
|
export const rhcNavigationListItemIconSize = "24px";
|
|
211
|
-
export const rhcNavigationListItemContentFontSize = "1.
|
|
267
|
+
export const rhcNavigationListItemContentFontSize = "1.25rem";
|
|
212
268
|
export const rhcNavigationListItemContentColumnGap = "0.5rem";
|
|
213
269
|
export const rhcNavigationListItemContentRowGap = "0.25rem";
|
|
214
|
-
export const rhcNavigationListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
270
|
+
export const rhcNavigationListItemLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
215
271
|
export const rhcNavigationListItemLabelFontSize = "1.875rem";
|
|
216
272
|
export const rhcNavigationListItemLabelFontWeight = 700;
|
|
217
273
|
export const rhcNavigationListItemLabelLineHeight = "150%";
|
|
218
274
|
export const rhcNavigationListItemActiveBackgroundColor = "#F1F5F9";
|
|
219
275
|
export const rhcNavigationListItemHoverBackgroundColor = "#F8FAFC";
|
|
220
|
-
export const rhcNavigationListItemFocusBackgroundColor = "#
|
|
276
|
+
export const rhcNavigationListItemFocusBackgroundColor = "#eaf8f4";
|
|
221
277
|
export const rhcNavigationListItemBackgroundColor = "#fff";
|
|
222
278
|
export const rhcNavigationListItemColor = "#334155";
|
|
223
279
|
export const rhcNavigationListItemBorderWidth = "1px";
|
|
@@ -262,10 +318,10 @@ export const rhcMessageListItemIconColor = "#0F172A";
|
|
|
262
318
|
export const rhcMessageListItemMinHeight = "48px";
|
|
263
319
|
export const rhcMessageListItemPaddingBlock = "0.75rem";
|
|
264
320
|
export const rhcMessageListItemPaddingInline = "1rem";
|
|
265
|
-
export const rhcMessageListItemContentFontSize = "1.
|
|
321
|
+
export const rhcMessageListItemContentFontSize = "1.25rem";
|
|
266
322
|
export const rhcMessageListItemContentColumnGap = "0.5rem";
|
|
267
323
|
export const rhcMessageListItemContentRowGap = "0.5rem";
|
|
268
|
-
export const rhcMessageListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
324
|
+
export const rhcMessageListItemLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
269
325
|
export const rhcMessageListItemLabelFontSize = "1.25rem";
|
|
270
326
|
export const rhcMessageListItemLabelFontWeight = 700;
|
|
271
327
|
export const rhcMessageListItemLabelLineHeight = "150%";
|
|
@@ -282,7 +338,7 @@ export const rhcLogoSubtitleFontWeight = 400;
|
|
|
282
338
|
export const rhcLogoSubtitleLineHeight = "1rem";
|
|
283
339
|
export const rhcLogoSubtitleFontSize = "0.775rem";
|
|
284
340
|
export const rhcLogoColumnGap = "12px";
|
|
285
|
-
export const rhcLogoFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
341
|
+
export const rhcLogoFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
286
342
|
export const rhcLogoColor = "#154273";
|
|
287
343
|
export const rhcLinkListCardBackgroundColor = "#fff";
|
|
288
344
|
export const rhcLinkListCardPaddingBlockStart = "1.5rem";
|
|
@@ -298,12 +354,12 @@ export const rhcIconOnlyButtonPaddingInlineStart = "0.75rem";
|
|
|
298
354
|
export const rhcHeroHeadingFontWeight = 700;
|
|
299
355
|
export const rhcHeroHeadingLineHeight = "125%";
|
|
300
356
|
export const rhcHeroHeadingFontSize = "1.875rem";
|
|
301
|
-
export const rhcHeroHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
357
|
+
export const rhcHeroHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
302
358
|
export const rhcHeroSubHeadingFontWeight = 400;
|
|
303
359
|
export const rhcHeroSubHeadingLineHeight = "150%";
|
|
304
360
|
export const rhcHeroSubHeadingFontSize = "1.25rem";
|
|
305
|
-
export const rhcHeroSubHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
306
|
-
export const rhcHeroMessageBackgroundColor = "#
|
|
361
|
+
export const rhcHeroSubHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
362
|
+
export const rhcHeroMessageBackgroundColor = "#76d2b6";
|
|
307
363
|
export const rhcHeroMessageColor = "#fff";
|
|
308
364
|
export const rhcHeroMessageRowGap = "0.125rem";
|
|
309
365
|
export const rhcHeroMessagePaddingBlockEnd = "1rem";
|
|
@@ -329,7 +385,7 @@ export const rhcPageFooterContentPaddingInlineStart = "1rem";
|
|
|
329
385
|
export const rhcPageFooterContentPaddingInlineEnd = "1rem";
|
|
330
386
|
export const rhcPageFooterContentColumnGap = "2rem";
|
|
331
387
|
export const rhcPageFooterBorderBlockStartWidth = "2px";
|
|
332
|
-
export const rhcPageFooterBorderBlockStartColor = "#
|
|
388
|
+
export const rhcPageFooterBorderBlockStartColor = "#ACE4D3";
|
|
333
389
|
export const rhcPageFooterBorderBlockStartStyle = "solid";
|
|
334
390
|
export const rhcPageFooterOutlinedBackgroundColor = "#fff";
|
|
335
391
|
export const rhcPageFooterOutlinedColor = "#76d2b6";
|
|
@@ -344,7 +400,7 @@ export const rhcFileInputRowGap = "0.75rem";
|
|
|
344
400
|
export const rhcFileInputFeedbackColor = "#475569";
|
|
345
401
|
export const rhcFileInputFeedbackFontSize = "1rem";
|
|
346
402
|
export const rhcFileBorderStyle = "solid";
|
|
347
|
-
export const rhcFileBorderColor = "#
|
|
403
|
+
export const rhcFileBorderColor = "#76d2b6";
|
|
348
404
|
export const rhcFileBorderWidth = "1px";
|
|
349
405
|
export const rhcFileBorderRadius = "5px";
|
|
350
406
|
export const rhcFilePaddingInlineStart = "1rem";
|
|
@@ -369,7 +425,7 @@ export const rhcCardAsLinkBorderWidth = "1px";
|
|
|
369
425
|
export const rhcCardAsLinkColor = "#0F172A";
|
|
370
426
|
export const rhcCardAsLinkColumnGap = "1rem";
|
|
371
427
|
export const rhcCardAsLinkInlineSize = "328px";
|
|
372
|
-
export const rhcCardAsLinkIconColor = "#
|
|
428
|
+
export const rhcCardAsLinkIconColor = "#76d2b6";
|
|
373
429
|
export const rhcCardAsLinkIconSize = "24px";
|
|
374
430
|
export const rhcCardAsLinkLinkColor = "#01689b";
|
|
375
431
|
export const rhcCardAsLinkLinkTextDecoration = "underline";
|
|
@@ -386,17 +442,17 @@ export const rhcCardAsLinkActiveBackgroundColor = "#F1F5F9";
|
|
|
386
442
|
export const rhcCardAsLinkActiveTextDecoration = "underline";
|
|
387
443
|
export const rhcCardAsLinkHoverBackgroundColor = "#F8FAFC";
|
|
388
444
|
export const rhcCardAsLinkHoverTextDecoration = "underline";
|
|
389
|
-
export const rhcCardAsLinkFocusBackgroundColor = "#
|
|
445
|
+
export const rhcCardAsLinkFocusBackgroundColor = "#eaf8f4";
|
|
390
446
|
export const rhcCardAsLinkFocusTextDecoration = "underline";
|
|
391
447
|
export const rhcCardAsLinkFullBleedBackgroundColor = "#000";
|
|
392
448
|
export const rhcCardAsLinkFullBleedBorderColor = "transparent";
|
|
393
449
|
export const rhcCardAsLinkFullBleedColor = "#fff";
|
|
394
450
|
export const rhcCardAsLinkFullBleedOpacity = 0.5;
|
|
395
|
-
export const rhcCardAsLinkHeadingColor = "#
|
|
451
|
+
export const rhcCardAsLinkHeadingColor = "#76d2b6";
|
|
396
452
|
export const rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
|
|
397
453
|
export const rhcCardAsLinkHeadingFontSize = "1.5rem";
|
|
398
454
|
export const rhcCardAsLinkHeadingFontWeight = 700;
|
|
399
|
-
export const rhcCardAsLinkHorizontalBackgroundColor = "#
|
|
455
|
+
export const rhcCardAsLinkHorizontalBackgroundColor = "#76d2b6";
|
|
400
456
|
export const rhcCardAsLinkHorizontalBorderColor = "transparent";
|
|
401
457
|
export const rhcCardAsLinkHorizontalColor = "#fff";
|
|
402
458
|
export const rhcCardAsLinkHorizontalMaxBlockSize = "96px";
|
|
@@ -405,42 +461,8 @@ export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
|
|
|
405
461
|
export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
|
|
406
462
|
export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
|
|
407
463
|
export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
|
|
408
|
-
export const rhcAccordionButtonFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
409
|
-
export const rhcAccordionButtonFontSize = "1.25rem";
|
|
410
|
-
export const rhcAccordionButtonFontWeight = 400;
|
|
411
|
-
export const rhcAccordionButtonLineHeight = "150%";
|
|
412
|
-
export const rhcAccordionButtonIconMarginBlock = "0.25rem";
|
|
413
|
-
export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
|
|
414
|
-
export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
|
|
415
|
-
export const rhcAccordionButtonPaddingInlineEnd = "1rem";
|
|
416
|
-
export const rhcAccordionButtonPaddingInlineStart = "1rem";
|
|
417
|
-
export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
|
|
418
|
-
export const rhcAccordionButtonExpandedColor = "#0F172A";
|
|
419
|
-
export const rhcAccordionSectionBorderBlockEndWidth = "1px";
|
|
420
|
-
export const rhcAccordionSectionBorderWidth = 0;
|
|
421
|
-
export const rhcAccordionSectionBorderColor = "#94A3B8";
|
|
422
|
-
export const rhcAccordionHeaderMargin = 0;
|
|
423
|
-
export const rhcAccordionBorderRadius = "0px";
|
|
424
|
-
export const rhcAccordionColor = "#0F172A";
|
|
425
|
-
export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
|
|
426
|
-
export const rhcKeepTopLeftBorderRadiusTopRight = 0;
|
|
427
|
-
export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
|
|
428
|
-
export const rhcKeepTopLeftBorderRadiusBottomLeft = 0;
|
|
429
|
-
export const rhcKeepTopRightBorderRadiusTopRight = "48px";
|
|
430
|
-
export const rhcKeepTopRightBorderRadiusTopLeft = 0;
|
|
431
|
-
export const rhcKeepTopRightBorderRadiusBottomRight = 0;
|
|
432
|
-
export const rhcKeepTopRightBorderRadiusBottomLeft = 0;
|
|
433
|
-
export const rhcKeepBottomRightBorderRadiusTopLeft = 0;
|
|
434
|
-
export const rhcKeepBottomRightBorderRadiusTopRight = 0;
|
|
435
|
-
export const rhcKeepBottomRightBorderRadiusBottomRight = "48px";
|
|
436
|
-
export const rhcKeepBottomRightBorderRadiusBottomLeft = 0;
|
|
437
|
-
export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
|
|
438
|
-
export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
|
|
439
|
-
export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
|
|
440
|
-
export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
|
|
441
464
|
export const rhcBorderRadiusSm = "2.5px";
|
|
442
465
|
export const rhcBorderRadiusMd = "5px";
|
|
443
|
-
export const rhcBorderRadiusKeep = "48px";
|
|
444
466
|
export const rhcBorderRadiusCircle = "999px";
|
|
445
467
|
export const rhcBorderRadiusNone = "0px";
|
|
446
468
|
export const rhcFocusOutlineOffset = "0.125rem";
|
|
@@ -451,9 +473,8 @@ export const rhcFontSizeHeadingLevel2 = "2.5rem";
|
|
|
451
473
|
export const rhcFontSizeHeadingLevel3 = "1.875rem";
|
|
452
474
|
export const rhcFontSizeHeadingLevel4 = "1.5rem";
|
|
453
475
|
export const rhcFontSizeHeadingLevel5 = "1.25rem";
|
|
454
|
-
export const
|
|
455
|
-
export const
|
|
456
|
-
export const rhcFontSizeParagraphSmall = "1.125rem";
|
|
476
|
+
export const rhcFontSizeBodyIntro = "1.5rem";
|
|
477
|
+
export const rhcFontSizeBodyDefault = "1.25rem";
|
|
457
478
|
export const rhcFontSizeXsDesktop = "1.25rem";
|
|
458
479
|
export const rhcFontSizeXsTablet = "1.125rem";
|
|
459
480
|
export const rhcFontSizeXsMobile = "1rem";
|
|
@@ -469,7 +490,15 @@ export const rhcFontSizeLgMobile = "2rem";
|
|
|
469
490
|
export const rhcFontSizeXlDesktop = "3.125rem";
|
|
470
491
|
export const rhcFontSizeXlTablet = "2.813rem";
|
|
471
492
|
export const rhcFontSizeXlMobile = "2.5rem";
|
|
472
|
-
export const
|
|
493
|
+
export const rhcFontWeightDefault = 400;
|
|
494
|
+
export const rhcFontWeightStrong = 700;
|
|
495
|
+
export const rhcFontWeightExtraBold = 800;
|
|
496
|
+
export const rhcFontWeightBold = 700;
|
|
497
|
+
export const rhcFontWeightSemiBold = 600;
|
|
498
|
+
export const rhcFontWeightRegular = 400;
|
|
499
|
+
export const rhcFontWeightLight = 300;
|
|
500
|
+
export const rhcFontWeightThin = 200;
|
|
501
|
+
export const rhcLineHeightBody = "150%";
|
|
473
502
|
export const rhcLineHeightSm = "125%";
|
|
474
503
|
export const rhcLineHeightMd = "150%";
|
|
475
504
|
export const rhcSizeTarget = "48px";
|
|
@@ -479,14 +508,7 @@ export const rhcSizeHalfLint = "24px";
|
|
|
479
508
|
export const rhcSizeLint = "48px";
|
|
480
509
|
export const rhcSize2Lint = "96px";
|
|
481
510
|
export const rhcSize3Lint = "1440px";
|
|
482
|
-
export const
|
|
483
|
-
export const rhcFontWeightBold = 700;
|
|
484
|
-
export const rhcFontWeightSemiBold = 550;
|
|
485
|
-
export const rhcFontWeightRegular = 400;
|
|
486
|
-
export const rhcFontWeightChosenRegular = 400;
|
|
487
|
-
export const rhcFontWeightLight = 300;
|
|
488
|
-
export const rhcFontWeightThin = 200;
|
|
489
|
-
export const rhcFontFamilyPrimary = "Fira Sans, Arial, Verdana, sans-serif";
|
|
511
|
+
export const rhcFontFamilyPrimary = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
490
512
|
export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
|
|
491
513
|
export const rhcBorderWidthDefault = "1px";
|
|
492
514
|
export const rhcBorderWidthM = "2px";
|
|
@@ -502,321 +524,83 @@ export const rhcSpace400 = "2rem";
|
|
|
502
524
|
export const rhcSpace500 = "2.5rem";
|
|
503
525
|
export const rhcSpace600 = "3rem";
|
|
504
526
|
export const rhcSpace700 = "3.5rem";
|
|
505
|
-
export const
|
|
506
|
-
export const
|
|
507
|
-
export const
|
|
508
|
-
export const
|
|
509
|
-
export const
|
|
510
|
-
export const
|
|
511
|
-
export const
|
|
512
|
-
export const
|
|
513
|
-
export const
|
|
514
|
-
export const
|
|
515
|
-
export const
|
|
516
|
-
export const
|
|
517
|
-
export const
|
|
518
|
-
export const
|
|
519
|
-
export const
|
|
520
|
-
export const
|
|
521
|
-
export const
|
|
522
|
-
export const
|
|
523
|
-
export const
|
|
524
|
-
export const
|
|
525
|
-
export const
|
|
526
|
-
export const
|
|
527
|
-
export const
|
|
528
|
-
export const
|
|
529
|
-
export const
|
|
530
|
-
export const
|
|
531
|
-
export const
|
|
532
|
-
export const
|
|
533
|
-
export const
|
|
534
|
-
export const
|
|
535
|
-
export const
|
|
536
|
-
export const
|
|
537
|
-
export const
|
|
538
|
-
export const
|
|
539
|
-
export const
|
|
540
|
-
export const
|
|
541
|
-
export const
|
|
542
|
-
export const
|
|
543
|
-
export const
|
|
544
|
-
export const
|
|
545
|
-
export const
|
|
546
|
-
export const
|
|
547
|
-
export const
|
|
548
|
-
export const
|
|
549
|
-
export const
|
|
550
|
-
export const
|
|
551
|
-
export const
|
|
552
|
-
export const
|
|
553
|
-
export const
|
|
554
|
-
export const
|
|
555
|
-
export const
|
|
556
|
-
export const
|
|
557
|
-
export const
|
|
558
|
-
export const
|
|
559
|
-
export const
|
|
560
|
-
export const
|
|
561
|
-
export const
|
|
562
|
-
export const
|
|
563
|
-
export const
|
|
564
|
-
export const
|
|
565
|
-
export const
|
|
566
|
-
export const
|
|
567
|
-
export const
|
|
568
|
-
export const
|
|
569
|
-
export const
|
|
570
|
-
export const
|
|
571
|
-
export const
|
|
572
|
-
export const
|
|
573
|
-
export const
|
|
574
|
-
export const
|
|
575
|
-
export const
|
|
576
|
-
export const
|
|
577
|
-
export const
|
|
578
|
-
export const
|
|
579
|
-
export const
|
|
580
|
-
export const utrechtButtonSubtleHoverBorderColor = "transparent";
|
|
581
|
-
export const utrechtButtonSubtleHoverColor = "#528e7c";
|
|
582
|
-
export const utrechtButtonSubtleBackgroundColor = "transparent";
|
|
583
|
-
export const utrechtButtonSubtleBorderColor = "transparent";
|
|
584
|
-
export const utrechtButtonSubtleColor = "#76d2b6";
|
|
585
|
-
export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
|
|
586
|
-
export const utrechtButtonSubtleDisabledBorderColor = "transparent";
|
|
587
|
-
export const utrechtButtonSubtleDisabledColor = "#d6f2e9";
|
|
588
|
-
export const utrechtButtonSubtleActiveBackgroundColor = "#C1EBDE";
|
|
589
|
-
export const utrechtButtonSubtleActiveBorderColor = "transparent";
|
|
590
|
-
export const utrechtButtonSubtleActiveColor = "#477e6d";
|
|
591
|
-
export const utrechtButtonSubtleLineHeight = "1.875rem";
|
|
592
|
-
export const utrechtButtonSubtlePressedBackgroundColor = "#d6f2e9";
|
|
593
|
-
export const utrechtButtonSubtlePressedBorderColor = "transparent";
|
|
594
|
-
export const utrechtButtonSubtlePressedColor = "#477869";
|
|
595
|
-
export const utrechtButtonBackgroundColor = "#0F172A";
|
|
596
|
-
export const utrechtButtonBorderColor = "transparent";
|
|
597
|
-
export const utrechtButtonColor = "#fff";
|
|
598
|
-
export const utrechtButtonBorderRadius = "5px";
|
|
599
|
-
export const utrechtButtonBorderWidth = "1px";
|
|
600
|
-
export const utrechtButtonIconGap = "0.5rem";
|
|
601
|
-
export const utrechtButtonIconSize = "24px";
|
|
602
|
-
export const utrechtButtonFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
603
|
-
export const utrechtButtonFontSize = "1.25rem";
|
|
604
|
-
export const utrechtButtonFontWeight = 700;
|
|
605
|
-
export const utrechtButtonLineHeight = "150%";
|
|
606
|
-
export const utrechtButtonPaddingBlockEnd = "0.5rem";
|
|
607
|
-
export const utrechtButtonPaddingBlockStart = "0.5rem";
|
|
608
|
-
export const utrechtButtonPaddingInlineEnd = "1rem";
|
|
609
|
-
export const utrechtButtonPaddingInlineStart = "1rem";
|
|
610
|
-
export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
|
|
611
|
-
export const utrechtButtonDisabledBorderColor = "transparent";
|
|
612
|
-
export const utrechtButtonDisabledColor = "#94A3B8";
|
|
613
|
-
export const utrechtButtonFocusBackgroundColor = "#475569";
|
|
614
|
-
export const utrechtButtonFocusBorderColor = "transparent";
|
|
615
|
-
export const utrechtButtonFocusColor = "#fff";
|
|
616
|
-
export const utrechtButtonHoverBackgroundColor = "#475569";
|
|
617
|
-
export const utrechtButtonHoverBorderColor = "transparent";
|
|
618
|
-
export const utrechtButtonHoverColor = "#fff";
|
|
619
|
-
export const utrechtButtonActiveBackgroundColor = "#1E293B";
|
|
620
|
-
export const utrechtButtonActiveBorderColor = "transparent";
|
|
621
|
-
export const utrechtButtonActiveColor = "#fff";
|
|
622
|
-
export const utrechtButtonMinBlockSize = "48px";
|
|
623
|
-
export const utrechtButtonMinInlineSize = "48px";
|
|
624
|
-
export const utrechtButtonColumnGap = "0.5rem";
|
|
625
|
-
export const utrechtButtonPressedBackgroundColor = "#1E293B";
|
|
626
|
-
export const utrechtButtonPressedBorderColor = "transparent";
|
|
627
|
-
export const utrechtButtonPressedColor = "#fff";
|
|
628
|
-
export const utrechtCheckboxFocusBackgroundColor = "#FDD370";
|
|
629
|
-
export const utrechtCheckboxFocusBorderColor = "#154273";
|
|
630
|
-
export const utrechtCheckboxFocusBorderWidth = "2px";
|
|
631
|
-
export const utrechtCheckboxCheckedFocusBackgroundColor = "#FDD370";
|
|
632
|
-
export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
|
|
633
|
-
export const utrechtCheckboxCheckedFocusBorderColor = "#154273";
|
|
634
|
-
export const utrechtCheckboxCheckedFocusColor = "#154273";
|
|
635
|
-
export const utrechtCheckboxCheckedBackgroundColor = "#154273";
|
|
636
|
-
export const utrechtCheckboxCheckedBorderColor = "transparent";
|
|
637
|
-
export const utrechtCheckboxCheckedColor = "#fff";
|
|
638
|
-
export const utrechtCheckboxCheckedBorderWidth = "1px";
|
|
639
|
-
export const utrechtCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
|
|
640
|
-
export const utrechtCheckboxCheckedDisabledBorderColor = "#94A3B8";
|
|
641
|
-
export const utrechtCheckboxCheckedDisabledColor = "#475569";
|
|
642
|
-
export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
|
|
643
|
-
export const utrechtCheckboxCheckedHoverBackgroundColor = "#738eab";
|
|
644
|
-
export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
|
|
645
|
-
export const utrechtCheckboxCheckedHoverColor = "#fff";
|
|
646
|
-
export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
|
|
647
|
-
export const utrechtCheckboxCheckedActiveBackgroundColor = "#4f7196";
|
|
648
|
-
export const utrechtCheckboxCheckedActiveBorderColor = "transparent";
|
|
649
|
-
export const utrechtCheckboxCheckedActiveColor = "#fff";
|
|
650
|
-
export const utrechtCheckboxBorderRadius = "2.5px";
|
|
651
|
-
export const utrechtCheckboxSize = "24px";
|
|
652
|
-
export const utrechtCheckboxIconSize = "24px";
|
|
653
|
-
export const utrechtCheckboxBackgroundColor = "#fff";
|
|
654
|
-
export const utrechtCheckboxBorderColor = "#154273";
|
|
655
|
-
export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
|
|
656
|
-
export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
|
|
657
|
-
export const utrechtCheckboxInvalidBorderWidth = "1px";
|
|
658
|
-
export const utrechtCheckboxDisabledBackgroundColor = "#CBD5E1";
|
|
659
|
-
export const utrechtCheckboxDisabledBorderColor = "#94A3B8";
|
|
660
|
-
export const utrechtCheckboxIndeterminateBackgroundColor = "#154273";
|
|
661
|
-
export const utrechtCheckboxIndeterminateBorderColor = "transparent";
|
|
662
|
-
export const utrechtCheckboxIndeterminateColor = "#fff";
|
|
663
|
-
export const utrechtCheckboxIndeterminateBorderWidth = "1px";
|
|
664
|
-
export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
|
|
665
|
-
export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
|
|
666
|
-
export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
|
|
667
|
-
export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#4f7196";
|
|
668
|
-
export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
|
|
669
|
-
export const utrechtCheckboxIndeterminateActiveColor = "#fff";
|
|
670
|
-
export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
|
|
671
|
-
export const utrechtCheckboxIndeterminateHoverBackgroundColor = "#738eab";
|
|
672
|
-
export const utrechtCheckboxIndeterminateHoverBorderColor = "transparent";
|
|
673
|
-
export const utrechtCheckboxIndeterminateHoverColor = "#fff";
|
|
674
|
-
export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
|
|
675
|
-
export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#fff";
|
|
676
|
-
export const utrechtCheckboxIndeterminateFocusBorderColor = "#154273";
|
|
677
|
-
export const utrechtCheckboxIndeterminateFocusColor = "#154273";
|
|
678
|
-
export const utrechtCheckboxIndeterminateFocusBorderWidth = "2px";
|
|
679
|
-
export const utrechtCheckboxBorderWidth = "1px";
|
|
680
|
-
export const utrechtCheckboxHoverBorderWidth = "1px";
|
|
681
|
-
export const utrechtCheckboxHoverBackgroundColor = "#fff";
|
|
682
|
-
export const utrechtCheckboxHoverBorderColor = "#738eab";
|
|
683
|
-
export const utrechtCheckboxActiveBorderWidth = "1px";
|
|
684
|
-
export const utrechtCheckboxActiveBackgroundColor = "#fff";
|
|
685
|
-
export const utrechtCheckboxActiveBorderColor = "#4f7196";
|
|
686
|
-
export const utrechtRadioButtonFocusBackgroundColor = "#FDD370";
|
|
687
|
-
export const utrechtRadioButtonFocusBorderColor = "#154273";
|
|
688
|
-
export const utrechtRadioButtonFocusBorderWidth = "2px";
|
|
689
|
-
export const utrechtRadioButtonCheckedFocusBackgroundColor = "#FDD370";
|
|
690
|
-
export const utrechtRadioButtonCheckedFocusBorderColor = "#154273";
|
|
691
|
-
export const utrechtRadioButtonCheckedFocusColor = "#154273";
|
|
692
|
-
export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
|
|
693
|
-
export const utrechtRadioButtonCheckedBackgroundColor = "#154273";
|
|
694
|
-
export const utrechtRadioButtonCheckedBorderColor = "transparent";
|
|
695
|
-
export const utrechtRadioButtonCheckedColor = "#fff";
|
|
696
|
-
export const utrechtRadioButtonCheckedHoverBackgroundColor = "#738eab";
|
|
697
|
-
export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
|
|
698
|
-
export const utrechtRadioButtonCheckedHoverColor = "#fff";
|
|
699
|
-
export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
|
|
700
|
-
export const utrechtRadioButtonCheckedActiveBackgroundColor = "#4f7196";
|
|
701
|
-
export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
|
|
702
|
-
export const utrechtRadioButtonCheckedActiveColor = "#fff";
|
|
703
|
-
export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
|
|
704
|
-
export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
|
|
705
|
-
export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
|
|
706
|
-
export const utrechtRadioButtonCheckedDisabledColor = "#475569";
|
|
707
|
-
export const utrechtRadioButtonCheckedBorderWidth = "1px";
|
|
708
|
-
export const utrechtRadioButtonActiveBorderWidth = "1px";
|
|
709
|
-
export const utrechtRadioButtonActiveBackgroundColor = "#fff";
|
|
710
|
-
export const utrechtRadioButtonActiveBorderColor = "#4f7196";
|
|
711
|
-
export const utrechtRadioButtonSize = "24px";
|
|
712
|
-
export const utrechtRadioButtonDotSize = "12px";
|
|
713
|
-
export const utrechtRadioButtonBackgroundColor = "#fff";
|
|
714
|
-
export const utrechtRadioButtonBorderColor = "#154273";
|
|
715
|
-
export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
|
|
716
|
-
export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
|
|
717
|
-
export const utrechtRadioButtonInvalidBorderWidth = "1px";
|
|
718
|
-
export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
|
|
719
|
-
export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
|
|
720
|
-
export const utrechtRadioButtonDisabledColor = "#475569";
|
|
721
|
-
export const utrechtRadioButtonHoverBackgroundColor = "#fff";
|
|
722
|
-
export const utrechtRadioButtonHoverBorderColor = "#738eab";
|
|
723
|
-
export const utrechtRadioButtonHoverBorderWidth = "1px";
|
|
724
|
-
export const utrechtRadioButtonBorderRadius = "999px";
|
|
725
|
-
export const utrechtRadioButtonBorderWidth = "1px";
|
|
726
|
-
export const utrechtLinkFocusBackgroundColor = "#FDD370";
|
|
727
|
-
export const utrechtLinkFocusColor = "#01689b";
|
|
728
|
-
export const utrechtLinkFocusTextDecoration = "None";
|
|
729
|
-
export const utrechtLinkFocusTextDecorationThickness = "auto";
|
|
730
|
-
export const utrechtLinkColor = "#01689b";
|
|
731
|
-
export const utrechtLinkTextDecorationColor = "#01689b";
|
|
732
|
-
export const utrechtLinkActiveColor = "#42145f";
|
|
733
|
-
export const utrechtLinkActiveTextDecoration = "None";
|
|
734
|
-
export const utrechtLinkHoverColor = "#01496c";
|
|
735
|
-
export const utrechtLinkHoverTextDecoration = "None";
|
|
736
|
-
export const utrechtLinkHoverTextDecorationThickness = "auto";
|
|
737
|
-
export const utrechtLinkVisitedColor = "#42145f";
|
|
738
|
-
export const utrechtLinkTextDecoration = "underline";
|
|
739
|
-
export const utrechtLinkIconInsetBlockStart = "0.25rem";
|
|
740
|
-
export const utrechtLinkIconSize = "24px";
|
|
741
|
-
export const utrechtLinkColumnGap = "0.25rem";
|
|
742
|
-
export const utrechtLinkTextDecorationThickness = "auto";
|
|
743
|
-
export const utrechtLinkTextUnderlineOffset = "0.125rem";
|
|
744
|
-
export const utrechtLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
745
|
-
export const utrechtLinkFontWeight = 400;
|
|
746
|
-
export const utrechtLinkFontSize = "1.25rem";
|
|
747
|
-
export const utrechtLinkLineHeight = "150%";
|
|
748
|
-
export const utrechtSelectFocusBackgroundColor = "#FDD370";
|
|
749
|
-
export const utrechtSelectFocusBorderColor = "#154273";
|
|
750
|
-
export const utrechtSelectFocusColor = "#0F172A";
|
|
751
|
-
export const utrechtSelectFocusBorderWidth = "2px";
|
|
752
|
-
export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
|
|
753
|
-
export const utrechtSelectIconSize = "24px";
|
|
754
|
-
export const utrechtSelectBackgroundColor = "#fff";
|
|
755
|
-
export const utrechtSelectBorderColor = "#154273";
|
|
756
|
-
export const utrechtSelectColor = "#0F172A";
|
|
757
|
-
export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
|
|
758
|
-
export const utrechtSelectInvalidBorderColor = "#d52b1e";
|
|
759
|
-
export const utrechtSelectInvalidColor = "#0F172A";
|
|
760
|
-
export const utrechtSelectInvalidBorderWidth = "1px";
|
|
761
|
-
export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
|
|
762
|
-
export const utrechtSelectDisabledBorderColor = "#94A3B8";
|
|
763
|
-
export const utrechtSelectDisabledColor = "#475569";
|
|
764
|
-
export const utrechtSelectHoverBackgroundColor = "#fff";
|
|
765
|
-
export const utrechtSelectHoverBorderColor = "#738eab";
|
|
766
|
-
export const utrechtSelectHoverColor = "#0F172A";
|
|
767
|
-
export const utrechtSelectHoverBorderWidth = "1px";
|
|
768
|
-
export const utrechtSelectPaddingBlockEnd = "0.5rem";
|
|
769
|
-
export const utrechtSelectPaddingBlockStart = "0.5rem";
|
|
770
|
-
export const utrechtSelectPaddingInlineEnd = "0.75rem";
|
|
771
|
-
export const utrechtSelectPaddingInlineStart = "0.75rem";
|
|
772
|
-
export const utrechtSelectBorderRadius = "2.5px";
|
|
773
|
-
export const utrechtSelectBorderBottomWidth = "auto";
|
|
774
|
-
export const utrechtSelectBorderWidth = "1px";
|
|
775
|
-
export const utrechtSelectFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
776
|
-
export const utrechtSelectFontWeight = 400;
|
|
777
|
-
export const utrechtSelectLineHeight = "150%";
|
|
778
|
-
export const utrechtSelectFontSize = "1.25rem";
|
|
779
|
-
export const utrechtSelectMaxInlineSize = "400px";
|
|
780
|
-
export const utrechtTextareaFocusBackgroundColor = "#FDD370";
|
|
781
|
-
export const utrechtTextareaFocusBorderColor = "#154273";
|
|
782
|
-
export const utrechtTextareaFocusColor = "#0F172A";
|
|
783
|
-
export const utrechtTextareaFocusBorderWidth = "2px";
|
|
784
|
-
export const utrechtTextareaMaxInlineSize = "400px";
|
|
785
|
-
export const utrechtTextareaPaddingBlockEnd = "0.5rem";
|
|
786
|
-
export const utrechtTextareaPaddingBlockStart = "0.5rem";
|
|
787
|
-
export const utrechtTextareaPaddingInlineEnd = "0.75rem";
|
|
788
|
-
export const utrechtTextareaPaddingInlineStart = "0.75rem";
|
|
789
|
-
export const utrechtTextareaBackgroundColor = "#fff";
|
|
790
|
-
export const utrechtTextareaBorderColor = "#154273";
|
|
791
|
-
export const utrechtTextareaColor = "#0F172A";
|
|
792
|
-
export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
|
|
793
|
-
export const utrechtTextareaInvalidBorderColor = "#d52b1e";
|
|
794
|
-
export const utrechtTextareaInvalidColor = "#0F172A";
|
|
795
|
-
export const utrechtTextareaInvalidBorderWidth = "1px";
|
|
796
|
-
export const utrechtTextareaPlaceholderColor = "#64748B";
|
|
797
|
-
export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
|
|
798
|
-
export const utrechtTextareaDisabledBorderColor = "#94A3B8";
|
|
799
|
-
export const utrechtTextareaDisabledColor = "#475569";
|
|
800
|
-
export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
|
|
801
|
-
export const utrechtTextareaReadOnlyBorderColor = "transparent";
|
|
802
|
-
export const utrechtTextareaReadOnlyColor = "#0F172A";
|
|
803
|
-
export const utrechtTextareaHoverBackgroundColor = "#fff";
|
|
804
|
-
export const utrechtTextareaHoverBorderColor = "#738eab";
|
|
805
|
-
export const utrechtTextareaHoverColor = "#0F172A";
|
|
806
|
-
export const utrechtTextareaHoverBorderWidth = "1px";
|
|
807
|
-
export const utrechtTextareaBorderRadius = "2.5px";
|
|
808
|
-
export const utrechtTextareaBorderBottomWidth = "1px";
|
|
809
|
-
export const utrechtTextareaBorderWidth = "1px";
|
|
810
|
-
export const utrechtTextareaFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
811
|
-
export const utrechtTextareaFontWeight = 400;
|
|
812
|
-
export const utrechtTextareaLineHeight = "150%";
|
|
813
|
-
export const utrechtTextareaFontSize = "1.25rem";
|
|
814
|
-
export const utrechtTextboxFocusBackgroundColor = "#FDD370";
|
|
815
|
-
export const utrechtTextboxFocusBorderWidth = "2px";
|
|
816
|
-
export const utrechtTextboxFocusBorderColor = "#154273";
|
|
817
|
-
export const utrechtTextboxFocusColor = "#0F172A";
|
|
527
|
+
export const utrechtColumnLayoutColumnRuleColor = "transparent";
|
|
528
|
+
export const utrechtColumnLayoutColumnRuleWidth = "0px";
|
|
529
|
+
export const utrechtColumnLayoutColumnWidth = "400px";
|
|
530
|
+
export const utrechtColumnLayoutGap = "0.75rem";
|
|
531
|
+
export const utrechtBlockquoteBackgroundColor = "transparent";
|
|
532
|
+
export const utrechtBlockquoteBorderInlineStartWidth = 0;
|
|
533
|
+
export const utrechtBlockquoteBorderColor = "transparent";
|
|
534
|
+
export const utrechtBlockquoteBorderRadius = 0;
|
|
535
|
+
export const utrechtBlockquoteBorderWidth = 0;
|
|
536
|
+
export const utrechtBlockquoteColor = "#154273";
|
|
537
|
+
export const utrechtBlockquoteFontSize = "1.25rem";
|
|
538
|
+
export const utrechtBlockquoteFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
539
|
+
export const utrechtBlockquotePaddingBlockEnd = "2rem";
|
|
540
|
+
export const utrechtBlockquotePaddingBlockStart = "2rem";
|
|
541
|
+
export const utrechtBlockquotePaddingInlineEnd = "2rem";
|
|
542
|
+
export const utrechtBlockquotePaddingInlineStart = "2rem";
|
|
543
|
+
export const utrechtBlockquoteRowGap = "0.75rem";
|
|
544
|
+
export const utrechtBlockquoteAttributionColor = "#154273";
|
|
545
|
+
export const utrechtBlockquoteAttributionFontSize = "1.25rem";
|
|
546
|
+
export const utrechtBlockquoteContentColor = "#154273";
|
|
547
|
+
export const utrechtBlockquoteContentFontSize = "1.25rem";
|
|
548
|
+
export const utrechtBlockquoteContentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
549
|
+
export const utrechtBlockquoteContentLineHeight = "150%";
|
|
550
|
+
export const utrechtBlockquoteContentFontWeight = 400;
|
|
551
|
+
export const utrechtBlockquoteCaptionFontSize = "1.25rem";
|
|
552
|
+
export const utrechtBlockquoteCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
553
|
+
export const utrechtBlockquoteCaptionLineHeight = "150%";
|
|
554
|
+
export const utrechtBlockquoteCaptionFontWeight = 400;
|
|
555
|
+
export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
|
|
556
|
+
export const utrechtBlockquoteCaptionColor = "#154273";
|
|
557
|
+
export const utrechtBlockquoteMarginBlockEnd = 0;
|
|
558
|
+
export const utrechtBlockquoteMarginBlockStart = 0;
|
|
559
|
+
export const utrechtBlockquoteMarginInlineEnd = 0;
|
|
560
|
+
export const utrechtBlockquoteMarginInlineStart = 0;
|
|
561
|
+
export const utrechtBlockquoteBorderBlockStartWidth = 0;
|
|
562
|
+
export const utrechtBlockquoteBorderBlockEndWidth = 0;
|
|
563
|
+
export const utrechtBlockquoteBorderInlineEndWidth = 0;
|
|
564
|
+
export const utrechtBlockquoteBorderStartStartRadius = 0;
|
|
565
|
+
export const utrechtBlockquoteBorderStartEndRadius = 0;
|
|
566
|
+
export const utrechtBlockquoteBorderEndStartRadius = 0;
|
|
567
|
+
export const utrechtBlockquoteBorderEndEndRadius = 0;
|
|
568
|
+
export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#76d2b6";
|
|
569
|
+
export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
|
|
570
|
+
export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
|
|
571
|
+
export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
|
|
572
|
+
export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
|
|
573
|
+
export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
|
|
574
|
+
export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
|
|
575
|
+
export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
|
|
576
|
+
export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
|
|
577
|
+
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
|
|
578
|
+
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
|
|
579
|
+
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
|
|
580
|
+
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
|
|
581
|
+
export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
|
|
582
|
+
export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
|
|
583
|
+
export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
|
|
584
|
+
export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
|
|
585
|
+
export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
|
|
586
|
+
export const utrechtIconColor = "inherit";
|
|
587
|
+
export const utrechtIconSize = "24px";
|
|
588
|
+
export const utrechtIconInsetBlockStart = 0;
|
|
589
|
+
export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
|
|
590
|
+
export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
|
|
591
|
+
export const utrechtUnorderedListMarginBlockStart = "0.25rem";
|
|
592
|
+
export const utrechtUnorderedListColor = "#0F172A";
|
|
593
|
+
export const utrechtUnorderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
594
|
+
export const utrechtUnorderedListFontWeight = 400;
|
|
595
|
+
export const utrechtUnorderedListFontSize = "1.25rem";
|
|
596
|
+
export const utrechtUnorderedListLineHeight = "150%";
|
|
597
|
+
export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
|
|
598
|
+
export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
|
|
599
|
+
export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
|
|
600
|
+
export const utrechtUnorderedListMarkerColor = "#0F172A";
|
|
601
|
+
export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
|
|
818
602
|
export const utrechtTextboxBorderRadius = "2.5px";
|
|
819
|
-
export const utrechtTextboxFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
603
|
+
export const utrechtTextboxFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
820
604
|
export const utrechtTextboxFontSize = "1.25rem";
|
|
821
605
|
export const utrechtTextboxFontWeight = 400;
|
|
822
606
|
export const utrechtTextboxLineHeight = "150%";
|
|
@@ -826,7 +610,7 @@ export const utrechtTextboxPaddingBlockStart = "0.5rem";
|
|
|
826
610
|
export const utrechtTextboxPaddingInlineEnd = "0.75rem";
|
|
827
611
|
export const utrechtTextboxPaddingInlineStart = "0.75rem";
|
|
828
612
|
export const utrechtTextboxBackgroundColor = "#fff";
|
|
829
|
-
export const utrechtTextboxBorderColor = "#
|
|
613
|
+
export const utrechtTextboxBorderColor = "#76d2b6";
|
|
830
614
|
export const utrechtTextboxColor = "#0F172A";
|
|
831
615
|
export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
|
|
832
616
|
export const utrechtTextboxInvalidBorderColor = "#d52b1e";
|
|
@@ -835,6 +619,10 @@ export const utrechtTextboxInvalidBorderWidth = "1px";
|
|
|
835
619
|
export const utrechtTextboxPlaceholderColor = "#64748B";
|
|
836
620
|
export const utrechtTextboxBorderBlockEndWidth = "auto";
|
|
837
621
|
export const utrechtTextboxBorderWidth = "1px";
|
|
622
|
+
export const utrechtTextboxFocusBorderWidth = "2px";
|
|
623
|
+
export const utrechtTextboxFocusBackgroundColor = "#fff";
|
|
624
|
+
export const utrechtTextboxFocusBorderColor = "#76d2b6";
|
|
625
|
+
export const utrechtTextboxFocusColor = "#0F172A";
|
|
838
626
|
export const utrechtTextboxDisabledBackgroundColor = "#CBD5E1";
|
|
839
627
|
export const utrechtTextboxDisabledBorderColor = "#94A3B8";
|
|
840
628
|
export const utrechtTextboxDisabledColor = "#475569";
|
|
@@ -843,62 +631,51 @@ export const utrechtTextboxReadOnlyBorderColor = "transparent";
|
|
|
843
631
|
export const utrechtTextboxReadOnlyColor = "#0F172A";
|
|
844
632
|
export const utrechtTextboxHoverBorderWidth = "1px";
|
|
845
633
|
export const utrechtTextboxHoverBackgroundColor = "#fff";
|
|
846
|
-
export const utrechtTextboxHoverBorderColor = "#
|
|
634
|
+
export const utrechtTextboxHoverBorderColor = "#ACE4D3";
|
|
847
635
|
export const utrechtTextboxHoverColor = "#0F172A";
|
|
848
|
-
export const
|
|
849
|
-
export const
|
|
850
|
-
export const
|
|
851
|
-
export const
|
|
852
|
-
export const
|
|
853
|
-
export const
|
|
854
|
-
export const
|
|
855
|
-
export const
|
|
856
|
-
export const
|
|
857
|
-
export const
|
|
858
|
-
export const
|
|
859
|
-
export const
|
|
860
|
-
export const
|
|
861
|
-
export const
|
|
862
|
-
export const
|
|
863
|
-
export const
|
|
864
|
-
export const
|
|
865
|
-
export const
|
|
866
|
-
export const
|
|
867
|
-
export const
|
|
868
|
-
export const
|
|
869
|
-
export const
|
|
870
|
-
export const
|
|
871
|
-
export const
|
|
872
|
-
export const
|
|
873
|
-
export const
|
|
874
|
-
export const
|
|
875
|
-
export const
|
|
876
|
-
export const
|
|
877
|
-
export const
|
|
878
|
-
export const
|
|
879
|
-
export const
|
|
880
|
-
export const
|
|
881
|
-
export const
|
|
882
|
-
export const utrechtUnorderedListMarginBlockStart = "0.25rem";
|
|
883
|
-
export const utrechtUnorderedListColor = "#0F172A";
|
|
884
|
-
export const utrechtUnorderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
885
|
-
export const utrechtUnorderedListFontWeight = 400;
|
|
886
|
-
export const utrechtUnorderedListFontSize = "1.25rem";
|
|
887
|
-
export const utrechtUnorderedListLineHeight = "150%";
|
|
888
|
-
export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
|
|
889
|
-
export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
|
|
890
|
-
export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
|
|
891
|
-
export const utrechtUnorderedListMarkerColor = "#0F172A";
|
|
892
|
-
export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
|
|
636
|
+
export const utrechtTextareaMaxInlineSize = "400px";
|
|
637
|
+
export const utrechtTextareaPaddingBlockEnd = "0.5rem";
|
|
638
|
+
export const utrechtTextareaPaddingBlockStart = "0.5rem";
|
|
639
|
+
export const utrechtTextareaPaddingInlineEnd = "0.75rem";
|
|
640
|
+
export const utrechtTextareaPaddingInlineStart = "0.75rem";
|
|
641
|
+
export const utrechtTextareaBackgroundColor = "#fff";
|
|
642
|
+
export const utrechtTextareaBorderColor = "#76d2b6";
|
|
643
|
+
export const utrechtTextareaColor = "#0F172A";
|
|
644
|
+
export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
|
|
645
|
+
export const utrechtTextareaInvalidBorderColor = "#d52b1e";
|
|
646
|
+
export const utrechtTextareaInvalidColor = "#0F172A";
|
|
647
|
+
export const utrechtTextareaInvalidBorderWidth = "1px";
|
|
648
|
+
export const utrechtTextareaPlaceholderColor = "#64748B";
|
|
649
|
+
export const utrechtTextareaFocusBackgroundColor = "#fff";
|
|
650
|
+
export const utrechtTextareaFocusBorderColor = "#76d2b6";
|
|
651
|
+
export const utrechtTextareaFocusColor = "#0F172A";
|
|
652
|
+
export const utrechtTextareaFocusBorderWidth = "2px";
|
|
653
|
+
export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
|
|
654
|
+
export const utrechtTextareaDisabledBorderColor = "#94A3B8";
|
|
655
|
+
export const utrechtTextareaDisabledColor = "#475569";
|
|
656
|
+
export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
|
|
657
|
+
export const utrechtTextareaReadOnlyBorderColor = "transparent";
|
|
658
|
+
export const utrechtTextareaReadOnlyColor = "#0F172A";
|
|
659
|
+
export const utrechtTextareaHoverBackgroundColor = "#fff";
|
|
660
|
+
export const utrechtTextareaHoverBorderColor = "#ACE4D3";
|
|
661
|
+
export const utrechtTextareaHoverColor = "#0F172A";
|
|
662
|
+
export const utrechtTextareaHoverBorderWidth = "1px";
|
|
663
|
+
export const utrechtTextareaBorderRadius = "2.5px";
|
|
664
|
+
export const utrechtTextareaBorderBottomWidth = "1px";
|
|
665
|
+
export const utrechtTextareaBorderWidth = "1px";
|
|
666
|
+
export const utrechtTextareaFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
667
|
+
export const utrechtTextareaFontWeight = 400;
|
|
668
|
+
export const utrechtTextareaLineHeight = "150%";
|
|
669
|
+
export const utrechtTextareaFontSize = "1.25rem";
|
|
893
670
|
export const utrechtTableHeaderCellLineHeight = "150%";
|
|
894
671
|
export const utrechtTableHeaderCellColor = "#0F172A";
|
|
895
|
-
export const utrechtTableHeaderCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
672
|
+
export const utrechtTableHeaderCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
896
673
|
export const utrechtTableHeaderCellFontWeight = 700;
|
|
897
674
|
export const utrechtTableHeaderCellFontSize = "1.25rem";
|
|
898
675
|
export const utrechtTableCaptionLineHeight = "125%";
|
|
899
676
|
export const utrechtTableCaptionMarginBlockEnd = "1.5rem";
|
|
900
677
|
export const utrechtTableCaptionColor = "#0F172A";
|
|
901
|
-
export const utrechtTableCaptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
678
|
+
export const utrechtTableCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
902
679
|
export const utrechtTableCaptionFontWeight = 700;
|
|
903
680
|
export const utrechtTableCaptionFontSize = "1.875rem";
|
|
904
681
|
export const utrechtTableCellPaddingBlockEnd = "0.75rem";
|
|
@@ -907,7 +684,7 @@ export const utrechtTableCellPaddingInlineEnd = "1rem";
|
|
|
907
684
|
export const utrechtTableCellPaddingInlineStart = "1rem";
|
|
908
685
|
export const utrechtTableCellLineHeight = "150%";
|
|
909
686
|
export const utrechtTableDataCellColor = "#0F172A";
|
|
910
|
-
export const utrechtTableDataCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
687
|
+
export const utrechtTableDataCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
911
688
|
export const utrechtTableDataCellFontWeight = 400;
|
|
912
689
|
export const utrechtTableDataCellLineHeight = "150%";
|
|
913
690
|
export const utrechtTableDataCellFontSize = "1.25rem";
|
|
@@ -923,7 +700,7 @@ export const utrechtTableRowBackgroundColor = "transparent";
|
|
|
923
700
|
export const utrechtTableFooterCellFontWeight = 700;
|
|
924
701
|
export const utrechtTableFooterCellFontSize = "1.25rem";
|
|
925
702
|
export const utrechtTableFooterCellColor = "#0F172A";
|
|
926
|
-
export const utrechtTableFooterCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
703
|
+
export const utrechtTableFooterCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
927
704
|
export const utrechtTableFooterCellLineHeight = "150%";
|
|
928
705
|
export const utrechtTableContainerBoxInlineEndShadowX = 0;
|
|
929
706
|
export const utrechtTableContainerBoxInlineEndShadowY = "16px";
|
|
@@ -936,12 +713,117 @@ export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
|
|
|
936
713
|
export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
|
|
937
714
|
export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
|
|
938
715
|
export const utrechtTableFontSize = "1.25rem";
|
|
716
|
+
export const utrechtSkipLinkFontWeight = 700;
|
|
717
|
+
export const utrechtSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
718
|
+
export const utrechtSkipLinkFontSize = "1.25rem";
|
|
719
|
+
export const utrechtSkipLinkLineHeight = "150%";
|
|
720
|
+
export const utrechtSkipLinkMinBlockSize = "48px";
|
|
721
|
+
export const utrechtSkipLinkMinInlineSize = "48px";
|
|
722
|
+
export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
|
|
723
|
+
export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
|
|
724
|
+
export const utrechtSkipLinkPaddingInlineEnd = "1rem";
|
|
725
|
+
export const utrechtSkipLinkPaddingInlineStart = "1rem";
|
|
726
|
+
export const utrechtSkipLinkFocusBackgroundColor = "#fff";
|
|
727
|
+
export const utrechtSkipLinkFocusBorderColor = "#76d2b6";
|
|
728
|
+
export const utrechtSkipLinkFocusBorderStyle = "solid";
|
|
729
|
+
export const utrechtSkipLinkFocusBorderWidth = "2px";
|
|
730
|
+
export const utrechtSkipLinkFocusColor = "#0F172A";
|
|
731
|
+
export const utrechtSkipLinkFocusTextDecoration = "None";
|
|
732
|
+
export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
|
|
733
|
+
export const utrechtSkipLinkBackgroundColor = "#76d2b6";
|
|
734
|
+
export const utrechtSkipLinkBorderColor = "transparent";
|
|
735
|
+
export const utrechtSkipLinkColor = "#fff";
|
|
736
|
+
export const utrechtSkipLinkBorderWidth = "2px";
|
|
737
|
+
export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
|
|
738
|
+
export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
|
|
739
|
+
export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
|
|
740
|
+
export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
|
|
741
|
+
export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
|
|
742
|
+
export const utrechtSkipLinkTextDecoration = "underline";
|
|
743
|
+
export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
|
|
939
744
|
export const utrechtSeparatorColor = "#CBD5E1";
|
|
940
745
|
export const utrechtSeparatorBlockSize = "2px";
|
|
941
746
|
export const utrechtSeparatorMarginBlockEnd = "0.75rem";
|
|
942
747
|
export const utrechtSeparatorMarginBlockStart = "0.75rem";
|
|
748
|
+
export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
|
|
749
|
+
export const utrechtSelectIconSize = "24px";
|
|
750
|
+
export const utrechtSelectBackgroundColor = "#fff";
|
|
751
|
+
export const utrechtSelectBorderColor = "#76d2b6";
|
|
752
|
+
export const utrechtSelectColor = "#0F172A";
|
|
753
|
+
export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
|
|
754
|
+
export const utrechtSelectInvalidBorderColor = "#d52b1e";
|
|
755
|
+
export const utrechtSelectInvalidColor = "#0F172A";
|
|
756
|
+
export const utrechtSelectInvalidBorderWidth = "1px";
|
|
757
|
+
export const utrechtSelectFocusBackgroundColor = "#fff";
|
|
758
|
+
export const utrechtSelectFocusBorderColor = "#76d2b6";
|
|
759
|
+
export const utrechtSelectFocusColor = "#0F172A";
|
|
760
|
+
export const utrechtSelectFocusBorderWidth = "2px";
|
|
761
|
+
export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
|
|
762
|
+
export const utrechtSelectDisabledBorderColor = "#94A3B8";
|
|
763
|
+
export const utrechtSelectDisabledColor = "#475569";
|
|
764
|
+
export const utrechtSelectHoverBackgroundColor = "#fff";
|
|
765
|
+
export const utrechtSelectHoverBorderColor = "#ACE4D3";
|
|
766
|
+
export const utrechtSelectHoverColor = "#0F172A";
|
|
767
|
+
export const utrechtSelectHoverBorderWidth = "1px";
|
|
768
|
+
export const utrechtSelectPaddingBlockEnd = "0.5rem";
|
|
769
|
+
export const utrechtSelectPaddingBlockStart = "0.5rem";
|
|
770
|
+
export const utrechtSelectPaddingInlineEnd = "0.75rem";
|
|
771
|
+
export const utrechtSelectPaddingInlineStart = "0.75rem";
|
|
772
|
+
export const utrechtSelectBorderRadius = "2.5px";
|
|
773
|
+
export const utrechtSelectBorderBottomWidth = "auto";
|
|
774
|
+
export const utrechtSelectBorderWidth = "1px";
|
|
775
|
+
export const utrechtSelectFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
776
|
+
export const utrechtSelectFontWeight = 400;
|
|
777
|
+
export const utrechtSelectLineHeight = "150%";
|
|
778
|
+
export const utrechtSelectFontSize = "1.25rem";
|
|
779
|
+
export const utrechtSelectMaxInlineSize = "400px";
|
|
780
|
+
export const utrechtRadioButtonActiveBorderWidth = "1px";
|
|
781
|
+
export const utrechtRadioButtonActiveBackgroundColor = "#fff";
|
|
782
|
+
export const utrechtRadioButtonActiveBorderColor = "#98DDC8";
|
|
783
|
+
export const utrechtRadioButtonSize = "24px";
|
|
784
|
+
export const utrechtRadioButtonDotSize = "12px";
|
|
785
|
+
export const utrechtRadioButtonBackgroundColor = "#fff";
|
|
786
|
+
export const utrechtRadioButtonBorderColor = "#76d2b6";
|
|
787
|
+
export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
|
|
788
|
+
export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
|
|
789
|
+
export const utrechtRadioButtonInvalidBorderWidth = "1px";
|
|
790
|
+
export const utrechtRadioButtonFocusBackgroundColor = "#fff";
|
|
791
|
+
export const utrechtRadioButtonFocusBorderColor = "#76d2b6";
|
|
792
|
+
export const utrechtRadioButtonFocusBorderWidth = "2px";
|
|
793
|
+
export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
|
|
794
|
+
export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
|
|
795
|
+
export const utrechtRadioButtonDisabledColor = "#475569";
|
|
796
|
+
export const utrechtRadioButtonCheckedBackgroundColor = "#76d2b6";
|
|
797
|
+
export const utrechtRadioButtonCheckedBorderColor = "transparent";
|
|
798
|
+
export const utrechtRadioButtonCheckedColor = "#fff";
|
|
799
|
+
export const utrechtRadioButtonCheckedHoverBackgroundColor = "#ACE4D3";
|
|
800
|
+
export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
|
|
801
|
+
export const utrechtRadioButtonCheckedHoverColor = "#fff";
|
|
802
|
+
export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
|
|
803
|
+
export const utrechtRadioButtonCheckedActiveBackgroundColor = "#98DDC8";
|
|
804
|
+
export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
|
|
805
|
+
export const utrechtRadioButtonCheckedActiveColor = "#fff";
|
|
806
|
+
export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
|
|
807
|
+
export const utrechtRadioButtonCheckedFocusBackgroundColor = "#fff";
|
|
808
|
+
export const utrechtRadioButtonCheckedFocusBorderColor = "#76d2b6";
|
|
809
|
+
export const utrechtRadioButtonCheckedFocusColor = "#76d2b6";
|
|
810
|
+
export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
|
|
811
|
+
export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
|
|
812
|
+
export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
|
|
813
|
+
export const utrechtRadioButtonCheckedDisabledColor = "#475569";
|
|
814
|
+
export const utrechtRadioButtonCheckedBorderWidth = "1px";
|
|
815
|
+
export const utrechtRadioButtonHoverBackgroundColor = "#fff";
|
|
816
|
+
export const utrechtRadioButtonHoverBorderColor = "#ACE4D3";
|
|
817
|
+
export const utrechtRadioButtonHoverBorderWidth = "1px";
|
|
818
|
+
export const utrechtRadioButtonBorderRadius = "999px";
|
|
819
|
+
export const utrechtRadioButtonBorderWidth = "1px";
|
|
820
|
+
export const utrechtPreHeadingColor = "#0F172A";
|
|
821
|
+
export const utrechtPreHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
822
|
+
export const utrechtPreHeadingFontWeight = 700;
|
|
823
|
+
export const utrechtPreHeadingLineHeight = "125%";
|
|
824
|
+
export const utrechtPreHeadingFontSize = "1rem";
|
|
943
825
|
export const utrechtParagraphColor = "#0F172A";
|
|
944
|
-
export const utrechtParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
826
|
+
export const utrechtParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
945
827
|
export const utrechtParagraphFontSize = "1.25rem";
|
|
946
828
|
export const utrechtParagraphFontWeight = 400;
|
|
947
829
|
export const utrechtParagraphLineHeight = "150%";
|
|
@@ -959,7 +841,7 @@ export const utrechtOrderedListItemPaddingInlineStart = 0;
|
|
|
959
841
|
export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
|
|
960
842
|
export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
|
|
961
843
|
export const utrechtOrderedListColor = "#0F172A";
|
|
962
|
-
export const utrechtOrderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
844
|
+
export const utrechtOrderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
963
845
|
export const utrechtOrderedListFontWeight = 400;
|
|
964
846
|
export const utrechtOrderedListFontSize = "1.25rem";
|
|
965
847
|
export const utrechtOrderedListLineHeight = "150%";
|
|
@@ -970,36 +852,58 @@ export const utrechtLinkListItemColumnGap = "0.5rem";
|
|
|
970
852
|
export const utrechtLinkListItemTextDecoration = "None";
|
|
971
853
|
export const utrechtLinkListIconSize = "24px";
|
|
972
854
|
export const utrechtLinkListIconInsetBlockStart = "0.188rem";
|
|
855
|
+
export const utrechtLinkColor = "#01689b";
|
|
856
|
+
export const utrechtLinkTextDecorationColor = "#01689b";
|
|
857
|
+
export const utrechtLinkActiveColor = "#42145f";
|
|
858
|
+
export const utrechtLinkActiveTextDecoration = "None";
|
|
859
|
+
export const utrechtLinkFocusBackgroundColor = "transparent";
|
|
860
|
+
export const utrechtLinkFocusColor = "#01689b";
|
|
861
|
+
export const utrechtLinkFocusTextDecoration = "None";
|
|
862
|
+
export const utrechtLinkFocusTextDecorationThickness = "auto";
|
|
863
|
+
export const utrechtLinkHoverColor = "#01496c";
|
|
864
|
+
export const utrechtLinkHoverTextDecoration = "None";
|
|
865
|
+
export const utrechtLinkHoverTextDecorationThickness = "auto";
|
|
866
|
+
export const utrechtLinkVisitedColor = "#42145f";
|
|
867
|
+
export const utrechtLinkTextDecoration = "underline";
|
|
868
|
+
export const utrechtLinkIconInsetBlockStart = "0.25rem";
|
|
869
|
+
export const utrechtLinkIconSize = "24px";
|
|
870
|
+
export const utrechtLinkColumnGap = "0.25rem";
|
|
871
|
+
export const utrechtLinkTextDecorationThickness = "auto";
|
|
872
|
+
export const utrechtLinkTextUnderlineOffset = "0.125rem";
|
|
873
|
+
export const utrechtLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
874
|
+
export const utrechtLinkFontWeight = 400;
|
|
875
|
+
export const utrechtLinkFontSize = "1.25rem";
|
|
876
|
+
export const utrechtLinkLineHeight = "150%";
|
|
973
877
|
export const utrechtHeading1Color = "#154273";
|
|
974
|
-
export const utrechtHeading1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
878
|
+
export const utrechtHeading1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
975
879
|
export const utrechtHeading1FontWeight = 700;
|
|
976
880
|
export const utrechtHeading1LineHeight = "125%";
|
|
977
881
|
export const utrechtHeading1FontSize = "3.125rem";
|
|
978
882
|
export const utrechtHeading1MarginBlockEnd = 0;
|
|
979
883
|
export const utrechtHeading1MarginBlockStart = 0;
|
|
980
884
|
export const utrechtHeading2Color = "#154273";
|
|
981
|
-
export const utrechtHeading2FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
885
|
+
export const utrechtHeading2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
982
886
|
export const utrechtHeading2FontWeight = 700;
|
|
983
887
|
export const utrechtHeading2LineHeight = "125%";
|
|
984
888
|
export const utrechtHeading2FontSize = "2.5rem";
|
|
985
889
|
export const utrechtHeading2MarginBlockEnd = 0;
|
|
986
890
|
export const utrechtHeading2MarginBlockStart = 0;
|
|
987
891
|
export const utrechtHeading3Color = "#154273";
|
|
988
|
-
export const utrechtHeading3FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
892
|
+
export const utrechtHeading3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
989
893
|
export const utrechtHeading3FontWeight = 700;
|
|
990
894
|
export const utrechtHeading3LineHeight = "125%";
|
|
991
895
|
export const utrechtHeading3FontSize = "1.875rem";
|
|
992
896
|
export const utrechtHeading3MarginBlockEnd = 0;
|
|
993
897
|
export const utrechtHeading3MarginBlockStart = 0;
|
|
994
898
|
export const utrechtHeading4Color = "#154273";
|
|
995
|
-
export const utrechtHeading4FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
899
|
+
export const utrechtHeading4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
996
900
|
export const utrechtHeading4FontWeight = 700;
|
|
997
901
|
export const utrechtHeading4LineHeight = "125%";
|
|
998
902
|
export const utrechtHeading4FontSize = "1.5rem";
|
|
999
903
|
export const utrechtHeading4MarginBlockEnd = 0;
|
|
1000
904
|
export const utrechtHeading4MarginBlockStart = 0;
|
|
1001
905
|
export const utrechtHeading5Color = "#154273";
|
|
1002
|
-
export const utrechtHeading5FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
906
|
+
export const utrechtHeading5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1003
907
|
export const utrechtHeading5FontWeight = 700;
|
|
1004
908
|
export const utrechtHeading5LineHeight = "125%";
|
|
1005
909
|
export const utrechtHeading5FontSize = "1.25rem";
|
|
@@ -1009,20 +913,20 @@ export const utrechtFormLabelColor = "#0F172A";
|
|
|
1009
913
|
export const utrechtFormLabelFontSize = "1.25rem";
|
|
1010
914
|
export const utrechtFormLabelFontWeight = 700;
|
|
1011
915
|
export const utrechtFormFieldLabelColor = "#0F172A";
|
|
1012
|
-
export const utrechtFormFieldLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
916
|
+
export const utrechtFormFieldLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1013
917
|
export const utrechtFormFieldLabelFontSize = "1.25rem";
|
|
1014
918
|
export const utrechtFormFieldLabelFontWeight = 700;
|
|
1015
919
|
export const utrechtFormFieldLabelLineHeight = "150%";
|
|
1016
920
|
export const utrechtFormFieldErrorMessageIconSize = "24px";
|
|
1017
921
|
export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
|
|
1018
922
|
export const utrechtFormFieldErrorMessageColor = "#d52b1e";
|
|
1019
|
-
export const utrechtFormFieldErrorMessageFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
923
|
+
export const utrechtFormFieldErrorMessageFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1020
924
|
export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
|
|
1021
925
|
export const utrechtFormFieldErrorMessageFontWeight = 400;
|
|
1022
926
|
export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem";
|
|
1023
927
|
export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
|
|
1024
928
|
export const utrechtFormFieldDescriptionColor = "#334155";
|
|
1025
|
-
export const utrechtFormFieldDescriptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
929
|
+
export const utrechtFormFieldDescriptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1026
930
|
export const utrechtFormFieldDescriptionFontSize = "1.25rem";
|
|
1027
931
|
export const utrechtFormFieldDescriptionLineHeight = "150%";
|
|
1028
932
|
export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
|
|
@@ -1035,7 +939,7 @@ export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
|
|
|
1035
939
|
export const utrechtFormFieldInvalidPaddingInlineStart = 0;
|
|
1036
940
|
export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
|
|
1037
941
|
export const utrechtFormFieldErrorMessageLineHeight = "normal";
|
|
1038
|
-
export const utrechtPageFooterBackgroundColor = "#
|
|
942
|
+
export const utrechtPageFooterBackgroundColor = "#76d2b6";
|
|
1039
943
|
export const utrechtPageFooterColor = "#fff";
|
|
1040
944
|
export const utrechtPageFooterPaddingBlockStart = "3rem";
|
|
1041
945
|
export const utrechtPageFooterPaddingBlockEnd = "3rem";
|
|
@@ -1054,7 +958,7 @@ export const utrechtFigureImgBorderEndStartRadius = 0;
|
|
|
1054
958
|
export const utrechtFigureImgBorderStartEndRadius = 0;
|
|
1055
959
|
export const utrechtFigureImgBorderStartStartRadius = 0;
|
|
1056
960
|
export const utrechtFormFieldsetLegendColor = "#0F172A";
|
|
1057
|
-
export const utrechtFormFieldsetLegendFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
961
|
+
export const utrechtFormFieldsetLegendFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1058
962
|
export const utrechtFormFieldsetLegendFontSize = "1.25rem";
|
|
1059
963
|
export const utrechtFormFieldsetLegendFontWeight = 700;
|
|
1060
964
|
export const utrechtFormFieldsetLegendLineHeight = "150%";
|
|
@@ -1065,18 +969,76 @@ export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
|
|
|
1065
969
|
export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
|
|
1066
970
|
export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
|
|
1067
971
|
export const utrechtNumberBadgeFontSize = "1.25rem";
|
|
1068
|
-
export const utrechtNumberBadgeLineHeight = "
|
|
972
|
+
export const utrechtNumberBadgeLineHeight = "125%";
|
|
1069
973
|
export const utrechtNumberBadgeMinBlockSize = "24px";
|
|
1070
974
|
export const utrechtNumberBadgeMinInlineSize = "24px";
|
|
1071
975
|
export const utrechtNumberBadgeFontWeight = 700;
|
|
1072
976
|
export const utrechtNumberBadgeBorderWidth = "0px";
|
|
1073
977
|
export const utrechtNumberBadgeBorderRadius = "999px";
|
|
1074
|
-
export const utrechtNumberBadgeFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1075
|
-
export const utrechtNumberBadgeBackgroundColor = "#
|
|
978
|
+
export const utrechtNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
979
|
+
export const utrechtNumberBadgeBackgroundColor = "#76d2b6";
|
|
1076
980
|
export const utrechtNumberBadgeBorderColor = "transparent";
|
|
1077
981
|
export const utrechtNumberBadgeColor = "#fff";
|
|
1078
982
|
export const utrechtNumberBadgePaddingInline = "0.5rem";
|
|
1079
|
-
export const utrechtNumberBadgePaddingBlock = "0.
|
|
983
|
+
export const utrechtNumberBadgePaddingBlock = "0.125rem";
|
|
984
|
+
export const utrechtCheckboxBorderRadius = "2.5px";
|
|
985
|
+
export const utrechtCheckboxSize = "24px";
|
|
986
|
+
export const utrechtCheckboxIconSize = "24px";
|
|
987
|
+
export const utrechtCheckboxBackgroundColor = "#fff";
|
|
988
|
+
export const utrechtCheckboxBorderColor = "#76d2b6";
|
|
989
|
+
export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
|
|
990
|
+
export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
|
|
991
|
+
export const utrechtCheckboxInvalidBorderWidth = "1px";
|
|
992
|
+
export const utrechtCheckboxFocusBackgroundColor = "#fff";
|
|
993
|
+
export const utrechtCheckboxFocusBorderColor = "#76d2b6";
|
|
994
|
+
export const utrechtCheckboxFocusBorderWidth = "2px";
|
|
995
|
+
export const utrechtCheckboxDisabledBackgroundColor = "#CBD5E1";
|
|
996
|
+
export const utrechtCheckboxDisabledBorderColor = "#94A3B8";
|
|
997
|
+
export const utrechtCheckboxCheckedBackgroundColor = "#76d2b6";
|
|
998
|
+
export const utrechtCheckboxCheckedBorderColor = "transparent";
|
|
999
|
+
export const utrechtCheckboxCheckedColor = "#fff";
|
|
1000
|
+
export const utrechtCheckboxCheckedBorderWidth = "1px";
|
|
1001
|
+
export const utrechtCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
|
|
1002
|
+
export const utrechtCheckboxCheckedDisabledBorderColor = "#94A3B8";
|
|
1003
|
+
export const utrechtCheckboxCheckedDisabledColor = "#475569";
|
|
1004
|
+
export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
|
|
1005
|
+
export const utrechtCheckboxCheckedFocusBackgroundColor = "#fff";
|
|
1006
|
+
export const utrechtCheckboxCheckedFocusBorderColor = "#76d2b6";
|
|
1007
|
+
export const utrechtCheckboxCheckedFocusColor = "#76d2b6";
|
|
1008
|
+
export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
|
|
1009
|
+
export const utrechtCheckboxCheckedHoverBackgroundColor = "#ACE4D3";
|
|
1010
|
+
export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
|
|
1011
|
+
export const utrechtCheckboxCheckedHoverColor = "#fff";
|
|
1012
|
+
export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
|
|
1013
|
+
export const utrechtCheckboxCheckedActiveBackgroundColor = "#98DDC8";
|
|
1014
|
+
export const utrechtCheckboxCheckedActiveBorderColor = "transparent";
|
|
1015
|
+
export const utrechtCheckboxCheckedActiveColor = "#fff";
|
|
1016
|
+
export const utrechtCheckboxIndeterminateBackgroundColor = "#76d2b6";
|
|
1017
|
+
export const utrechtCheckboxIndeterminateBorderColor = "transparent";
|
|
1018
|
+
export const utrechtCheckboxIndeterminateColor = "#fff";
|
|
1019
|
+
export const utrechtCheckboxIndeterminateBorderWidth = "1px";
|
|
1020
|
+
export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
|
|
1021
|
+
export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
|
|
1022
|
+
export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
|
|
1023
|
+
export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#98DDC8";
|
|
1024
|
+
export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
|
|
1025
|
+
export const utrechtCheckboxIndeterminateActiveColor = "#fff";
|
|
1026
|
+
export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
|
|
1027
|
+
export const utrechtCheckboxIndeterminateHoverBackgroundColor = "#ACE4D3";
|
|
1028
|
+
export const utrechtCheckboxIndeterminateHoverBorderColor = "transparent";
|
|
1029
|
+
export const utrechtCheckboxIndeterminateHoverColor = "#fff";
|
|
1030
|
+
export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
|
|
1031
|
+
export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#fff";
|
|
1032
|
+
export const utrechtCheckboxIndeterminateFocusBorderColor = "#76d2b6";
|
|
1033
|
+
export const utrechtCheckboxIndeterminateFocusColor = "#76d2b6";
|
|
1034
|
+
export const utrechtCheckboxIndeterminateFocusBorderWidth = "2px";
|
|
1035
|
+
export const utrechtCheckboxBorderWidth = "1px";
|
|
1036
|
+
export const utrechtCheckboxHoverBorderWidth = "1px";
|
|
1037
|
+
export const utrechtCheckboxHoverBackgroundColor = "#fff";
|
|
1038
|
+
export const utrechtCheckboxHoverBorderColor = "#ACE4D3";
|
|
1039
|
+
export const utrechtCheckboxActiveBorderWidth = "1px";
|
|
1040
|
+
export const utrechtCheckboxActiveBackgroundColor = "#fff";
|
|
1041
|
+
export const utrechtCheckboxActiveBorderColor = "#98DDC8";
|
|
1080
1042
|
export const utrechtButtonGroupBackgroundColor = "transparent";
|
|
1081
1043
|
export const utrechtButtonGroupColumnGap = "0.5rem";
|
|
1082
1044
|
export const utrechtButtonGroupMarginBlockEnd = "0px";
|
|
@@ -1084,6 +1046,102 @@ export const utrechtButtonGroupMarginBlockStart = "0px";
|
|
|
1084
1046
|
export const utrechtButtonGroupPaddingBlockEnd = "0px";
|
|
1085
1047
|
export const utrechtButtonGroupPaddingBlockStart = "0px";
|
|
1086
1048
|
export const utrechtButtonGroupRowGap = "0.5rem";
|
|
1049
|
+
export const utrechtButtonBackgroundColor = "#0F172A";
|
|
1050
|
+
export const utrechtButtonBorderColor = "transparent";
|
|
1051
|
+
export const utrechtButtonColor = "#fff";
|
|
1052
|
+
export const utrechtButtonBorderRadius = "5px";
|
|
1053
|
+
export const utrechtButtonBorderWidth = "1px";
|
|
1054
|
+
export const utrechtButtonIconGap = "0.5rem";
|
|
1055
|
+
export const utrechtButtonIconSize = "24px";
|
|
1056
|
+
export const utrechtButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1057
|
+
export const utrechtButtonFontSize = "1.25rem";
|
|
1058
|
+
export const utrechtButtonFontWeight = 700;
|
|
1059
|
+
export const utrechtButtonLineHeight = "150%";
|
|
1060
|
+
export const utrechtButtonPaddingBlockEnd = "0.5rem";
|
|
1061
|
+
export const utrechtButtonPaddingBlockStart = "0.5rem";
|
|
1062
|
+
export const utrechtButtonPaddingInlineEnd = "1rem";
|
|
1063
|
+
export const utrechtButtonPaddingInlineStart = "1rem";
|
|
1064
|
+
export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
|
|
1065
|
+
export const utrechtButtonDisabledBorderColor = "transparent";
|
|
1066
|
+
export const utrechtButtonDisabledColor = "#94A3B8";
|
|
1067
|
+
export const utrechtButtonFocusBackgroundColor = "#475569";
|
|
1068
|
+
export const utrechtButtonFocusBorderColor = "transparent";
|
|
1069
|
+
export const utrechtButtonFocusColor = "#fff";
|
|
1070
|
+
export const utrechtButtonHoverBackgroundColor = "#475569";
|
|
1071
|
+
export const utrechtButtonHoverBorderColor = "transparent";
|
|
1072
|
+
export const utrechtButtonHoverColor = "#fff";
|
|
1073
|
+
export const utrechtButtonActiveBackgroundColor = "#1E293B";
|
|
1074
|
+
export const utrechtButtonActiveBorderColor = "transparent";
|
|
1075
|
+
export const utrechtButtonActiveColor = "#fff";
|
|
1076
|
+
export const utrechtButtonMinBlockSize = "48px";
|
|
1077
|
+
export const utrechtButtonMinInlineSize = "48px";
|
|
1078
|
+
export const utrechtButtonColumnGap = "0.5rem";
|
|
1079
|
+
export const utrechtButtonPrimaryActionHoverBackgroundColor = "#528e7c";
|
|
1080
|
+
export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
|
|
1081
|
+
export const utrechtButtonPrimaryActionHoverColor = "#fff";
|
|
1082
|
+
export const utrechtButtonPrimaryActionBackgroundColor = "#76d2b6";
|
|
1083
|
+
export const utrechtButtonPrimaryActionBorderColor = "transparent";
|
|
1084
|
+
export const utrechtButtonPrimaryActionColor = "#fff";
|
|
1085
|
+
export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#d6f2e9";
|
|
1086
|
+
export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
|
|
1087
|
+
export const utrechtButtonPrimaryActionDisabledColor = "#98DDC8";
|
|
1088
|
+
export const utrechtButtonPrimaryActionFocusBackgroundColor = "#528e7c";
|
|
1089
|
+
export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
|
|
1090
|
+
export const utrechtButtonPrimaryActionFocusColor = "#fff";
|
|
1091
|
+
export const utrechtButtonPrimaryActionFontWeight = 700;
|
|
1092
|
+
export const utrechtButtonPrimaryActionActiveBackgroundColor = "#477e6d";
|
|
1093
|
+
export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
|
|
1094
|
+
export const utrechtButtonPrimaryActionActiveColor = "#fff";
|
|
1095
|
+
export const utrechtButtonPrimaryActionFontSize = "1.25rem";
|
|
1096
|
+
export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
|
|
1097
|
+
export const utrechtButtonPrimaryActionPressedBackgroundColor = "#477869";
|
|
1098
|
+
export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
|
|
1099
|
+
export const utrechtButtonPrimaryActionPressedColor = "#fff";
|
|
1100
|
+
export const utrechtButtonSecondaryActionHoverBackgroundColor = "#eaf8f4";
|
|
1101
|
+
export const utrechtButtonSecondaryActionHoverBorderColor = "#528e7c";
|
|
1102
|
+
export const utrechtButtonSecondaryActionHoverColor = "#528e7c";
|
|
1103
|
+
export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
|
|
1104
|
+
export const utrechtButtonSecondaryActionBorderColor = "#76d2b6";
|
|
1105
|
+
export const utrechtButtonSecondaryActionColor = "#76d2b6";
|
|
1106
|
+
export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
|
|
1107
|
+
export const utrechtButtonSecondaryActionDisabledBorderColor = "#C1EBDE";
|
|
1108
|
+
export const utrechtButtonSecondaryActionDisabledColor = "#ACE4D3";
|
|
1109
|
+
export const utrechtButtonSecondaryActionFocusBackgroundColor = "#eaf8f4";
|
|
1110
|
+
export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
|
|
1111
|
+
export const utrechtButtonSecondaryActionFocusColor = "#528e7c";
|
|
1112
|
+
export const utrechtButtonSecondaryActionFontWeight = 700;
|
|
1113
|
+
export const utrechtButtonSecondaryActionActiveBackgroundColor = "#C1EBDE";
|
|
1114
|
+
export const utrechtButtonSecondaryActionActiveBorderColor = "#477869";
|
|
1115
|
+
export const utrechtButtonSecondaryActionActiveColor = "#528e7c";
|
|
1116
|
+
export const utrechtButtonSecondaryActionFontSize = "1.25rem";
|
|
1117
|
+
export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
|
|
1118
|
+
export const utrechtButtonSecondaryActionPressedBackgroundColor = "#d6f2e9";
|
|
1119
|
+
export const utrechtButtonSecondaryActionPressedBorderColor = "#477869";
|
|
1120
|
+
export const utrechtButtonSecondaryActionPressedColor = "#477869";
|
|
1121
|
+
export const utrechtButtonSubtleFontSize = "1.25rem";
|
|
1122
|
+
export const utrechtButtonSubtleFontWeight = 700;
|
|
1123
|
+
export const utrechtButtonSubtleHoverBackgroundColor = "#eaf8f4";
|
|
1124
|
+
export const utrechtButtonSubtleHoverBorderColor = "transparent";
|
|
1125
|
+
export const utrechtButtonSubtleHoverColor = "#528e7c";
|
|
1126
|
+
export const utrechtButtonSubtleBackgroundColor = "transparent";
|
|
1127
|
+
export const utrechtButtonSubtleBorderColor = "transparent";
|
|
1128
|
+
export const utrechtButtonSubtleColor = "#76d2b6";
|
|
1129
|
+
export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
|
|
1130
|
+
export const utrechtButtonSubtleDisabledBorderColor = "transparent";
|
|
1131
|
+
export const utrechtButtonSubtleDisabledColor = "#d6f2e9";
|
|
1132
|
+
export const utrechtButtonSubtleFocusBackgroundColor = "#eaf8f4";
|
|
1133
|
+
export const utrechtButtonSubtleFocusBorderColor = "transparent";
|
|
1134
|
+
export const utrechtButtonSubtleFocusColor = "#528e7c";
|
|
1135
|
+
export const utrechtButtonSubtleActiveBackgroundColor = "#C1EBDE";
|
|
1136
|
+
export const utrechtButtonSubtleActiveBorderColor = "transparent";
|
|
1137
|
+
export const utrechtButtonSubtleActiveColor = "#477e6d";
|
|
1138
|
+
export const utrechtButtonSubtleLineHeight = "1.875rem";
|
|
1139
|
+
export const utrechtButtonSubtlePressedBackgroundColor = "#d6f2e9";
|
|
1140
|
+
export const utrechtButtonSubtlePressedBorderColor = "transparent";
|
|
1141
|
+
export const utrechtButtonSubtlePressedColor = "#477869";
|
|
1142
|
+
export const utrechtButtonPressedBackgroundColor = "#1E293B";
|
|
1143
|
+
export const utrechtButtonPressedBorderColor = "transparent";
|
|
1144
|
+
export const utrechtButtonPressedColor = "#fff";
|
|
1087
1145
|
export const utrechtBreadcrumbNavLineHeight = 1.4;
|
|
1088
1146
|
export const utrechtBreadcrumbNavFontSize = "1.25rem";
|
|
1089
1147
|
export const utrechtBreadcrumbNavLinkIconSize = "24px";
|
|
@@ -1107,59 +1165,10 @@ export const utrechtBreadcrumbNavDividerSize = "24px";
|
|
|
1107
1165
|
export const utrechtBreadcrumbNavDividerColor = "#334155";
|
|
1108
1166
|
export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
|
|
1109
1167
|
export const utrechtBreadcrumbNavMarginInline = "0.5rem";
|
|
1110
|
-
export const utrechtBreadcrumbNavFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1168
|
+
export const utrechtBreadcrumbNavFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1111
1169
|
export const utrechtBreadcrumbNavFontWeight = 400;
|
|
1112
|
-
export const utrechtBlockquoteCaptionFontSize = "1.25rem";
|
|
1113
|
-
export const utrechtBlockquoteCaptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1114
|
-
export const utrechtBlockquoteCaptionLineHeight = "150%";
|
|
1115
|
-
export const utrechtBlockquoteCaptionFontWeight = 400;
|
|
1116
|
-
export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
|
|
1117
|
-
export const utrechtBlockquoteCaptionColor = "#334155";
|
|
1118
|
-
export const utrechtBlockquoteContentFontFamily = "RijksoverheidSerifWeb, 'Times New Roman', serif";
|
|
1119
|
-
export const utrechtBlockquoteContentLineHeight = "150%";
|
|
1120
|
-
export const utrechtBlockquoteContentFontWeight = 400;
|
|
1121
|
-
export const utrechtBlockquoteContentFontSize = "1.5rem";
|
|
1122
|
-
export const utrechtBlockquoteContentColor = "#0F172A";
|
|
1123
|
-
export const utrechtBlockquoteMarginBlockEnd = 0;
|
|
1124
|
-
export const utrechtBlockquoteMarginBlockStart = 0;
|
|
1125
|
-
export const utrechtBlockquoteMarginInlineEnd = 0;
|
|
1126
|
-
export const utrechtBlockquoteMarginInlineStart = 0;
|
|
1127
|
-
export const utrechtBlockquotePaddingBlockEnd = "2rem";
|
|
1128
|
-
export const utrechtBlockquotePaddingBlockStart = "2rem";
|
|
1129
|
-
export const utrechtBlockquotePaddingInlineEnd = "2rem";
|
|
1130
|
-
export const utrechtBlockquotePaddingInlineStart = "2rem";
|
|
1131
|
-
export const utrechtBlockquoteRowGap = "0.75rem";
|
|
1132
|
-
export const utrechtBlockquoteBackgroundColor = "transparent";
|
|
1133
|
-
export const utrechtBlockquoteBorderColor = "#76d2b6";
|
|
1134
|
-
export const utrechtBlockquoteBorderBlockStartWidth = 0;
|
|
1135
|
-
export const utrechtBlockquoteBorderBlockEndWidth = 0;
|
|
1136
|
-
export const utrechtBlockquoteBorderInlineStartWidth = 0;
|
|
1137
|
-
export const utrechtBlockquoteBorderInlineEndWidth = 0;
|
|
1138
|
-
export const utrechtBlockquoteBorderStartStartRadius = 0;
|
|
1139
|
-
export const utrechtBlockquoteBorderStartEndRadius = 0;
|
|
1140
|
-
export const utrechtBlockquoteBorderEndStartRadius = 0;
|
|
1141
|
-
export const utrechtBlockquoteBorderEndEndRadius = 0;
|
|
1142
|
-
export const utrechtBlockquoteBorderWidth = "2px";
|
|
1143
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#76d2b6";
|
|
1144
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
|
|
1145
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
|
|
1146
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
|
|
1147
|
-
export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
|
|
1148
|
-
export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
|
|
1149
|
-
export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
|
|
1150
|
-
export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
|
|
1151
|
-
export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
|
|
1152
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
|
|
1153
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
|
|
1154
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
|
|
1155
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
|
|
1156
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
|
|
1157
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
|
|
1158
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
|
|
1159
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
|
|
1160
|
-
export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
|
|
1161
1170
|
export const utrechtArticleMaxInlineSize = "75ch";
|
|
1162
|
-
export const utrechtAlertHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1171
|
+
export const utrechtAlertHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1163
1172
|
export const utrechtAlertHeadingFontWeight = 700;
|
|
1164
1173
|
export const utrechtAlertHeadingLineHeight = "150%";
|
|
1165
1174
|
export const utrechtAlertHeadingFontSize = "1.25rem";
|
|
@@ -1173,19 +1182,19 @@ export const utrechtAlertPaddingInlineEnd = "1rem";
|
|
|
1173
1182
|
export const utrechtAlertPaddingInlineStart = "1rem";
|
|
1174
1183
|
export const utrechtAlertBackgroundColor = "#d9ebf7";
|
|
1175
1184
|
export const utrechtAlertBorderColor = "transparent";
|
|
1176
|
-
export const utrechtAlertColor = "#
|
|
1185
|
+
export const utrechtAlertColor = "#000";
|
|
1177
1186
|
export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
|
|
1178
1187
|
export const utrechtAlertInfoBorderColor = "transparent";
|
|
1179
|
-
export const utrechtAlertInfoColor = "#
|
|
1188
|
+
export const utrechtAlertInfoColor = "#000";
|
|
1180
1189
|
export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
|
|
1181
1190
|
export const utrechtAlertErrorBorderColor = "transparent";
|
|
1182
|
-
export const utrechtAlertErrorColor = "#
|
|
1191
|
+
export const utrechtAlertErrorColor = "#000";
|
|
1183
1192
|
export const utrechtAlertOkBackgroundColor = "#e1eddb";
|
|
1184
1193
|
export const utrechtAlertOkBorderColor = "transparent";
|
|
1185
|
-
export const utrechtAlertOkColor = "#
|
|
1194
|
+
export const utrechtAlertOkColor = "#000";
|
|
1186
1195
|
export const utrechtAlertWarningBackgroundColor = "#fff4db";
|
|
1187
1196
|
export const utrechtAlertWarningBorderColor = "transparent";
|
|
1188
|
-
export const utrechtAlertWarningColor = "#
|
|
1197
|
+
export const utrechtAlertWarningColor = "#000";
|
|
1189
1198
|
export const utrechtAlertIconInsetBlockStart = "3px";
|
|
1190
1199
|
export const utrechtAlertIconInfoColor = "#007bc7";
|
|
1191
1200
|
export const utrechtAlertIconErrorColor = "#d52b1e";
|
|
@@ -1195,9 +1204,15 @@ export const utrechtAlertIconSize = "24px";
|
|
|
1195
1204
|
export const utrechtAlertMessageLineHeight = "150%";
|
|
1196
1205
|
export const utrechtAlertMessageColumnGap = "0.5rem";
|
|
1197
1206
|
export const utrechtAlertBorderRadius = "5px";
|
|
1207
|
+
export const utrechtActionActivateCursor = "pointer";
|
|
1208
|
+
export const utrechtActionBusyCursor = "wait";
|
|
1209
|
+
export const utrechtActionDisabledCursor = "not-allowed";
|
|
1210
|
+
export const utrechtActionInertCursor = "default";
|
|
1211
|
+
export const utrechtActionNavigateCursor = "pointer";
|
|
1212
|
+
export const utrechtActionSubmitCursor = "pointer";
|
|
1198
1213
|
export const utrechtDocumentBackgroundColor = "#fff";
|
|
1199
1214
|
export const utrechtDocumentColor = "#0F172A";
|
|
1200
|
-
export const utrechtDocumentFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1215
|
+
export const utrechtDocumentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1201
1216
|
export const utrechtDocumentFontSize = "1.25rem";
|
|
1202
1217
|
export const utrechtDocumentLineHeight = "150%";
|
|
1203
1218
|
export const utrechtDocumentFontWeight = 400;
|
|
@@ -1207,17 +1222,13 @@ export const utrechtRichTextFriendMarginBlockEnd = "0.5rem";
|
|
|
1207
1222
|
export const utrechtRichTextBestFriendMarginBlockEnd = "0.25rem";
|
|
1208
1223
|
export const utrechtRichTextConfidantMarginBlockEnd = 0;
|
|
1209
1224
|
export const utrechtPointerTargetMinSize = "48px";
|
|
1210
|
-
export const utrechtFocusOutlineColor = "#
|
|
1225
|
+
export const utrechtFocusOutlineColor = "#000";
|
|
1211
1226
|
export const utrechtFocusOutlineOffset = "0.125rem";
|
|
1212
1227
|
export const utrechtFocusOutlineStyle = "solid";
|
|
1213
1228
|
export const utrechtFocusOutlineWidth = "2px";
|
|
1214
1229
|
export const utrechtFocusInverseOutlineColor = "#fff";
|
|
1215
|
-
export const overwriteFocusBackground = "#FDD370";
|
|
1216
|
-
export const todoNavBarLinkFocusBackgroundColor = "#FDD370";
|
|
1217
|
-
export const todoPaginationPageLinkFocusBackgroundColor = "#FDD370";
|
|
1218
|
-
export const denhaagSidenavLinkFocusBackgroundColor = "#FDD370";
|
|
1219
1230
|
export const nlSkipLinkFontWeight = 700;
|
|
1220
|
-
export const nlSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1231
|
+
export const nlSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1221
1232
|
export const nlSkipLinkFontSize = "1.25rem";
|
|
1222
1233
|
export const nlSkipLinkLineHeight = "150%";
|
|
1223
1234
|
export const nlSkipLinkMinBlockSize = "48px";
|
|
@@ -1227,13 +1238,13 @@ export const nlSkipLinkPaddingBlockStart = "0.75rem";
|
|
|
1227
1238
|
export const nlSkipLinkPaddingInlineEnd = "1rem";
|
|
1228
1239
|
export const nlSkipLinkPaddingInlineStart = "1rem";
|
|
1229
1240
|
export const nlSkipLinkFocusBackgroundColor = "#fff";
|
|
1230
|
-
export const nlSkipLinkFocusBorderColor = "#
|
|
1241
|
+
export const nlSkipLinkFocusBorderColor = "#76d2b6";
|
|
1231
1242
|
export const nlSkipLinkFocusBorderStyle = "solid";
|
|
1232
1243
|
export const nlSkipLinkFocusBorderWidth = "2px";
|
|
1233
1244
|
export const nlSkipLinkFocusColor = "#0F172A";
|
|
1234
1245
|
export const nlSkipLinkFocusTextDecoration = "None";
|
|
1235
1246
|
export const nlSkipLinkFocusVisibleOutlineColor = "#000";
|
|
1236
|
-
export const nlSkipLinkBackgroundColor = "#
|
|
1247
|
+
export const nlSkipLinkBackgroundColor = "#76d2b6";
|
|
1237
1248
|
export const nlSkipLinkBorderColor = "transparent";
|
|
1238
1249
|
export const nlSkipLinkColor = "#fff";
|
|
1239
1250
|
export const nlSkipLinkBorderWidth = "2px";
|
|
@@ -1245,7 +1256,7 @@ export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
|
|
|
1245
1256
|
export const nlSkipLinkTextDecoration = "underline";
|
|
1246
1257
|
export const nlSkipLinkTextUnderlineOffset = "0.125rem";
|
|
1247
1258
|
export const nlParagraphColor = "#0F172A";
|
|
1248
|
-
export const nlParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1259
|
+
export const nlParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1249
1260
|
export const nlParagraphFontSize = "1.25rem";
|
|
1250
1261
|
export const nlParagraphFontWeight = 400;
|
|
1251
1262
|
export const nlParagraphLineHeight = "150%";
|
|
@@ -1273,55 +1284,55 @@ export const nlLinkIconSize = "24px";
|
|
|
1273
1284
|
export const nlLinkColumnGap = "0.25rem";
|
|
1274
1285
|
export const nlLinkTextDecorationThickness = "auto";
|
|
1275
1286
|
export const nlLinkTextUnderlineOffset = "0.125rem";
|
|
1276
|
-
export const nlLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1287
|
+
export const nlLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1277
1288
|
export const nlLinkFontWeight = 400;
|
|
1278
1289
|
export const nlLinkFontSize = "1.25rem";
|
|
1279
1290
|
export const nlLinkLineHeight = "150%";
|
|
1280
1291
|
export const nlHeadingLevel1Color = "#154273";
|
|
1281
|
-
export const nlHeadingLevel1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1292
|
+
export const nlHeadingLevel1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1282
1293
|
export const nlHeadingLevel1FontWeight = 700;
|
|
1283
1294
|
export const nlHeadingLevel1LineHeight = "125%";
|
|
1284
1295
|
export const nlHeadingLevel1FontSize = "3.125rem";
|
|
1285
1296
|
export const nlHeadingLevel1MarginBlockEnd = 0;
|
|
1286
1297
|
export const nlHeadingLevel1MarginBlockStart = 0;
|
|
1287
1298
|
export const nlHeadingLevel2Color = "#154273";
|
|
1288
|
-
export const nlHeadingLevel2FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1299
|
+
export const nlHeadingLevel2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1289
1300
|
export const nlHeadingLevel2FontWeight = 700;
|
|
1290
1301
|
export const nlHeadingLevel2LineHeight = "125%";
|
|
1291
1302
|
export const nlHeadingLevel2FontSize = "2.5rem";
|
|
1292
1303
|
export const nlHeadingLevel2MarginBlockEnd = 0;
|
|
1293
1304
|
export const nlHeadingLevel2MarginBlockStart = 0;
|
|
1294
1305
|
export const nlHeadingLevel3Color = "#154273";
|
|
1295
|
-
export const nlHeadingLevel3FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1306
|
+
export const nlHeadingLevel3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1296
1307
|
export const nlHeadingLevel3FontWeight = 700;
|
|
1297
1308
|
export const nlHeadingLevel3LineHeight = "125%";
|
|
1298
1309
|
export const nlHeadingLevel3FontSize = "1.875rem";
|
|
1299
1310
|
export const nlHeadingLevel3MarginBlockEnd = 0;
|
|
1300
1311
|
export const nlHeadingLevel3MarginBlockStart = 0;
|
|
1301
1312
|
export const nlHeadingLevel4Color = "#154273";
|
|
1302
|
-
export const nlHeadingLevel4FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1313
|
+
export const nlHeadingLevel4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1303
1314
|
export const nlHeadingLevel4FontWeight = 700;
|
|
1304
1315
|
export const nlHeadingLevel4LineHeight = "125%";
|
|
1305
1316
|
export const nlHeadingLevel4FontSize = "1.5rem";
|
|
1306
1317
|
export const nlHeadingLevel4MarginBlockEnd = 0;
|
|
1307
1318
|
export const nlHeadingLevel4MarginBlockStart = 0;
|
|
1308
1319
|
export const nlHeadingLevel5Color = "#154273";
|
|
1309
|
-
export const nlHeadingLevel5FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1320
|
+
export const nlHeadingLevel5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1310
1321
|
export const nlHeadingLevel5FontWeight = 700;
|
|
1311
1322
|
export const nlHeadingLevel5LineHeight = "125%";
|
|
1312
1323
|
export const nlHeadingLevel5FontSize = "1.25rem";
|
|
1313
1324
|
export const nlHeadingLevel5MarginBlockEnd = 0;
|
|
1314
1325
|
export const nlHeadingLevel5MarginBlockStart = 0;
|
|
1315
1326
|
export const nlNumberBadgeFontSize = "1.25rem";
|
|
1316
|
-
export const nlNumberBadgeLineHeight = "
|
|
1327
|
+
export const nlNumberBadgeLineHeight = "125%";
|
|
1317
1328
|
export const nlNumberBadgeMinBlockSize = "24px";
|
|
1318
1329
|
export const nlNumberBadgeMinInlineSize = "24px";
|
|
1319
1330
|
export const nlNumberBadgeFontWeight = 700;
|
|
1320
1331
|
export const nlNumberBadgeBorderWidth = "0px";
|
|
1321
1332
|
export const nlNumberBadgeBorderRadius = "999px";
|
|
1322
|
-
export const nlNumberBadgeFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1323
|
-
export const nlNumberBadgeBackgroundColor = "#
|
|
1333
|
+
export const nlNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1334
|
+
export const nlNumberBadgeBackgroundColor = "#76d2b6";
|
|
1324
1335
|
export const nlNumberBadgeBorderColor = "transparent";
|
|
1325
1336
|
export const nlNumberBadgeColor = "#fff";
|
|
1326
1337
|
export const nlNumberBadgePaddingInline = "0.5rem";
|
|
1327
|
-
export const nlNumberBadgePaddingBlock = "0.
|
|
1338
|
+
export const nlNumberBadgePaddingBlock = "0.125rem";
|