@rijkshuisstijl-community/design-tokens 4.0.0 → 4.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/_variables.scss +356 -260
  3. package/dist/index.css +356 -260
  4. package/dist/index.d.ts +355 -259
  5. package/dist/index.js +356 -260
  6. package/dist/index.json +355 -259
  7. package/dist/index.tokens.json +515 -351
  8. package/dist/koop/_variables.scss +607 -516
  9. package/dist/koop/index.css +607 -516
  10. package/dist/koop/index.d.ts +701 -610
  11. package/dist/koop/index.js +703 -612
  12. package/dist/koop/index.json +703 -612
  13. package/dist/koop/index.tokens.json +915 -762
  14. package/dist/koop/root.css +607 -516
  15. package/dist/koop/tokens.d.ts +886 -733
  16. package/dist/koop/tokens.js +16374 -14153
  17. package/dist/root.css +356 -260
  18. package/dist/tokens.d.ts +488 -324
  19. package/dist/tokens.js +18845 -16503
  20. package/dist/uitvoerend-groen/_variables.scss +607 -516
  21. package/dist/uitvoerend-groen/index.css +607 -516
  22. package/dist/uitvoerend-groen/index.d.ts +680 -589
  23. package/dist/uitvoerend-groen/index.js +698 -607
  24. package/dist/uitvoerend-groen/index.json +698 -607
  25. package/dist/uitvoerend-groen/index.tokens.json +931 -778
  26. package/dist/uitvoerend-groen/root.css +607 -516
  27. package/dist/uitvoerend-groen/tokens.d.ts +907 -754
  28. package/dist/uitvoerend-groen/tokens.js +17815 -15594
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +607 -516
  30. package/dist/uitvoerend-hemelblauw/index.css +607 -516
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +680 -589
  32. package/dist/uitvoerend-hemelblauw/index.js +698 -607
  33. package/dist/uitvoerend-hemelblauw/index.json +698 -607
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +931 -778
  35. package/dist/uitvoerend-hemelblauw/root.css +607 -516
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +907 -754
  37. package/dist/uitvoerend-hemelblauw/tokens.js +17819 -15598
  38. package/dist/uitvoerend-mintgroen/_variables.scss +607 -516
  39. package/dist/uitvoerend-mintgroen/index.css +607 -516
  40. package/dist/uitvoerend-mintgroen/index.d.ts +680 -589
  41. package/dist/uitvoerend-mintgroen/index.js +698 -607
  42. package/dist/uitvoerend-mintgroen/index.json +698 -607
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +931 -778
  44. package/dist/uitvoerend-mintgroen/root.css +607 -516
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +907 -754
  46. package/dist/uitvoerend-mintgroen/tokens.js +17815 -15594
  47. package/dist/uitvoerend-oranje/_variables.scss +607 -516
  48. package/dist/uitvoerend-oranje/index.css +607 -516
  49. package/dist/uitvoerend-oranje/index.d.ts +680 -589
  50. package/dist/uitvoerend-oranje/index.js +698 -607
  51. package/dist/uitvoerend-oranje/index.json +698 -607
  52. package/dist/uitvoerend-oranje/index.tokens.json +933 -780
  53. package/dist/uitvoerend-oranje/root.css +607 -516
  54. package/dist/uitvoerend-oranje/tokens.d.ts +908 -755
  55. package/dist/uitvoerend-oranje/tokens.js +17794 -15573
  56. package/dist/uitvoerend-paars/_variables.scss +607 -516
  57. package/dist/uitvoerend-paars/index.css +607 -516
  58. package/dist/uitvoerend-paars/index.d.ts +680 -589
  59. package/dist/uitvoerend-paars/index.js +698 -607
  60. package/dist/uitvoerend-paars/index.json +698 -607
  61. package/dist/uitvoerend-paars/index.tokens.json +931 -778
  62. package/dist/uitvoerend-paars/root.css +607 -516
  63. package/dist/uitvoerend-paars/tokens.d.ts +907 -754
  64. package/dist/uitvoerend-paars/tokens.js +17815 -15594
  65. package/dist/uitvoerend-violet/_variables.scss +607 -516
  66. package/dist/uitvoerend-violet/index.css +607 -516
  67. package/dist/uitvoerend-violet/index.d.ts +680 -589
  68. package/dist/uitvoerend-violet/index.js +698 -607
  69. package/dist/uitvoerend-violet/index.json +698 -607
  70. package/dist/uitvoerend-violet/index.tokens.json +931 -778
  71. package/dist/uitvoerend-violet/root.css +607 -516
  72. package/dist/uitvoerend-violet/tokens.d.ts +907 -754
  73. package/dist/uitvoerend-violet/tokens.js +17815 -15594
  74. package/dist/uitvoerend-violet-oud/_variables.scss +608 -517
  75. package/dist/uitvoerend-violet-oud/index.css +608 -517
  76. package/dist/uitvoerend-violet-oud/index.d.ts +681 -590
  77. package/dist/uitvoerend-violet-oud/index.js +699 -608
  78. package/dist/uitvoerend-violet-oud/index.json +699 -608
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +925 -772
  80. package/dist/uitvoerend-violet-oud/root.css +608 -517
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +898 -745
  82. package/dist/uitvoerend-violet-oud/tokens.js +17299 -15078
  83. package/dist/wetgevend/_variables.scss +606 -515
  84. package/dist/wetgevend/index.css +606 -515
  85. package/dist/wetgevend/index.d.ts +679 -588
  86. package/dist/wetgevend/index.js +682 -591
  87. package/dist/wetgevend/index.json +682 -591
  88. package/dist/wetgevend/index.tokens.json +934 -781
  89. package/dist/wetgevend/root.css +606 -515
  90. package/dist/wetgevend/tokens.d.ts +887 -734
  91. package/dist/wetgevend/tokens.js +16235 -14014
  92. package/figma/figma.tokens.json +2157 -1484
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +1902 -1437
  95. package/src/generated/koop/tokens.json +3394 -2955
  96. package/src/generated/themes.json +35654 -31703
  97. package/src/generated/uitvoerend-groen/tokens.json +3469 -3030
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +3466 -3027
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +3469 -3030
  100. package/src/generated/uitvoerend-oranje/tokens.json +3469 -3030
  101. package/src/generated/uitvoerend-paars/tokens.json +3469 -3030
  102. package/src/generated/uitvoerend-violet/tokens.json +3469 -3030
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +3482 -3043
  104. package/src/generated/wetgevend/tokens.json +3527 -3088
@@ -1,132 +1,414 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 17 Jul 2025 11:54:47 GMT
3
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
4
4
  */
5
5
 
6
- export const nlSkipLinkBorderColor = "transparent";
7
- export const nlSkipLinkBorderWidth = "2px";
8
- export const nlSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
9
- export const nlSkipLinkFontWeight = 700;
10
- export const nlSkipLinkPaddingBlockEnd = "0.75rem";
11
- export const nlSkipLinkPaddingBlockStart = "0.75rem";
12
- export const nlSkipLinkPaddingInlineEnd = "1rem";
13
- export const nlSkipLinkPaddingInlineStart = "1rem";
14
- export const nlSkipLinkBoxBlockEndShadowBlurRadius = "48px";
15
- export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
16
- export const nlSkipLinkBoxBlockEndShadowOffsetX = 0;
17
- export const nlSkipLinkBoxBlockEndShadowOffsetY = "16px";
18
- export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
19
- export const nlSkipLinkFocusBackgroundColor = "#fff";
20
- export const nlSkipLinkFocusBorderColor = "#39870c";
21
- export const nlSkipLinkFocusBorderStyle = "solid";
22
- export const nlSkipLinkFocusBorderWidth = "2px";
23
- export const nlSkipLinkFocusColor = "#0F172A";
24
- export const nlSkipLinkFocusTextDecoration = "None";
25
- export const nlSkipLinkFocusVisibleOutlineColor = "#000";
26
- export const nlSkipLinkTextDecoration = "underline";
27
- export const nlSkipLinkBackgroundColor = "#fff";
28
- export const nlSkipLinkColor = "#01689b";
29
- export const nlSkipLinkPaddingBlock = "0.75rem";
30
- export const nlSkipLinkPaddingInline = "1rem";
31
- export const nlSkipLinkMinBlockSize = "48px";
32
- export const nlSkipLinkMinInlineSize = "48px";
33
- export const nlSkipLinkTextDecorationThickness = "0.0625em";
34
- export const nlSkipLinkTextUnderlineOffset = "0.125rem";
35
- export const nlSkipLinkLineHeight = "150%";
36
- export const nlSkipLinkFontSize = "1.25rem";
37
- export const nlLinkColumnGap = "0.25rem";
38
- export const nlLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
39
- export const nlLinkFontSize = "1.25rem";
40
- export const nlLinkFontWeight = 400;
41
- export const nlLinkLineHeight = "150%";
42
- export const nlLinkIconInsetBlockStart = "0.25rem";
43
- export const nlLinkIconSize = "24px";
44
- export const nlLinkActiveTextDecoration = "None";
45
- export const nlLinkActiveColor = "#1a4972";
46
- export const nlLinkFocusBackgroundColor = "transparent";
47
- export const nlLinkFocusColor = "#01689b";
48
- export const nlLinkFocusTextDecoration = "None";
49
- export const nlLinkFocusTextDecorationThickness = "auto";
50
- export const nlLinkVisitedColor = "#01689b";
51
- export const nlLinkColor = "#01689b";
52
- export const nlLinkTextDecorationColor = "inherit";
53
- export const nlLinkTextDecorationLine = "underline";
54
- export const nlLinkTextDecorationThickness = "0.0625em";
55
- export const nlLinkTextUnderlineOffset = "0.125rem";
56
- export const nlLinkCurrentCursor = "default";
57
- export const nlLinkDisabledColor = "#334155";
58
- export const nlLinkDisabledCursor = "disabled";
59
- export const nlLinkHoverTextDecorationLine = "underline";
60
- export const nlLinkHoverTextDecorationThickness = "auto";
61
- export const nlLinkHoverColor = "#01496c";
62
- export const nlParagraphLeadColor = "#0F172A";
63
- export const nlParagraphLeadFontSize = "1.5rem";
64
- export const nlParagraphLeadFontWeight = 400;
65
- export const nlParagraphLeadLineHeight = "150%";
66
- export const nlParagraphLeadMarginBlockEnd = "0rem";
67
- export const nlParagraphLeadMarginBlockStart = "0rem";
68
- export const nlParagraphColor = "#0F172A";
69
- export const nlParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
70
- export const nlParagraphFontSize = "1.25rem";
71
- export const nlParagraphFontWeight = 400;
72
- export const nlParagraphLineHeight = "150%";
73
- export const nlParagraphMarginBlockEnd = "0rem";
74
- export const nlParagraphMarginBlockStart = "0rem";
75
- export const nlHeadingLevel1Color = "#154273";
76
- export const nlHeadingLevel1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
77
- export const nlHeadingLevel1FontSize = "3.125rem";
78
- export const nlHeadingLevel1FontWeight = 700;
79
- export const nlHeadingLevel1LineHeight = "125%";
80
- export const nlHeadingLevel1MarginBlockEnd = "0rem";
81
- export const nlHeadingLevel1MarginBlockStart = "0rem";
82
- export const nlHeadingLevel2Color = "#154273";
83
- export const nlHeadingLevel2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
84
- export const nlHeadingLevel2FontSize = "2.5rem";
85
- export const nlHeadingLevel2FontWeight = 700;
86
- export const nlHeadingLevel2LineHeight = "125%";
87
- export const nlHeadingLevel2MarginBlockEnd = "0rem";
88
- export const nlHeadingLevel2MarginBlockStart = "0rem";
89
- export const nlHeadingLevel3Color = "#154273";
90
- export const nlHeadingLevel3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
91
- export const nlHeadingLevel3FontSize = "1.875rem";
92
- export const nlHeadingLevel3FontWeight = 700;
93
- export const nlHeadingLevel3LineHeight = "125%";
94
- export const nlHeadingLevel3MarginBlockEnd = "0rem";
95
- export const nlHeadingLevel3MarginBlockStart = "0rem";
96
- export const nlHeadingLevel4Color = "#154273";
97
- export const nlHeadingLevel4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
98
- export const nlHeadingLevel4FontSize = "1.5rem";
99
- export const nlHeadingLevel4FontWeight = 700;
100
- export const nlHeadingLevel4LineHeight = "150%";
101
- export const nlHeadingLevel4MarginBlockEnd = "0rem";
102
- export const nlHeadingLevel4MarginBlockStart = "0rem";
103
- export const nlHeadingLevel5Color = "#154273";
104
- export const nlHeadingLevel5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
105
- export const nlHeadingLevel5FontSize = "1.25rem";
106
- export const nlHeadingLevel5FontWeight = 700;
107
- export const nlHeadingLevel5LineHeight = "150%";
108
- export const nlHeadingLevel5MarginBlockEnd = "0rem";
109
- export const nlHeadingLevel5MarginBlockStart = "0rem";
110
- export const nlHeadingLevel6Color = "#154273";
111
- export const nlHeadingLevel6FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
112
- export const nlHeadingLevel6FontSize = "1.25rem";
113
- export const nlHeadingLevel6FontWeight = 700;
114
- export const nlHeadingLevel6LineHeight = "150%";
115
- export const nlHeadingLevel6MarginBlockEnd = "0rem";
116
- export const nlHeadingLevel6MarginBlockStart = "0rem";
117
- export const nlNumberBadgeFontSize = "1.25rem";
118
- export const nlNumberBadgeLineHeight = "125%";
119
- export const nlNumberBadgeMinBlockSize = "24px";
120
- export const nlNumberBadgeMinInlineSize = "24px";
121
- export const nlNumberBadgeFontWeight = 700;
122
- export const nlNumberBadgeBorderWidth = "0px";
123
- export const nlNumberBadgeBorderRadius = "999px";
124
- export const nlNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
125
- export const nlNumberBadgeBackgroundColor = "#39870c";
126
- export const nlNumberBadgeBorderColor = "transparent";
127
- export const nlNumberBadgeColor = "#fff";
128
- export const nlNumberBadgePaddingInline = "0.5rem";
129
- export const nlNumberBadgePaddingBlock = "0.125rem";
6
+ export const utrechtTextboxHoverBackgroundColor = "#fff";
7
+ export const utrechtTextboxHoverBorderColor = "#738eab";
8
+ export const utrechtTextboxHoverBorderWidth = "1px";
9
+ export const utrechtTextboxHoverColor = "#0F172A";
10
+ export const utrechtTextboxFocusBorderWidth = "2px";
11
+ export const utrechtTextboxFocusBackgroundColor = "#fff";
12
+ export const utrechtTextboxFocusBorderColor = "#154273";
13
+ export const utrechtTextboxFocusColor = "#0F172A";
14
+ export const utrechtTextboxBackgroundColor = "#fff";
15
+ export const utrechtTextboxBorderBlockEndWidth = "auto";
16
+ export const utrechtTextboxBorderColor = "#154273";
17
+ export const utrechtTextboxBorderRadius = "2.5px";
18
+ export const utrechtTextboxBorderWidth = "1px";
19
+ export const utrechtTextboxColor = "#0F172A";
20
+ export const utrechtTextboxFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
21
+ export const utrechtTextboxFontSize = "1.25rem";
22
+ export const utrechtTextboxFontWeight = 400;
23
+ export const utrechtTextboxLineHeight = "150%";
24
+ export const utrechtTextboxMaxInlineSize = "400px";
25
+ export const utrechtTextboxMinBlockSize = "48px";
26
+ export const utrechtTextboxPaddingBlockEnd = "0.5rem";
27
+ export const utrechtTextboxPaddingBlockStart = "0.5rem";
28
+ export const utrechtTextboxPaddingInlineEnd = "0.75rem";
29
+ export const utrechtTextboxPaddingInlineStart = "0.75rem";
30
+ export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
31
+ export const utrechtTextboxInvalidBorderBlockEndWidth = "1px";
32
+ export const utrechtTextboxInvalidBorderColor = "#d52b1e";
33
+ export const utrechtTextboxInvalidBorderWidth = "1px";
34
+ export const utrechtTextboxInvalidColor = "#0F172A";
35
+ export const utrechtTextboxPlaceholderColor = "#64748B";
36
+ export const utrechtTextboxReadOnlyBackgroundColor = "#F1F5F9";
37
+ export const utrechtTextboxReadOnlyBorderColor = "transparent";
38
+ export const utrechtTextboxReadOnlyColor = "#0F172A";
39
+ export const utrechtTextboxDisabledBackgroundColor = "#CBD5E1";
40
+ export const utrechtTextboxDisabledBorderColor = "#94A3B8";
41
+ export const utrechtTextboxDisabledColor = "#475569";
42
+ export const utrechtSelectBorderBottomWidth = "auto";
43
+ export const utrechtSelectBorderRadius = "2.5px";
44
+ export const utrechtSelectBorderWidth = "1px";
45
+ export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
46
+ export const utrechtSelectMaxInlineSize = "400px";
47
+ export const utrechtSelectPaddingBlockEnd = "0.5rem";
48
+ export const utrechtSelectPaddingBlockStart = "0.5rem";
49
+ export const utrechtSelectPaddingInlineEnd = "0.75rem";
50
+ export const utrechtSelectPaddingInlineStart = "0.75rem";
51
+ export const utrechtSelectIconSize = "24px";
52
+ export const utrechtSelectInvalidBorderWidth = "1px";
53
+ export const utrechtSelectInvalidColor = "#0F172A";
54
+ export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
55
+ export const utrechtSelectInvalidBorderBlockEndWidth = "1px";
56
+ export const utrechtSelectInvalidBorderColor = "#d52b1e";
57
+ export const utrechtSelectHoverBorderWidth = "1px";
58
+ export const utrechtSelectHoverBackgroundColor = "#fff";
59
+ export const utrechtSelectHoverBorderColor = "#88B76D";
60
+ export const utrechtSelectHoverColor = "#0F172A";
61
+ export const utrechtSelectFocusBorderWidth = "2px";
62
+ export const utrechtSelectFocusBackgroundColor = "#fff";
63
+ export const utrechtSelectFocusBorderColor = "#39870c";
64
+ export const utrechtSelectFocusColor = "#0F172A";
65
+ export const utrechtSelectBackgroundColor = "#fff";
66
+ export const utrechtSelectBorderBlockEndWidth = "1px";
67
+ export const utrechtSelectBorderColor = "#39870c";
68
+ export const utrechtSelectColor = "#0F172A";
69
+ export const utrechtSelectFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
70
+ export const utrechtSelectFontSize = "1.25rem";
71
+ export const utrechtSelectFontWeight = 400;
72
+ export const utrechtSelectLineHeight = "150%";
73
+ export const utrechtSelectMinBlockSize = "48px";
74
+ export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
75
+ export const utrechtSelectDisabledBorderColor = "#94A3B8";
76
+ export const utrechtSelectDisabledColor = "#475569";
77
+ export const utrechtRadioButtonBorderRadius = "999px";
78
+ export const utrechtRadioButtonDotSize = "12px";
79
+ export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
80
+ export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
81
+ export const utrechtRadioButtonCheckedDisabledColor = "#475569";
82
+ export const utrechtRadioButtonCheckedBackgroundColor = "#154273";
83
+ export const utrechtRadioButtonCheckedBorderColor = "transparent";
84
+ export const utrechtRadioButtonCheckedBorderWidth = "1px";
85
+ export const utrechtRadioButtonCheckedColor = "#fff";
86
+ export const utrechtRadioButtonCheckedActiveBackgroundColor = "#4f7196";
87
+ export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
88
+ export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
89
+ export const utrechtRadioButtonCheckedActiveColor = "#fff";
90
+ export const utrechtRadioButtonCheckedHoverBackgroundColor = "#738eab";
91
+ export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
92
+ export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
93
+ export const utrechtRadioButtonCheckedHoverColor = "#fff";
94
+ export const utrechtRadioButtonCheckedFocusBackgroundColor = "#fff";
95
+ export const utrechtRadioButtonCheckedFocusBorderColor = "#154273";
96
+ export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
97
+ export const utrechtRadioButtonCheckedFocusColor = "#154273";
98
+ export const utrechtRadioButtonBackgroundColor = "#fff";
99
+ export const utrechtRadioButtonBorderColor = "#154273";
100
+ export const utrechtRadioButtonColor = "#154273";
101
+ export const utrechtRadioButtonBorderWidth = "1px";
102
+ export const utrechtRadioButtonSize = "24px";
103
+ export const utrechtRadioButtonIconSize = "12px";
104
+ export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
105
+ export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
106
+ export const utrechtRadioButtonInvalidColor = "#d52b1e";
107
+ export const utrechtRadioButtonInvalidBorderWidth = "1px";
108
+ export const utrechtRadioButtonActiveBackgroundColor = "#fff";
109
+ export const utrechtRadioButtonActiveBorderColor = "#4f7196";
110
+ export const utrechtRadioButtonActiveColor = "#4f7196";
111
+ export const utrechtRadioButtonActiveBorderWidth = "1px";
112
+ export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
113
+ export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
114
+ export const utrechtRadioButtonDisabledColor = "#94A3B8";
115
+ export const utrechtRadioButtonHoverBackgroundColor = "#fff";
116
+ export const utrechtRadioButtonHoverBorderColor = "#738eab";
117
+ export const utrechtRadioButtonHoverColor = "#738eab";
118
+ export const utrechtRadioButtonHoverBorderWidth = "1px";
119
+ export const utrechtRadioButtonFocusBackgroundColor = "#fff";
120
+ export const utrechtRadioButtonFocusBorderColor = "#154273";
121
+ export const utrechtRadioButtonFocusColor = "#154273";
122
+ export const utrechtRadioButtonFocusBorderWidth = "2px";
123
+ export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
124
+ export const utrechtFormFieldMarginBlockEnd = "0.5rem";
125
+ export const utrechtFormFieldMarginBlockStart = "0.5rem";
126
+ export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
127
+ export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
128
+ export const utrechtFormFieldInvalidPaddingInlineStart = "0rem";
129
+ export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#6AA549";
130
+ export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
131
+ export const utrechtCheckboxIndeterminateActiveColor = "#fff";
132
+ export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
133
+ export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
134
+ export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
135
+ export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
136
+ export const utrechtCheckboxIndeterminateHoverBackgroundColor = "#88B76D";
137
+ export const utrechtCheckboxIndeterminateHoverBorderColor = "transparent";
138
+ export const utrechtCheckboxIndeterminateHoverColor = "#fff";
139
+ export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
140
+ export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#fff";
141
+ export const utrechtCheckboxIndeterminateFocusBorderColor = "#39870c";
142
+ export const utrechtCheckboxIndeterminateFocusColor = "#39870c";
143
+ export const utrechtCheckboxIndeterminateFocusBorderWidth = "2px";
144
+ export const utrechtCheckboxIndeterminateBackgroundColor = "#154273";
145
+ export const utrechtCheckboxIndeterminateBorderColor = "transparent";
146
+ export const utrechtCheckboxIndeterminateBorderWidth = "1px";
147
+ export const utrechtCheckboxIndeterminateColor = "#fff";
148
+ export const utrechtCheckboxCheckedActiveBackgroundColor = "#6AA549";
149
+ export const utrechtCheckboxCheckedActiveBorderColor = "transparent";
150
+ export const utrechtCheckboxCheckedActiveColor = "#fff";
151
+ export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
152
+ export const utrechtCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
153
+ export const utrechtCheckboxCheckedDisabledBorderColor = "#94A3B8";
154
+ export const utrechtCheckboxCheckedDisabledColor = "#475569";
155
+ export const utrechtCheckboxCheckedHoverBackgroundColor = "#88B76D";
156
+ export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
157
+ export const utrechtCheckboxCheckedHoverColor = "#fff";
158
+ export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
159
+ export const utrechtCheckboxCheckedFocusBackgroundColor = "#fff";
160
+ export const utrechtCheckboxCheckedFocusBorderColor = "#39870c";
161
+ export const utrechtCheckboxCheckedFocusColor = "#39870c";
162
+ export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
163
+ export const utrechtCheckboxCheckedBackgroundColor = "#154273";
164
+ export const utrechtCheckboxCheckedBorderColor = "transparent";
165
+ export const utrechtCheckboxCheckedBorderWidth = "1px";
166
+ export const utrechtCheckboxCheckedColor = "#fff";
167
+ export const utrechtCheckboxBackgroundColor = "#fff";
168
+ export const utrechtCheckboxBorderColor = "#154273";
169
+ export const utrechtCheckboxBorderRadius = "2.5px";
170
+ export const utrechtCheckboxBorderWidth = "1px";
171
+ export const utrechtCheckboxSize = "24px";
172
+ export const utrechtCheckboxIconSize = "24px";
173
+ export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
174
+ export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
175
+ export const utrechtCheckboxInvalidBorderWidth = "1px";
176
+ export const utrechtCheckboxActiveBackgroundColor = "#fff";
177
+ export const utrechtCheckboxActiveBorderColor = "#4f7196";
178
+ export const utrechtCheckboxActiveBorderWidth = "1px";
179
+ export const utrechtCheckboxDisabledBackgroundColor = "#CBD5E1";
180
+ export const utrechtCheckboxDisabledBorderColor = "#94A3B8";
181
+ export const utrechtCheckboxHoverBackgroundColor = "#fff";
182
+ export const utrechtCheckboxHoverBorderColor = "#738eab";
183
+ export const utrechtCheckboxHoverBorderWidth = "1px";
184
+ export const utrechtCheckboxFocusBackgroundColor = "#fff";
185
+ export const utrechtCheckboxFocusBorderColor = "#154273";
186
+ export const utrechtCheckboxFocusBorderWidth = "2px";
187
+ export const utrechtTextareaBorderBottomWidth = "1px";
188
+ export const utrechtTextareaHoverBackgroundColor = "#fff";
189
+ export const utrechtTextareaHoverBorderColor = "#88B76D";
190
+ export const utrechtTextareaHoverBorderWidth = "1px";
191
+ export const utrechtTextareaHoverColor = "#0F172A";
192
+ export const utrechtTextareaFocusBorderWidth = "2px";
193
+ export const utrechtTextareaFocusBackgroundColor = "#fff";
194
+ export const utrechtTextareaFocusBorderColor = "#154273";
195
+ export const utrechtTextareaFocusColor = "#0F172A";
196
+ export const utrechtTextareaBackgroundColor = "#fff";
197
+ export const utrechtTextareaBorderBlockEndWidth = "1px";
198
+ export const utrechtTextareaBorderColor = "#154273";
199
+ export const utrechtTextareaBorderRadius = "2.5px";
200
+ export const utrechtTextareaBorderWidth = "1px";
201
+ export const utrechtTextareaColor = "#0F172A";
202
+ export const utrechtTextareaFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
203
+ export const utrechtTextareaFontSize = "1.25rem";
204
+ export const utrechtTextareaFontWeight = 400;
205
+ export const utrechtTextareaLineHeight = "150%";
206
+ export const utrechtTextareaMaxInlineSize = "400px";
207
+ export const utrechtTextareaMinBlockSize = "48px";
208
+ export const utrechtTextareaPaddingBlockEnd = "0.5rem";
209
+ export const utrechtTextareaPaddingBlockStart = "0.5rem";
210
+ export const utrechtTextareaPaddingInlineEnd = "0.75rem";
211
+ export const utrechtTextareaPaddingInlineStart = "0.75rem";
212
+ export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
213
+ export const utrechtTextareaInvalidBorderBlockEndWidth = "1px";
214
+ export const utrechtTextareaInvalidBorderColor = "#d52b1e";
215
+ export const utrechtTextareaInvalidBorderWidth = "1px";
216
+ export const utrechtTextareaInvalidColor = "#0F172A";
217
+ export const utrechtTextareaPlaceholderColor = "#64748B";
218
+ export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
219
+ export const utrechtTextareaReadOnlyBorderColor = "transparent";
220
+ export const utrechtTextareaReadOnlyColor = "#0F172A";
221
+ export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
222
+ export const utrechtTextareaDisabledBorderColor = "#94A3B8";
223
+ export const utrechtTextareaDisabledColor = "#475569";
224
+ export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
225
+ export const utrechtFormFieldErrorMessageIconSize = "24px";
226
+ export const utrechtFormFieldErrorMessageBackgroundColor = "transparent";
227
+ export const utrechtFormFieldErrorMessageColor = "#d52b1e";
228
+ export const utrechtFormFieldErrorMessageFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
229
+ export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
230
+ export const utrechtFormFieldErrorMessageFontWeight = 400;
231
+ export const utrechtFormFieldErrorMessageLineHeight = "normal";
232
+ export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem";
233
+ export const utrechtFormFieldErrorMessageMarginBlockStart = "0rem";
234
+ export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
235
+ export const utrechtFormFieldErrorMessagePaddingBlockStart = "0rem";
236
+ export const utrechtFormFieldErrorMessagePaddingInlineEnd = "0rem";
237
+ export const utrechtFormFieldErrorMessagePaddingInlineStart = "0rem";
238
+ export const utrechtFormFieldDescriptionPaddingBlockEnd = "0.5rem";
239
+ export const utrechtFormFieldDescriptionColor = "#334155";
240
+ export const utrechtFormFieldDescriptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
241
+ export const utrechtFormFieldDescriptionFontSize = "1.25rem";
242
+ export const utrechtFormFieldDescriptionLineHeight = "150%";
243
+ export const utrechtFormFieldDescriptionMarginBlockEnd = "0.5rem";
244
+ export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
245
+ export const utrechtFormLabelColor = "#0F172A";
246
+ export const utrechtFormLabelFontSize = "1.25rem";
247
+ export const utrechtFormLabelFontWeight = 700;
248
+ export const utrechtFormLabelCheckboxColor = "#0F172A";
249
+ export const utrechtFormLabelCheckboxFontWeight = 400;
250
+ export const utrechtFormLabelRadioColor = "#0F172A";
251
+ export const utrechtFormLabelRadioFontWeight = 400;
252
+ export const utrechtFormLabelCheckedFontWeight = 400;
253
+ export const utrechtFormLabelDisabledColor = "#94A3B8";
254
+ export const utrechtNumberBadgeLineHeight = "125%";
255
+ export const utrechtNumberBadgeBackgroundColor = "#39870c";
256
+ export const utrechtNumberBadgeBorderColor = "transparent";
257
+ export const utrechtNumberBadgeBorderRadius = "999px";
258
+ export const utrechtNumberBadgeBorderWidth = "0px";
259
+ export const utrechtNumberBadgeColor = "#fff";
260
+ export const utrechtNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
261
+ export const utrechtNumberBadgeFontSize = "1.25rem";
262
+ export const utrechtNumberBadgeFontWeight = 700;
263
+ export const utrechtNumberBadgeMinBlockSize = "24px";
264
+ export const utrechtNumberBadgeMinInlineSize = "24px";
265
+ export const utrechtNumberBadgePaddingBlock = "0.125rem";
266
+ export const utrechtNumberBadgePaddingInline = "0.5rem";
267
+ export const utrechtFigureCaptionBorderColor = "#CBD5E1";
268
+ export const utrechtFigureCaptionBorderWidth = "4px";
269
+ export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
270
+ export const utrechtFigureCaptionPaddingBlockStart = "0.5rem";
271
+ export const utrechtFigureCaptionPaddingInlineStart = "1rem";
272
+ export const utrechtFigureCaptionColor = "#0F172A";
273
+ export const utrechtFigureCaptionFontSize = "1.25rem";
274
+ export const utrechtFigureCaptionLineHeight = "150%";
275
+ export const utrechtFigureImgBorderEndEndRadius = 0;
276
+ export const utrechtFigureImgBorderEndStartRadius = 0;
277
+ export const utrechtFigureImgBorderStartEndRadius = 0;
278
+ export const utrechtFigureImgBorderStartStartRadius = 0;
279
+ export const utrechtBlockquoteBorderBlockEndWidth = 0;
280
+ export const utrechtBlockquoteBorderBlockStartWidth = 0;
281
+ export const utrechtBlockquoteBorderEndEndRadius = 0;
282
+ export const utrechtBlockquoteBorderEndStartRadius = 0;
283
+ export const utrechtBlockquoteBorderInlineEndWidth = 0;
284
+ export const utrechtBlockquoteBorderStartEndRadius = 0;
285
+ export const utrechtBlockquoteBorderStartStartRadius = 0;
286
+ export const utrechtBlockquoteMarginBlockEnd = 0;
287
+ export const utrechtBlockquoteMarginBlockStart = 0;
288
+ export const utrechtBlockquoteMarginInlineEnd = 0;
289
+ export const utrechtBlockquoteMarginInlineStart = 0;
290
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
291
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#39870c";
292
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
293
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
294
+ export const utrechtBlockquoteCaptionColor = "#154273";
295
+ export const utrechtBlockquoteCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
296
+ export const utrechtBlockquoteCaptionFontSize = "1.25rem";
297
+ export const utrechtBlockquoteCaptionFontWeight = 400;
298
+ export const utrechtBlockquoteCaptionLineHeight = "150%";
299
+ export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
300
+ export const utrechtBlockquoteContentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
301
+ export const utrechtBlockquoteContentFontWeight = 400;
302
+ export const utrechtBlockquoteContentLineHeight = "150%";
303
+ export const utrechtBlockquoteContentColor = "#154273";
304
+ export const utrechtBlockquoteContentFontSize = "1.25rem";
305
+ export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
306
+ export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
307
+ export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
308
+ export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
309
+ export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
310
+ export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
311
+ export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
312
+ export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
313
+ export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
314
+ export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
315
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
316
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
317
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
318
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
319
+ export const utrechtBlockquoteBackgroundColor = "transparent";
320
+ export const utrechtBlockquoteBorderInlineStartWidth = "0px";
321
+ export const utrechtBlockquoteBorderColor = "transparent";
322
+ export const utrechtBlockquoteBorderRadius = "0px";
323
+ export const utrechtBlockquoteBorderWidth = "0px";
324
+ export const utrechtBlockquoteColor = "#154273";
325
+ export const utrechtBlockquoteFontSize = "1.25rem";
326
+ export const utrechtBlockquoteFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
327
+ export const utrechtBlockquotePaddingBlockEnd = "2rem";
328
+ export const utrechtBlockquotePaddingBlockStart = "2rem";
329
+ export const utrechtBlockquotePaddingInlineEnd = "2rem";
330
+ export const utrechtBlockquotePaddingInlineStart = "2rem";
331
+ export const utrechtBlockquoteRowGap = "0.75rem";
332
+ export const utrechtBlockquoteAttributionColor = "#154273";
333
+ export const utrechtBlockquoteAttributionFontSize = "1.25rem";
334
+ export const utrechtAlertHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
335
+ export const utrechtAlertHeadingFontSize = "1.25rem";
336
+ export const utrechtAlertHeadingFontWeight = 700;
337
+ export const utrechtAlertHeadingLineHeight = "150%";
338
+ export const utrechtAlertMessageColumnGap = "0.5rem";
339
+ export const utrechtAlertMessageLineHeight = "150%";
340
+ export const utrechtAlertMessageRowGap = "0rem";
341
+ export const utrechtAlertBackgroundColor = "#d9ebf7";
342
+ export const utrechtAlertBorderColor = "transparent";
343
+ export const utrechtAlertBorderRadius = "5px";
344
+ export const utrechtAlertBorderWidth = "0px";
345
+ export const utrechtAlertColor = "#000";
346
+ export const utrechtAlertColumnGap = "0.5rem";
347
+ export const utrechtAlertMarginBlockEnd = "0.75rem";
348
+ export const utrechtAlertMarginBlockStart = "0.75rem";
349
+ export const utrechtAlertPaddingBlockEnd = "1rem";
350
+ export const utrechtAlertPaddingBlockStart = "1rem";
351
+ export const utrechtAlertPaddingInlineEnd = "1rem";
352
+ export const utrechtAlertPaddingInlineStart = "1rem";
353
+ export const utrechtAlertContentRowGap = "0.5rem";
354
+ export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
355
+ export const utrechtAlertErrorBorderColor = "transparent";
356
+ export const utrechtAlertErrorColor = "#000";
357
+ export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
358
+ export const utrechtAlertInfoBorderColor = "transparent";
359
+ export const utrechtAlertInfoColor = "#000";
360
+ export const utrechtAlertOkBackgroundColor = "#e1eddb";
361
+ export const utrechtAlertOkBorderColor = "transparent";
362
+ export const utrechtAlertOkColor = "#000";
363
+ export const utrechtAlertWarningBackgroundColor = "#fff4db";
364
+ export const utrechtAlertWarningBorderColor = "transparent";
365
+ export const utrechtAlertWarningColor = "#000";
366
+ export const utrechtAlertIconColor = "#007bc7";
367
+ export const utrechtAlertIconInsetBlockStart = "3px";
368
+ export const utrechtAlertIconSize = "24px";
369
+ export const utrechtAlertIconErrorColor = "#d52b1e";
370
+ export const utrechtAlertIconInfoColor = "#007bc7";
371
+ export const utrechtAlertIconOkColor = "#39870c";
372
+ export const utrechtAlertIconWarningColor = "#ffb612";
373
+ export const utrechtAccordionButtonActiveRowGap = 0;
374
+ export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
375
+ export const utrechtAccordionButtonActiveBorderColor = "transparent";
376
+ export const utrechtAccordionButtonActiveColor = "#0F172A";
377
+ export const utrechtAccordionButtonFocusBackgroundColor = "#e1eddb";
378
+ export const utrechtAccordionButtonFocusBorderColor = "#39870c";
379
+ export const utrechtAccordionButtonFocusColor = "#0F172A";
380
+ export const utrechtAccordionButtonBackgroundColor = "#fff";
381
+ export const utrechtAccordionButtonBorderColor = "transparent";
382
+ export const utrechtAccordionButtonBorderRadius = "0px";
383
+ export const utrechtAccordionButtonBorderWidth = "1px";
384
+ export const utrechtAccordionButtonColor = "#0F172A";
385
+ export const utrechtAccordionButtonGap = "0.5rem";
386
+ export const utrechtAccordionButtonPaddingBlockEnd = "0.75rem";
387
+ export const utrechtAccordionButtonPaddingBlockStart = "0.75rem";
388
+ export const utrechtAccordionButtonPaddingInlineEnd = "1rem";
389
+ export const utrechtAccordionButtonPaddingInlineStart = "1rem";
390
+ export const utrechtAccordionButtonIconSize = "24px";
391
+ export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
392
+ export const utrechtAccordionButtonHoverBorderColor = "transparent";
393
+ export const utrechtAccordionButtonHoverColor = "#0F172A";
394
+ export const utrechtAccordionButtonFocusVisibleBackgroundColor = "#e1eddb";
395
+ export const utrechtAccordionButtonFocusVisibleBorderColor = "transparent";
396
+ export const utrechtAccordionButtonFocusVisibleBorderWidth = "1px";
397
+ export const utrechtAccordionButtonFocusVisibleColor = "#0F172A";
398
+ export const utrechtAccordionMarginBlockEnd = "0rem";
399
+ export const utrechtAccordionMarginBlockStart = "0rem";
400
+ export const utrechtAccordionRowGap = "0rem";
401
+ export const utrechtAccordionPanelBorderColor = "transparent";
402
+ export const utrechtAccordionPanelBorderWidth = "1px";
403
+ export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
404
+ export const utrechtAccordionPanelPaddingBlockStart = "1rem";
405
+ export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
406
+ export const utrechtAccordionPanelPaddingInlineStart = "1rem";
407
+ export const utrechtAccordionSectionBorderColor = "#94A3B8";
408
+ export const utrechtAccordionSectionHoverBorderColor = "#94A3B8";
409
+ export const utrechtAccordionSectionBorderWidth = "1px";
410
+ export const utrechtAccordionSectionMarginBlockEnd = "0rem";
411
+ export const utrechtAccordionSectionMarginBlockStart = "0rem";
130
412
  export const utrechtSkipLinkFocusTextDecoration = "None";
131
413
  export const utrechtSkipLinkFocusBorderColor = "#39870c";
132
414
  export const utrechtSkipLinkFocusBorderWidth = "2px";
@@ -195,8 +477,6 @@ export const utrechtDataBadgeBorderRadius = "10px";
195
477
  export const utrechtDataBadgeColor = "#39870c";
196
478
  export const utrechtDataBadgePaddingBlock = "0.125rem";
197
479
  export const utrechtDataBadgePaddingInline = "0.75rem";
198
- export const utrechtButtonIconGap = "0.5rem";
199
- export const utrechtButtonIconSize = "24px";
200
480
  export const utrechtButtonBackgroundColor = "#0F172A";
201
481
  export const utrechtButtonBorderColor = "transparent";
202
482
  export const utrechtButtonBorderRadius = "5px";
@@ -213,6 +493,7 @@ export const utrechtButtonPaddingBlockEnd = "0.5rem";
213
493
  export const utrechtButtonPaddingBlockStart = "0.5rem";
214
494
  export const utrechtButtonPaddingInlineEnd = "1rem";
215
495
  export const utrechtButtonPaddingInlineStart = "1rem";
496
+ export const utrechtButtonIconSize = "24px";
216
497
  export const utrechtButtonPressedBackgroundColor = "#1E293B";
217
498
  export const utrechtButtonPressedBorderColor = "transparent";
218
499
  export const utrechtButtonPressedColor = "#fff";
@@ -331,189 +612,44 @@ export const utrechtBreadcrumbNavItemPaddingInlineStart = "0.5rem";
331
612
  export const utrechtBreadcrumbNavItemFirstPaddingInlineStart = "0rem";
332
613
  export const utrechtBreadcrumbNavSeparatorColor = "#334155";
333
614
  export const utrechtBreadcrumbNavSeparatorIconSize = "24px";
334
- export const utrechtAccordionPanelBorderColor = "#94A3B8";
335
- export const utrechtAccordionPanelBorderWidth = 0;
336
- export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
337
- export const utrechtAccordionPanelPaddingBlockStart = "1rem";
338
- export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
339
- export const utrechtAccordionPanelPaddingInlineStart = "1rem";
340
- export const utrechtAccordionButtonGap = "0.5rem";
341
- export const utrechtAccordionButtonIconSize = "24px";
342
- export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
343
- export const utrechtAccordionButtonHoverBorderColor = "#94A3B8";
344
- export const utrechtAccordionButtonHoverColor = "#0F172A";
345
- export const utrechtAccordionButtonBackgroundColor = "#fff";
346
- export const utrechtAccordionButtonBorderColor = "#94A3B8";
347
- export const utrechtAccordionButtonBorderWidth = 0;
348
- export const utrechtAccordionButtonColor = "#0F172A";
349
- export const utrechtAccordionButtonFocusBackgroundColor = "#e1eddb";
350
- export const utrechtAccordionButtonFocusBorderColor = "#39870c";
351
- export const utrechtAccordionButtonFocusColor = "#0F172A";
352
- export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
353
- export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
354
- export const utrechtAccordionButtonActiveColor = "#0F172A";
355
- export const utrechtAccordionButtonActiveRowGap = 0;
356
615
  export const utrechtActionActivateCursor = "pointer";
357
616
  export const utrechtActionBusyCursor = "wait";
358
617
  export const utrechtActionDisabledCursor = "not-allowed";
359
- export const utrechtActionInertCursor = "default";
360
- export const utrechtActionNavigateCursor = "pointer";
361
- export const utrechtActionSubmitCursor = "pointer";
362
- export const utrechtUnorderedListColor = "#0F172A";
363
- export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
364
- export const utrechtUnorderedListMarkerColor = "#0F172A";
365
- export const utrechtUnorderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
366
- export const utrechtUnorderedListFontWeight = 400;
367
- export const utrechtUnorderedListFontSize = "1.25rem";
368
- export const utrechtUnorderedListLineHeight = "150%";
369
- export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
370
- export const utrechtUnorderedListMarginBlockStart = "0.25rem";
371
- export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
372
- export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
373
- export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
374
- export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
375
- export const utrechtOrderedListColor = "#0F172A";
376
- export const utrechtOrderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
377
- export const utrechtOrderedListFontWeight = 400;
378
- export const utrechtOrderedListMarginInlineStart = "0.625rem";
379
- export const utrechtOrderedListFontSize = "1.25rem";
380
- export const utrechtOrderedListLineHeight = "150%";
381
- export const utrechtOrderedListMarginBlockEnd = "0.25rem";
382
- export const utrechtOrderedListMarginBlockStart = "0.25rem";
383
- export const utrechtOrderedListPaddingInlineStart = "1.5rem";
384
- export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
385
- export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
386
- export const utrechtOrderedListItemPaddingInlineStart = "0.5rem";
387
- export const utrechtColumnLayoutColumnRuleColor = "transparent";
388
- export const utrechtColumnLayoutColumnRuleWidth = "0px";
389
- export const utrechtColumnLayoutColumnWidth = "400px";
390
- export const utrechtColumnLayoutGap = "0.75rem";
391
- export const utrechtBlockquoteBackgroundColor = "transparent";
392
- export const utrechtBlockquoteBorderInlineStartWidth = 0;
393
- export const utrechtBlockquoteBorderColor = "transparent";
394
- export const utrechtBlockquoteBorderRadius = 0;
395
- export const utrechtBlockquoteBorderWidth = 0;
396
- export const utrechtBlockquoteColor = "#154273";
397
- export const utrechtBlockquoteFontSize = "1.25rem";
398
- export const utrechtBlockquoteFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
399
- export const utrechtBlockquotePaddingBlockEnd = "2rem";
400
- export const utrechtBlockquotePaddingBlockStart = "2rem";
401
- export const utrechtBlockquotePaddingInlineEnd = "2rem";
402
- export const utrechtBlockquotePaddingInlineStart = "2rem";
403
- export const utrechtBlockquoteRowGap = "0.75rem";
404
- export const utrechtBlockquoteAttributionColor = "#154273";
405
- export const utrechtBlockquoteAttributionFontSize = "1.25rem";
406
- export const utrechtBlockquoteContentColor = "#154273";
407
- export const utrechtBlockquoteContentFontSize = "1.25rem";
408
- export const utrechtBlockquoteContentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
409
- export const utrechtBlockquoteContentLineHeight = "150%";
410
- export const utrechtBlockquoteContentFontWeight = 400;
411
- export const utrechtBlockquoteCaptionFontSize = "1.25rem";
412
- export const utrechtBlockquoteCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
413
- export const utrechtBlockquoteCaptionLineHeight = "150%";
414
- export const utrechtBlockquoteCaptionFontWeight = 400;
415
- export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
416
- export const utrechtBlockquoteCaptionColor = "#154273";
417
- export const utrechtBlockquoteMarginBlockEnd = 0;
418
- export const utrechtBlockquoteMarginBlockStart = 0;
419
- export const utrechtBlockquoteMarginInlineEnd = 0;
420
- export const utrechtBlockquoteMarginInlineStart = 0;
421
- export const utrechtBlockquoteBorderBlockStartWidth = 0;
422
- export const utrechtBlockquoteBorderBlockEndWidth = 0;
423
- export const utrechtBlockquoteBorderInlineEndWidth = 0;
424
- export const utrechtBlockquoteBorderStartStartRadius = 0;
425
- export const utrechtBlockquoteBorderStartEndRadius = 0;
426
- export const utrechtBlockquoteBorderEndStartRadius = 0;
427
- export const utrechtBlockquoteBorderEndEndRadius = 0;
428
- export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#39870c";
429
- export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
430
- export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
431
- export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
432
- export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
433
- export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
434
- export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
435
- export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
436
- export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
437
- export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
438
- export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
439
- export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
440
- export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
441
- export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
442
- export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
443
- export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
444
- export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
445
- export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
446
- export const utrechtIconColor = "inherit";
447
- export const utrechtIconSize = "24px";
448
- export const utrechtIconInsetBlockStart = "0rem";
449
- export const utrechtTextboxBorderRadius = "2.5px";
450
- export const utrechtTextboxFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
451
- export const utrechtTextboxFontSize = "1.25rem";
452
- export const utrechtTextboxFontWeight = 400;
453
- export const utrechtTextboxLineHeight = "150%";
454
- export const utrechtTextboxMaxInlineSize = "400px";
455
- export const utrechtTextboxPaddingBlockEnd = "0.5rem";
456
- export const utrechtTextboxPaddingBlockStart = "0.5rem";
457
- export const utrechtTextboxPaddingInlineEnd = "0.75rem";
458
- export const utrechtTextboxPaddingInlineStart = "0.75rem";
459
- export const utrechtTextboxBackgroundColor = "#fff";
460
- export const utrechtTextboxBorderColor = "#39870c";
461
- export const utrechtTextboxColor = "#0F172A";
462
- export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
463
- export const utrechtTextboxInvalidBorderColor = "#d52b1e";
464
- export const utrechtTextboxInvalidColor = "#0F172A";
465
- export const utrechtTextboxInvalidBorderWidth = "1px";
466
- export const utrechtTextboxPlaceholderColor = "#64748B";
467
- export const utrechtTextboxBorderBlockEndWidth = "auto";
468
- export const utrechtTextboxBorderWidth = "1px";
469
- export const utrechtTextboxFocusBorderWidth = "2px";
470
- export const utrechtTextboxFocusBackgroundColor = "#fff";
471
- export const utrechtTextboxFocusBorderColor = "#39870c";
472
- export const utrechtTextboxFocusColor = "#0F172A";
473
- export const utrechtTextboxDisabledBackgroundColor = "#CBD5E1";
474
- export const utrechtTextboxDisabledBorderColor = "#94A3B8";
475
- export const utrechtTextboxDisabledColor = "#475569";
476
- export const utrechtTextboxReadOnlyBackgroundColor = "#F1F5F9";
477
- export const utrechtTextboxReadOnlyBorderColor = "transparent";
478
- export const utrechtTextboxReadOnlyColor = "#0F172A";
479
- export const utrechtTextboxHoverBorderWidth = "1px";
480
- export const utrechtTextboxHoverBackgroundColor = "#fff";
481
- export const utrechtTextboxHoverBorderColor = "#88B76D";
482
- export const utrechtTextboxHoverColor = "#0F172A";
483
- export const utrechtTextareaMaxInlineSize = "400px";
484
- export const utrechtTextareaPaddingBlockEnd = "0.5rem";
485
- export const utrechtTextareaPaddingBlockStart = "0.5rem";
486
- export const utrechtTextareaPaddingInlineEnd = "0.75rem";
487
- export const utrechtTextareaPaddingInlineStart = "0.75rem";
488
- export const utrechtTextareaBackgroundColor = "#fff";
489
- export const utrechtTextareaBorderColor = "#39870c";
490
- export const utrechtTextareaColor = "#0F172A";
491
- export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
492
- export const utrechtTextareaInvalidBorderColor = "#d52b1e";
493
- export const utrechtTextareaInvalidColor = "#0F172A";
494
- export const utrechtTextareaInvalidBorderWidth = "1px";
495
- export const utrechtTextareaPlaceholderColor = "#64748B";
496
- export const utrechtTextareaFocusBackgroundColor = "#fff";
497
- export const utrechtTextareaFocusBorderColor = "#39870c";
498
- export const utrechtTextareaFocusColor = "#0F172A";
499
- export const utrechtTextareaFocusBorderWidth = "2px";
500
- export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
501
- export const utrechtTextareaDisabledBorderColor = "#94A3B8";
502
- export const utrechtTextareaDisabledColor = "#475569";
503
- export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
504
- export const utrechtTextareaReadOnlyBorderColor = "transparent";
505
- export const utrechtTextareaReadOnlyColor = "#0F172A";
506
- export const utrechtTextareaHoverBackgroundColor = "#fff";
507
- export const utrechtTextareaHoverBorderColor = "#88B76D";
508
- export const utrechtTextareaHoverColor = "#0F172A";
509
- export const utrechtTextareaHoverBorderWidth = "1px";
510
- export const utrechtTextareaBorderRadius = "2.5px";
511
- export const utrechtTextareaBorderBottomWidth = "1px";
512
- export const utrechtTextareaBorderWidth = "1px";
513
- export const utrechtTextareaFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
514
- export const utrechtTextareaFontWeight = 400;
515
- export const utrechtTextareaLineHeight = "150%";
516
- export const utrechtTextareaFontSize = "1.25rem";
618
+ export const utrechtActionInertCursor = "default";
619
+ export const utrechtActionNavigateCursor = "pointer";
620
+ export const utrechtActionSubmitCursor = "pointer";
621
+ export const utrechtUnorderedListColor = "#0F172A";
622
+ export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
623
+ export const utrechtUnorderedListMarkerColor = "#0F172A";
624
+ export const utrechtUnorderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
625
+ export const utrechtUnorderedListFontWeight = 400;
626
+ export const utrechtUnorderedListFontSize = "1.25rem";
627
+ export const utrechtUnorderedListLineHeight = "150%";
628
+ export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
629
+ export const utrechtUnorderedListMarginBlockStart = "0.25rem";
630
+ export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
631
+ export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
632
+ export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
633
+ export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
634
+ export const utrechtOrderedListColor = "#0F172A";
635
+ export const utrechtOrderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
636
+ export const utrechtOrderedListFontWeight = 400;
637
+ export const utrechtOrderedListMarginInlineStart = "0.625rem";
638
+ export const utrechtOrderedListFontSize = "1.25rem";
639
+ export const utrechtOrderedListLineHeight = "150%";
640
+ export const utrechtOrderedListMarginBlockEnd = "0.25rem";
641
+ export const utrechtOrderedListMarginBlockStart = "0.25rem";
642
+ export const utrechtOrderedListPaddingInlineStart = "1.5rem";
643
+ export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
644
+ export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
645
+ export const utrechtOrderedListItemPaddingInlineStart = "0.5rem";
646
+ export const utrechtColumnLayoutColumnRuleColor = "transparent";
647
+ export const utrechtColumnLayoutColumnRuleWidth = "0px";
648
+ export const utrechtColumnLayoutColumnWidth = "400px";
649
+ export const utrechtColumnLayoutGap = "0.75rem";
650
+ export const utrechtIconColor = "inherit";
651
+ export const utrechtIconSize = "24px";
652
+ export const utrechtIconInsetBlockStart = "0rem";
517
653
  export const utrechtTableHeaderCellLineHeight = "150%";
518
654
  export const utrechtTableHeaderCellColor = "#0F172A";
519
655
  export const utrechtTableHeaderCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
@@ -560,82 +696,10 @@ export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
560
696
  export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
561
697
  export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
562
698
  export const utrechtTableFontSize = "1.25rem";
563
- export const utrechtSeparatorColor = "#CBD5E1";
564
699
  export const utrechtSeparatorBlockSize = "2px";
700
+ export const utrechtSeparatorColor = "#CBD5E1";
565
701
  export const utrechtSeparatorMarginBlockEnd = "0.75rem";
566
702
  export const utrechtSeparatorMarginBlockStart = "0.75rem";
567
- export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
568
- export const utrechtSelectIconSize = "24px";
569
- export const utrechtSelectBackgroundColor = "#fff";
570
- export const utrechtSelectBorderColor = "#39870c";
571
- export const utrechtSelectColor = "#0F172A";
572
- export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
573
- export const utrechtSelectInvalidBorderColor = "#d52b1e";
574
- export const utrechtSelectInvalidColor = "#0F172A";
575
- export const utrechtSelectInvalidBorderWidth = "1px";
576
- export const utrechtSelectFocusBackgroundColor = "#fff";
577
- export const utrechtSelectFocusBorderColor = "#39870c";
578
- export const utrechtSelectFocusColor = "#0F172A";
579
- export const utrechtSelectFocusBorderWidth = "2px";
580
- export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
581
- export const utrechtSelectDisabledBorderColor = "#94A3B8";
582
- export const utrechtSelectDisabledColor = "#475569";
583
- export const utrechtSelectHoverBackgroundColor = "#fff";
584
- export const utrechtSelectHoverBorderColor = "#88B76D";
585
- export const utrechtSelectHoverColor = "#0F172A";
586
- export const utrechtSelectHoverBorderWidth = "1px";
587
- export const utrechtSelectPaddingBlockEnd = "0.5rem";
588
- export const utrechtSelectPaddingBlockStart = "0.5rem";
589
- export const utrechtSelectPaddingInlineEnd = "0.75rem";
590
- export const utrechtSelectPaddingInlineStart = "0.75rem";
591
- export const utrechtSelectBorderRadius = "2.5px";
592
- export const utrechtSelectBorderBottomWidth = "auto";
593
- export const utrechtSelectBorderWidth = "1px";
594
- export const utrechtSelectFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
595
- export const utrechtSelectFontWeight = 400;
596
- export const utrechtSelectLineHeight = "150%";
597
- export const utrechtSelectFontSize = "1.25rem";
598
- export const utrechtSelectMaxInlineSize = "400px";
599
- export const utrechtRadioButtonActiveBorderWidth = "1px";
600
- export const utrechtRadioButtonActiveBackgroundColor = "#fff";
601
- export const utrechtRadioButtonActiveBorderColor = "#6AA549";
602
- export const utrechtRadioButtonSize = "24px";
603
- export const utrechtRadioButtonDotSize = "12px";
604
- export const utrechtRadioButtonBackgroundColor = "#fff";
605
- export const utrechtRadioButtonBorderColor = "#39870c";
606
- export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
607
- export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
608
- export const utrechtRadioButtonInvalidBorderWidth = "1px";
609
- export const utrechtRadioButtonFocusBackgroundColor = "#fff";
610
- export const utrechtRadioButtonFocusBorderColor = "#39870c";
611
- export const utrechtRadioButtonFocusBorderWidth = "2px";
612
- export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
613
- export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
614
- export const utrechtRadioButtonDisabledColor = "#475569";
615
- export const utrechtRadioButtonCheckedBackgroundColor = "#39870c";
616
- export const utrechtRadioButtonCheckedBorderColor = "transparent";
617
- export const utrechtRadioButtonCheckedColor = "#fff";
618
- export const utrechtRadioButtonCheckedHoverBackgroundColor = "#88B76D";
619
- export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
620
- export const utrechtRadioButtonCheckedHoverColor = "#fff";
621
- export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
622
- export const utrechtRadioButtonCheckedActiveBackgroundColor = "#6AA549";
623
- export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
624
- export const utrechtRadioButtonCheckedActiveColor = "#fff";
625
- export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
626
- export const utrechtRadioButtonCheckedFocusBackgroundColor = "#fff";
627
- export const utrechtRadioButtonCheckedFocusBorderColor = "#39870c";
628
- export const utrechtRadioButtonCheckedFocusColor = "#39870c";
629
- export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
630
- export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
631
- export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
632
- export const utrechtRadioButtonCheckedDisabledColor = "#475569";
633
- export const utrechtRadioButtonCheckedBorderWidth = "1px";
634
- export const utrechtRadioButtonHoverBackgroundColor = "#fff";
635
- export const utrechtRadioButtonHoverBorderColor = "#88B76D";
636
- export const utrechtRadioButtonHoverBorderWidth = "1px";
637
- export const utrechtRadioButtonBorderRadius = "999px";
638
- export const utrechtRadioButtonBorderWidth = "1px";
639
703
  export const utrechtPreHeadingColor = "#0F172A";
640
704
  export const utrechtPreHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
641
705
  export const utrechtPreHeadingFontWeight = 700;
@@ -659,212 +723,63 @@ export const utrechtParagraphMarginBlockStart = "0rem";
659
723
  export const utrechtHeading1Color = "#154273";
660
724
  export const utrechtHeading1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
661
725
  export const utrechtHeading1FontSize = "3.125rem";
662
- export const utrechtHeading1FontWeight = 700;
663
- export const utrechtHeading1LineHeight = "125%";
664
- export const utrechtHeading1MarginBlockEnd = "0rem";
665
- export const utrechtHeading1MarginBlockStart = "0rem";
666
- export const utrechtHeading2Color = "#154273";
667
- export const utrechtHeading2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
668
- export const utrechtHeading2FontSize = "2.5rem";
669
- export const utrechtHeading2FontWeight = 700;
670
- export const utrechtHeading2LineHeight = "125%";
671
- export const utrechtHeading2MarginBlockEnd = "0rem";
672
- export const utrechtHeading2MarginBlockStart = "0rem";
673
- export const utrechtHeading3Color = "#154273";
674
- export const utrechtHeading3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
675
- export const utrechtHeading3FontSize = "1.875rem";
676
- export const utrechtHeading3FontWeight = 700;
677
- export const utrechtHeading3LineHeight = "125%";
678
- export const utrechtHeading3MarginBlockEnd = "0rem";
679
- export const utrechtHeading3MarginBlockStart = "0rem";
680
- export const utrechtHeading4Color = "#154273";
681
- export const utrechtHeading4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
682
- export const utrechtHeading4FontSize = "1.5rem";
683
- export const utrechtHeading4FontWeight = 700;
684
- export const utrechtHeading4LineHeight = "150%";
685
- export const utrechtHeading4MarginBlockEnd = "0rem";
686
- export const utrechtHeading4MarginBlockStart = "0rem";
687
- export const utrechtHeading5Color = "#154273";
688
- export const utrechtHeading5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
689
- export const utrechtHeading5FontSize = "1.25rem";
690
- export const utrechtHeading5FontWeight = 700;
691
- export const utrechtHeading5LineHeight = "150%";
692
- export const utrechtHeading5MarginBlockEnd = "0rem";
693
- export const utrechtHeading5MarginBlockStart = "0rem";
694
- export const utrechtHeading6Color = "#154273";
695
- export const utrechtHeading6FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
696
- export const utrechtHeading6FontSize = "1.25rem";
697
- export const utrechtHeading6FontWeight = 700;
698
- export const utrechtHeading6LineHeight = "150%";
699
- export const utrechtHeading6MarginBlockEnd = "0rem";
700
- export const utrechtHeading6MarginBlockStart = "0rem";
701
- export const utrechtFormLabelColor = "#0F172A";
702
- export const utrechtFormLabelFontSize = "1.25rem";
703
- export const utrechtFormLabelFontWeight = 700;
704
- export const utrechtFormFieldLabelColor = "#0F172A";
705
- export const utrechtFormFieldLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
706
- export const utrechtFormFieldLabelFontSize = "1.25rem";
707
- export const utrechtFormFieldLabelFontWeight = 700;
708
- export const utrechtFormFieldLabelLineHeight = "150%";
709
- export const utrechtFormFieldErrorMessageIconSize = "24px";
710
- export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
711
- export const utrechtFormFieldErrorMessageColor = "#d52b1e";
712
- export const utrechtFormFieldErrorMessageFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
713
- export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
714
- export const utrechtFormFieldErrorMessageFontWeight = 400;
715
- export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem";
716
- export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
717
- export const utrechtFormFieldDescriptionColor = "#334155";
718
- export const utrechtFormFieldDescriptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
719
- export const utrechtFormFieldDescriptionFontSize = "1.25rem";
720
- export const utrechtFormFieldDescriptionLineHeight = "150%";
721
- export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
722
- export const utrechtFormFieldDescriptionMarginBlockEnd = "0.5rem";
723
- export const utrechtFormFieldDescriptionPaddingBlockEnd = "0.5rem";
724
- export const utrechtFormFieldMarginBlockStart = "0.5rem";
725
- export const utrechtFormFieldMarginBlockEnd = "0.5rem";
726
- export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
727
- export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
728
- export const utrechtFormFieldInvalidPaddingInlineStart = "0rem";
729
- export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
730
- export const utrechtFormFieldErrorMessageLineHeight = "normal";
731
- export const utrechtPageFooterBackgroundColor = "#39870c";
732
- export const utrechtPageFooterColor = "#fff";
733
- export const utrechtPageFooterPaddingBlockStart = "3rem";
734
- export const utrechtPageFooterPaddingBlockEnd = "3rem";
735
- export const utrechtPageFooterPaddingInlineStart = "80px";
736
- export const utrechtPageFooterPaddingInlineEnd = "80px";
737
- export const utrechtFigureCaptionBorderColor = "#CBD5E1";
738
- export const utrechtFigureCaptionBorderWidth = "4px";
739
- export const utrechtFigureCaptionColor = "#39870c";
740
- export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
741
- export const utrechtFigureCaptionPaddingBlockStart = "0.5rem";
742
- export const utrechtFigureCaptionPaddingInlineStart = "1rem";
743
- export const utrechtFigureCaptionLineHeight = "150%";
744
- export const utrechtFigureCaptionFontSize = "1.25rem";
745
- export const utrechtFigureImgBorderEndEndRadius = 0;
746
- export const utrechtFigureImgBorderEndStartRadius = 0;
747
- export const utrechtFigureImgBorderStartEndRadius = 0;
748
- export const utrechtFigureImgBorderStartStartRadius = 0;
749
- export const utrechtFormFieldsetLegendColor = "#0F172A";
750
- export const utrechtFormFieldsetLegendFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
751
- export const utrechtFormFieldsetLegendFontSize = "1.25rem";
752
- export const utrechtFormFieldsetLegendFontWeight = 700;
753
- export const utrechtFormFieldsetLegendLineHeight = "150%";
754
- export const utrechtFormFieldsetLegendDisabledColor = "#334155";
755
- export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
756
- export const utrechtFormFieldsetSectionColor = "#0F172A";
757
- export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
758
- export const utrechtFormFieldsetInvalidPaddingInlineStart = "0rem";
759
- export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
760
- export const utrechtNumberBadgeFontSize = "1.25rem";
761
- export const utrechtNumberBadgeLineHeight = "125%";
762
- export const utrechtNumberBadgeMinBlockSize = "24px";
763
- export const utrechtNumberBadgeMinInlineSize = "24px";
764
- export const utrechtNumberBadgeFontWeight = 700;
765
- export const utrechtNumberBadgeBorderWidth = "0px";
766
- export const utrechtNumberBadgeBorderRadius = "999px";
767
- export const utrechtNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
768
- export const utrechtNumberBadgeBackgroundColor = "#39870c";
769
- export const utrechtNumberBadgeBorderColor = "transparent";
770
- export const utrechtNumberBadgeColor = "#fff";
771
- export const utrechtNumberBadgePaddingInline = "0.5rem";
772
- export const utrechtNumberBadgePaddingBlock = "0.125rem";
773
- export const utrechtCheckboxBorderRadius = "2.5px";
774
- export const utrechtCheckboxSize = "24px";
775
- export const utrechtCheckboxIconSize = "24px";
776
- export const utrechtCheckboxBackgroundColor = "#fff";
777
- export const utrechtCheckboxBorderColor = "#39870c";
778
- export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
779
- export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
780
- export const utrechtCheckboxInvalidBorderWidth = "1px";
781
- export const utrechtCheckboxFocusBackgroundColor = "#fff";
782
- export const utrechtCheckboxFocusBorderColor = "#39870c";
783
- export const utrechtCheckboxFocusBorderWidth = "2px";
784
- export const utrechtCheckboxDisabledBackgroundColor = "#CBD5E1";
785
- export const utrechtCheckboxDisabledBorderColor = "#94A3B8";
786
- export const utrechtCheckboxCheckedBackgroundColor = "#39870c";
787
- export const utrechtCheckboxCheckedBorderColor = "transparent";
788
- export const utrechtCheckboxCheckedColor = "#fff";
789
- export const utrechtCheckboxCheckedBorderWidth = "1px";
790
- export const utrechtCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
791
- export const utrechtCheckboxCheckedDisabledBorderColor = "#94A3B8";
792
- export const utrechtCheckboxCheckedDisabledColor = "#475569";
793
- export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
794
- export const utrechtCheckboxCheckedFocusBackgroundColor = "#fff";
795
- export const utrechtCheckboxCheckedFocusBorderColor = "#39870c";
796
- export const utrechtCheckboxCheckedFocusColor = "#39870c";
797
- export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
798
- export const utrechtCheckboxCheckedHoverBackgroundColor = "#88B76D";
799
- export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
800
- export const utrechtCheckboxCheckedHoverColor = "#fff";
801
- export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
802
- export const utrechtCheckboxCheckedActiveBackgroundColor = "#6AA549";
803
- export const utrechtCheckboxCheckedActiveBorderColor = "transparent";
804
- export const utrechtCheckboxCheckedActiveColor = "#fff";
805
- export const utrechtCheckboxIndeterminateBackgroundColor = "#39870c";
806
- export const utrechtCheckboxIndeterminateBorderColor = "transparent";
807
- export const utrechtCheckboxIndeterminateColor = "#fff";
808
- export const utrechtCheckboxIndeterminateBorderWidth = "1px";
809
- export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
810
- export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
811
- export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
812
- export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#6AA549";
813
- export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
814
- export const utrechtCheckboxIndeterminateActiveColor = "#fff";
815
- export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
816
- export const utrechtCheckboxIndeterminateHoverBackgroundColor = "#88B76D";
817
- export const utrechtCheckboxIndeterminateHoverBorderColor = "transparent";
818
- export const utrechtCheckboxIndeterminateHoverColor = "#fff";
819
- export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
820
- export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#fff";
821
- export const utrechtCheckboxIndeterminateFocusBorderColor = "#39870c";
822
- export const utrechtCheckboxIndeterminateFocusColor = "#39870c";
823
- export const utrechtCheckboxIndeterminateFocusBorderWidth = "2px";
824
- export const utrechtCheckboxBorderWidth = "1px";
825
- export const utrechtCheckboxHoverBorderWidth = "1px";
826
- export const utrechtCheckboxHoverBackgroundColor = "#fff";
827
- export const utrechtCheckboxHoverBorderColor = "#88B76D";
828
- export const utrechtCheckboxActiveBorderWidth = "1px";
829
- export const utrechtCheckboxActiveBackgroundColor = "#fff";
830
- export const utrechtCheckboxActiveBorderColor = "#6AA549";
726
+ export const utrechtHeading1FontWeight = 700;
727
+ export const utrechtHeading1LineHeight = "125%";
728
+ export const utrechtHeading1MarginBlockEnd = "0rem";
729
+ export const utrechtHeading1MarginBlockStart = "0rem";
730
+ export const utrechtHeading2Color = "#154273";
731
+ export const utrechtHeading2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
732
+ export const utrechtHeading2FontSize = "2.5rem";
733
+ export const utrechtHeading2FontWeight = 700;
734
+ export const utrechtHeading2LineHeight = "125%";
735
+ export const utrechtHeading2MarginBlockEnd = "0rem";
736
+ export const utrechtHeading2MarginBlockStart = "0rem";
737
+ export const utrechtHeading3Color = "#154273";
738
+ export const utrechtHeading3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
739
+ export const utrechtHeading3FontSize = "1.875rem";
740
+ export const utrechtHeading3FontWeight = 700;
741
+ export const utrechtHeading3LineHeight = "125%";
742
+ export const utrechtHeading3MarginBlockEnd = "0rem";
743
+ export const utrechtHeading3MarginBlockStart = "0rem";
744
+ export const utrechtHeading4Color = "#154273";
745
+ export const utrechtHeading4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
746
+ export const utrechtHeading4FontSize = "1.5rem";
747
+ export const utrechtHeading4FontWeight = 700;
748
+ export const utrechtHeading4LineHeight = "150%";
749
+ export const utrechtHeading4MarginBlockEnd = "0rem";
750
+ export const utrechtHeading4MarginBlockStart = "0rem";
751
+ export const utrechtHeading5Color = "#154273";
752
+ export const utrechtHeading5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
753
+ export const utrechtHeading5FontSize = "1.25rem";
754
+ export const utrechtHeading5FontWeight = 700;
755
+ export const utrechtHeading5LineHeight = "150%";
756
+ export const utrechtHeading5MarginBlockEnd = "0rem";
757
+ export const utrechtHeading5MarginBlockStart = "0rem";
758
+ export const utrechtHeading6Color = "#154273";
759
+ export const utrechtHeading6FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
760
+ export const utrechtHeading6FontSize = "1.25rem";
761
+ export const utrechtHeading6FontWeight = 700;
762
+ export const utrechtHeading6LineHeight = "150%";
763
+ export const utrechtHeading6MarginBlockEnd = "0rem";
764
+ export const utrechtHeading6MarginBlockStart = "0rem";
765
+ export const utrechtPageFooterBackgroundColor = "#39870c";
766
+ export const utrechtPageFooterColor = "#fff";
767
+ export const utrechtPageFooterPaddingBlockStart = "3rem";
768
+ export const utrechtPageFooterPaddingBlockEnd = "3rem";
769
+ export const utrechtPageFooterPaddingInlineStart = "80px";
770
+ export const utrechtPageFooterPaddingInlineEnd = "80px";
771
+ export const utrechtFormFieldsetLegendColor = "#0F172A";
772
+ export const utrechtFormFieldsetLegendFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
773
+ export const utrechtFormFieldsetLegendFontSize = "1.25rem";
774
+ export const utrechtFormFieldsetLegendFontWeight = 700;
775
+ export const utrechtFormFieldsetLegendLineHeight = "150%";
776
+ export const utrechtFormFieldsetLegendDisabledColor = "#334155";
777
+ export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
778
+ export const utrechtFormFieldsetSectionColor = "#0F172A";
779
+ export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
780
+ export const utrechtFormFieldsetInvalidPaddingInlineStart = "0rem";
781
+ export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
831
782
  export const utrechtArticleMaxInlineSize = "75ch";
832
- export const utrechtAlertHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
833
- export const utrechtAlertHeadingFontWeight = 700;
834
- export const utrechtAlertHeadingLineHeight = "150%";
835
- export const utrechtAlertHeadingFontSize = "1.25rem";
836
- export const utrechtAlertColumnGap = "0.5rem";
837
- export const utrechtAlertBorderWidth = "0px";
838
- export const utrechtAlertMarginBlockEnd = "0.75rem";
839
- export const utrechtAlertMarginBlockStart = "0.75rem";
840
- export const utrechtAlertPaddingBlockEnd = "1rem";
841
- export const utrechtAlertPaddingBlockStart = "1rem";
842
- export const utrechtAlertPaddingInlineEnd = "1rem";
843
- export const utrechtAlertPaddingInlineStart = "1rem";
844
- export const utrechtAlertBackgroundColor = "#d9ebf7";
845
- export const utrechtAlertBorderColor = "transparent";
846
- export const utrechtAlertColor = "#000";
847
- export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
848
- export const utrechtAlertInfoBorderColor = "transparent";
849
- export const utrechtAlertInfoColor = "#000";
850
- export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
851
- export const utrechtAlertErrorBorderColor = "transparent";
852
- export const utrechtAlertErrorColor = "#000";
853
- export const utrechtAlertOkBackgroundColor = "#e1eddb";
854
- export const utrechtAlertOkBorderColor = "transparent";
855
- export const utrechtAlertOkColor = "#000";
856
- export const utrechtAlertWarningBackgroundColor = "#fff4db";
857
- export const utrechtAlertWarningBorderColor = "transparent";
858
- export const utrechtAlertWarningColor = "#000";
859
- export const utrechtAlertIconInsetBlockStart = "3px";
860
- export const utrechtAlertIconInfoColor = "#007bc7";
861
- export const utrechtAlertIconErrorColor = "#d52b1e";
862
- export const utrechtAlertIconOkColor = "#39870c";
863
- export const utrechtAlertIconWarningColor = "#ffb612";
864
- export const utrechtAlertIconSize = "24px";
865
- export const utrechtAlertMessageLineHeight = "150%";
866
- export const utrechtAlertMessageColumnGap = "0.5rem";
867
- export const utrechtAlertBorderRadius = "5px";
868
783
  export const utrechtDocumentBackgroundColor = "#fff";
869
784
  export const utrechtDocumentColor = "#0F172A";
870
785
  export const utrechtDocumentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
@@ -882,11 +797,185 @@ export const utrechtFocusOutlineOffset = "0.125rem";
882
797
  export const utrechtFocusOutlineStyle = "solid";
883
798
  export const utrechtFocusOutlineWidth = "2px";
884
799
  export const utrechtFocusInverseOutlineColor = "#fff";
885
- export const rhcLinkListTextDecoration = "None";
886
- export const rhcDataBadgeButtonColumnGap = "0.125rem";
887
- export const rhcDataBadgeButtonHoverBackgroundColor = "#39870c";
888
- export const rhcDataBadgeButtonHoverColor = "#fff";
889
- export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.";
800
+ export const todoCheckboxIndeterminateActiveBackgroundColor = "#4f7196";
801
+ export const todoCheckboxIndeterminateActiveBorderColor = "transparent";
802
+ export const todoCheckboxIndeterminateActiveBorderWidth = "1px";
803
+ export const todoCheckboxIndeterminateActiveColor = "#fff";
804
+ export const todoCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
805
+ export const todoCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
806
+ export const todoCheckboxIndeterminateDisabledColor = "#475569";
807
+ export const todoCheckboxIndeterminateHoverBackgroundColor = "#738eab";
808
+ export const todoCheckboxIndeterminateHoverBorderColor = "transparent";
809
+ export const todoCheckboxIndeterminateHoverBorderWidth = "1px";
810
+ export const todoCheckboxIndeterminateHoverColor = "#fff";
811
+ export const todoCheckboxIndeterminateFocusVisibleBackgroundColor = "#fff";
812
+ export const todoCheckboxIndeterminateFocusVisibleBorderColor = "#154273";
813
+ export const todoCheckboxIndeterminateFocusVisibleBorderWidth = "2px";
814
+ export const todoCheckboxIndeterminateFocusVisibleColor = "#154273";
815
+ export const todoCheckboxCheckedActiveBackgroundColor = "#4f7196";
816
+ export const todoCheckboxCheckedActiveBorderColor = "transparent";
817
+ export const todoCheckboxCheckedActiveBorderWidth = "1px";
818
+ export const todoCheckboxCheckedActiveColor = "#fff";
819
+ export const todoCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
820
+ export const todoCheckboxCheckedDisabledBorderColor = "#94A3B8";
821
+ export const todoCheckboxCheckedDisabledColor = "#475569";
822
+ export const todoCheckboxCheckedHoverBackgroundColor = "#738eab";
823
+ export const todoCheckboxCheckedHoverBorderColor = "transparent";
824
+ export const todoCheckboxCheckedHoverBorderWidth = "1px";
825
+ export const todoCheckboxCheckedHoverColor = "#fff";
826
+ export const todoCheckboxCheckedFocusVisibleBackgroundColor = "#fff";
827
+ export const todoCheckboxCheckedFocusVisibleBorderColor = "#154273";
828
+ export const todoCheckboxCheckedFocusVisibleBorderWidth = "2px";
829
+ export const todoCheckboxCheckedFocusVisibleColor = "#154273";
830
+ export const todoRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
831
+ export const todoRadioButtonCheckedDisabledBorderColor = "#94A3B8";
832
+ export const todoRadioButtonCheckedDisabledColor = "#475569";
833
+ export const todoTextboxHoverBackgroundColor = "#fff";
834
+ export const todoTextboxHoverBorderColor = "#738eab";
835
+ export const todoTextboxHoverColor = "#0F172A";
836
+ export const todoFormFieldLabelColor = "#0F172A";
837
+ export const todoFormFieldLabelColumnGap = "0.5rem";
838
+ export const todoFormFieldLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
839
+ export const todoFormFieldLabelFontSize = "1.25rem";
840
+ export const todoFormFieldLabelFontWeight = 700;
841
+ export const todoFormFieldLabelLineHeight = "150%";
842
+ export const todoTextareaHoverBackgroundColor = "#fff";
843
+ export const todoTextareaHoverBorderColor = "#738eab";
844
+ export const todoTextareaHoverColor = "#0F172A";
845
+ export const todoFormFieldErrorMessageColumnGap = "0.5rem";
846
+ export const todoFormFieldErrorMessageIconSize = "24px";
847
+ export const todoFigureRowGap = "0.5rem";
848
+ export const todoAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
849
+ export const todoAccordionButtonFontSize = "1.25rem";
850
+ export const todoAccordionButtonFontWeight = 400;
851
+ export const todoAccordionButtonLineHeight = "150%";
852
+ export const todoLinkListLinkHoverTextDecoration = "underline";
853
+ export const todoSkipLinkFontWeight = 700;
854
+ export const nlNumberBadgeLineHeight = "125%";
855
+ export const nlNumberBadgeBackgroundColor = "#39870c";
856
+ export const nlNumberBadgeBorderColor = "transparent";
857
+ export const nlNumberBadgeBorderRadius = "999px";
858
+ export const nlNumberBadgeBorderWidth = "0px";
859
+ export const nlNumberBadgeColor = "#fff";
860
+ export const nlNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
861
+ export const nlNumberBadgeFontSize = "1.25rem";
862
+ export const nlNumberBadgeFontWeight = 700;
863
+ export const nlNumberBadgeMinBlockSize = "24px";
864
+ export const nlNumberBadgeMinInlineSize = "24px";
865
+ export const nlNumberBadgePaddingBlock = "0.125rem";
866
+ export const nlNumberBadgePaddingInline = "0.5rem";
867
+ export const nlSkipLinkBorderColor = "transparent";
868
+ export const nlSkipLinkBorderWidth = "2px";
869
+ export const nlSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
870
+ export const nlSkipLinkFontWeight = 700;
871
+ export const nlSkipLinkPaddingBlockEnd = "0.75rem";
872
+ export const nlSkipLinkPaddingBlockStart = "0.75rem";
873
+ export const nlSkipLinkPaddingInlineEnd = "1rem";
874
+ export const nlSkipLinkPaddingInlineStart = "1rem";
875
+ export const nlSkipLinkBoxBlockEndShadowBlurRadius = "48px";
876
+ export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
877
+ export const nlSkipLinkBoxBlockEndShadowOffsetX = 0;
878
+ export const nlSkipLinkBoxBlockEndShadowOffsetY = "16px";
879
+ export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
880
+ export const nlSkipLinkFocusBackgroundColor = "#fff";
881
+ export const nlSkipLinkFocusBorderColor = "#39870c";
882
+ export const nlSkipLinkFocusBorderStyle = "solid";
883
+ export const nlSkipLinkFocusBorderWidth = "2px";
884
+ export const nlSkipLinkFocusColor = "#0F172A";
885
+ export const nlSkipLinkFocusTextDecoration = "None";
886
+ export const nlSkipLinkFocusVisibleOutlineColor = "#000";
887
+ export const nlSkipLinkTextDecoration = "underline";
888
+ export const nlSkipLinkBackgroundColor = "#fff";
889
+ export const nlSkipLinkColor = "#01689b";
890
+ export const nlSkipLinkPaddingBlock = "0.75rem";
891
+ export const nlSkipLinkPaddingInline = "1rem";
892
+ export const nlSkipLinkMinBlockSize = "48px";
893
+ export const nlSkipLinkMinInlineSize = "48px";
894
+ export const nlSkipLinkTextDecorationThickness = "0.0625em";
895
+ export const nlSkipLinkTextUnderlineOffset = "0.125rem";
896
+ export const nlSkipLinkLineHeight = "150%";
897
+ export const nlSkipLinkFontSize = "1.25rem";
898
+ export const nlLinkColumnGap = "0.25rem";
899
+ export const nlLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
900
+ export const nlLinkFontSize = "1.25rem";
901
+ export const nlLinkFontWeight = 400;
902
+ export const nlLinkLineHeight = "150%";
903
+ export const nlLinkIconInsetBlockStart = "0.25rem";
904
+ export const nlLinkIconSize = "24px";
905
+ export const nlLinkActiveTextDecoration = "None";
906
+ export const nlLinkActiveColor = "#1a4972";
907
+ export const nlLinkFocusBackgroundColor = "transparent";
908
+ export const nlLinkFocusColor = "#01689b";
909
+ export const nlLinkFocusTextDecoration = "None";
910
+ export const nlLinkFocusTextDecorationThickness = "auto";
911
+ export const nlLinkVisitedColor = "#01689b";
912
+ export const nlLinkColor = "#01689b";
913
+ export const nlLinkTextDecorationColor = "inherit";
914
+ export const nlLinkTextDecorationLine = "underline";
915
+ export const nlLinkTextDecorationThickness = "0.0625em";
916
+ export const nlLinkTextUnderlineOffset = "0.125rem";
917
+ export const nlLinkCurrentCursor = "default";
918
+ export const nlLinkDisabledColor = "#334155";
919
+ export const nlLinkDisabledCursor = "disabled";
920
+ export const nlLinkHoverTextDecorationLine = "underline";
921
+ export const nlLinkHoverTextDecorationThickness = "auto";
922
+ export const nlLinkHoverColor = "#01496c";
923
+ export const nlParagraphLeadColor = "#0F172A";
924
+ export const nlParagraphLeadFontSize = "1.5rem";
925
+ export const nlParagraphLeadFontWeight = 400;
926
+ export const nlParagraphLeadLineHeight = "150%";
927
+ export const nlParagraphLeadMarginBlockEnd = "0rem";
928
+ export const nlParagraphLeadMarginBlockStart = "0rem";
929
+ export const nlParagraphColor = "#0F172A";
930
+ export const nlParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
931
+ export const nlParagraphFontSize = "1.25rem";
932
+ export const nlParagraphFontWeight = 400;
933
+ export const nlParagraphLineHeight = "150%";
934
+ export const nlParagraphMarginBlockEnd = "0rem";
935
+ export const nlParagraphMarginBlockStart = "0rem";
936
+ export const nlHeadingLevel1Color = "#154273";
937
+ export const nlHeadingLevel1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
938
+ export const nlHeadingLevel1FontSize = "3.125rem";
939
+ export const nlHeadingLevel1FontWeight = 700;
940
+ export const nlHeadingLevel1LineHeight = "125%";
941
+ export const nlHeadingLevel1MarginBlockEnd = "0rem";
942
+ export const nlHeadingLevel1MarginBlockStart = "0rem";
943
+ export const nlHeadingLevel2Color = "#154273";
944
+ export const nlHeadingLevel2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
945
+ export const nlHeadingLevel2FontSize = "2.5rem";
946
+ export const nlHeadingLevel2FontWeight = 700;
947
+ export const nlHeadingLevel2LineHeight = "125%";
948
+ export const nlHeadingLevel2MarginBlockEnd = "0rem";
949
+ export const nlHeadingLevel2MarginBlockStart = "0rem";
950
+ export const nlHeadingLevel3Color = "#154273";
951
+ export const nlHeadingLevel3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
952
+ export const nlHeadingLevel3FontSize = "1.875rem";
953
+ export const nlHeadingLevel3FontWeight = 700;
954
+ export const nlHeadingLevel3LineHeight = "125%";
955
+ export const nlHeadingLevel3MarginBlockEnd = "0rem";
956
+ export const nlHeadingLevel3MarginBlockStart = "0rem";
957
+ export const nlHeadingLevel4Color = "#154273";
958
+ export const nlHeadingLevel4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
959
+ export const nlHeadingLevel4FontSize = "1.5rem";
960
+ export const nlHeadingLevel4FontWeight = 700;
961
+ export const nlHeadingLevel4LineHeight = "150%";
962
+ export const nlHeadingLevel4MarginBlockEnd = "0rem";
963
+ export const nlHeadingLevel4MarginBlockStart = "0rem";
964
+ export const nlHeadingLevel5Color = "#154273";
965
+ export const nlHeadingLevel5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
966
+ export const nlHeadingLevel5FontSize = "1.25rem";
967
+ export const nlHeadingLevel5FontWeight = 700;
968
+ export const nlHeadingLevel5LineHeight = "150%";
969
+ export const nlHeadingLevel5MarginBlockEnd = "0rem";
970
+ export const nlHeadingLevel5MarginBlockStart = "0rem";
971
+ export const nlHeadingLevel6Color = "#154273";
972
+ export const nlHeadingLevel6FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
973
+ export const nlHeadingLevel6FontSize = "1.25rem";
974
+ export const nlHeadingLevel6FontWeight = 700;
975
+ export const nlHeadingLevel6LineHeight = "150%";
976
+ export const nlHeadingLevel6MarginBlockEnd = "0rem";
977
+ export const nlHeadingLevel6MarginBlockStart = "0rem";
978
+ export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.";
890
979
  export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
891
980
  export const rhcKeepTopLeftBorderRadiusTopRight = 0;
892
981
  export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
@@ -903,27 +992,31 @@ export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
903
992
  export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
904
993
  export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
905
994
  export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
906
- export const rhcRoundedCornerXsBorderRadius = "24px";
907
- export const rhcRoundedCornerMdBorderRadius = "48px";
908
- export const rhcRoundedCornerXlBorderRadius = "96px";
909
- export const rhcRoundedCornerBorderWidth = "2px";
910
- export const rhcAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
911
- export const rhcAccordionButtonFontSize = "1.25rem";
912
- export const rhcAccordionButtonFontWeight = 400;
913
- export const rhcAccordionButtonLineHeight = "150%";
914
- export const rhcAccordionButtonIconMarginBlock = "0.25rem";
995
+ export const rhcAccordionBorderRadius = "0px";
996
+ export const rhcAccordionColor = "#0F172A";
997
+ export const rhcAccordionHeaderMargin = 0;
998
+ export const rhcAccordionSectionBorderBlockEndWidth = "1px";
999
+ export const rhcAccordionSectionBorderColor = "#94A3B8";
1000
+ export const rhcAccordionSectionBorderWidth = "1px";
915
1001
  export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
916
1002
  export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
917
1003
  export const rhcAccordionButtonPaddingInlineEnd = "1rem";
918
1004
  export const rhcAccordionButtonPaddingInlineStart = "1rem";
919
1005
  export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
920
1006
  export const rhcAccordionButtonExpandedColor = "#0F172A";
921
- export const rhcAccordionSectionBorderBlockEndWidth = "1px";
922
- export const rhcAccordionSectionBorderWidth = 0;
923
- export const rhcAccordionSectionBorderColor = "#94A3B8";
924
- export const rhcAccordionHeaderMargin = 0;
925
- export const rhcAccordionBorderRadius = "0px";
926
- export const rhcAccordionColor = "#0F172A";
1007
+ export const rhcAccordionButtonIconMarginBlock = "0.25rem";
1008
+ export const rhcAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1009
+ export const rhcAccordionButtonFontWeight = 400;
1010
+ export const rhcAccordionButtonFontSize = "1.25rem";
1011
+ export const rhcAccordionButtonLineHeight = "150%";
1012
+ export const rhcLinkListTextDecoration = "None";
1013
+ export const rhcDataBadgeButtonColumnGap = "0.125rem";
1014
+ export const rhcDataBadgeButtonHoverBackgroundColor = "#39870c";
1015
+ export const rhcDataBadgeButtonHoverColor = "#fff";
1016
+ export const rhcRoundedCornerXsBorderRadius = "24px";
1017
+ export const rhcRoundedCornerMdBorderRadius = "48px";
1018
+ export const rhcRoundedCornerXlBorderRadius = "96px";
1019
+ export const rhcRoundedCornerBorderWidth = "2px";
927
1020
  export const rhcDataSummaryFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
928
1021
  export const rhcDataSummaryItemValueFontWeight = 400;
929
1022
  export const rhcDataSummaryItemValueRowPaddingBlockEnd = "0.75rem";
@@ -1422,5 +1515,3 @@ export const rhcSpace400 = "2rem";
1422
1515
  export const rhcSpace500 = "2.5rem";
1423
1516
  export const rhcSpace600 = "3rem";
1424
1517
  export const rhcSpace700 = "3.5rem";
1425
- export const todoLinkListLinkHoverTextDecoration = "underline";
1426
- export const todoSkipLinkFontWeight = 700;