@rijkshuisstijl-community/design-tokens 1.0.1 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/dist/_variables.scss +747 -624
- package/dist/index.css +747 -624
- package/dist/index.d.ts +624 -501
- package/dist/index.js +650 -527
- package/dist/index.json +649 -526
- package/dist/index.tokens.json +1684 -1515
- package/dist/root.css +747 -624
- package/dist/tokens.d.ts +1595 -1426
- package/dist/tokens.js +23437 -20600
- package/dist/uitvoerend-mintgroen-focus/_variables.scss +644 -522
- package/dist/uitvoerend-mintgroen-focus/index.css +644 -522
- package/dist/uitvoerend-mintgroen-focus/index.d.ts +736 -614
- package/dist/uitvoerend-mintgroen-focus/index.js +738 -616
- package/dist/uitvoerend-mintgroen-focus/index.json +737 -615
- package/dist/uitvoerend-mintgroen-focus/index.tokens.json +1680 -1516
- package/dist/uitvoerend-mintgroen-focus/root.css +644 -522
- package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +1587 -1423
- package/dist/uitvoerend-mintgroen-focus/tokens.js +22945 -20135
- package/dist/uitvoerend-violet/_variables.scss +153 -30
- package/dist/uitvoerend-violet/index.css +153 -30
- package/dist/uitvoerend-violet/index.d.ts +125 -2
- package/dist/uitvoerend-violet/index.js +153 -30
- package/dist/uitvoerend-violet/index.json +152 -29
- package/dist/uitvoerend-violet/index.tokens.json +202 -33
- package/dist/uitvoerend-violet/root.css +153 -30
- package/dist/uitvoerend-violet/tokens.d.ts +175 -6
- package/dist/uitvoerend-violet/tokens.js +5872 -3035
- package/dist/uitvoerend-violet-oud/_variables.scss +153 -30
- package/dist/uitvoerend-violet-oud/index.css +153 -30
- package/dist/uitvoerend-violet-oud/index.d.ts +125 -2
- package/dist/uitvoerend-violet-oud/index.js +153 -30
- package/dist/uitvoerend-violet-oud/index.json +152 -29
- package/dist/uitvoerend-violet-oud/index.tokens.json +202 -33
- package/dist/uitvoerend-violet-oud/root.css +153 -30
- package/dist/uitvoerend-violet-oud/tokens.d.ts +175 -6
- package/dist/uitvoerend-violet-oud/tokens.js +5872 -3035
- package/dist/wetgevend/_variables.scss +153 -30
- package/dist/wetgevend/index.css +153 -30
- package/dist/wetgevend/index.d.ts +125 -2
- package/dist/wetgevend/index.js +153 -30
- package/dist/wetgevend/index.json +152 -29
- package/dist/wetgevend/index.tokens.json +202 -33
- package/dist/wetgevend/root.css +153 -30
- package/dist/wetgevend/tokens.d.ts +175 -6
- package/dist/wetgevend/tokens.js +5872 -3035
- package/figma/figma.tokens.json +2083 -236
- package/package.json +1 -1
- package/src/generated/base.tokens.json +4588 -4007
- package/src/generated/themes.json +6707 -4391
- package/src/generated/uitvoerend-mintgroen-focus/tokens.json +4663 -4090
- package/src/generated/uitvoerend-violet/tokens.json +625 -44
- package/src/generated/uitvoerend-violet-oud/tokens.json +625 -44
- package/src/generated/wetgevend/tokens.json +625 -44
package/dist/index.js
CHANGED
|
@@ -1,508 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 29 Apr 2025 12:01:02 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
export const rhcSubNavBarBackgroundColor = "#f2f4f6";
|
|
7
|
-
export const rhcSubNavBarColumnGap = "0.5rem";
|
|
8
|
-
export const rhcSubNavBarColumnWidth = "375px";
|
|
9
|
-
export const rhcSubNavBarPaddingBlockEnd = "2rem";
|
|
10
|
-
export const rhcSubNavBarPaddingBlockStart = "2rem";
|
|
11
|
-
export const rhcSubNavBarInlineSize = "100%";
|
|
12
|
-
export const rhcSubNavBarContentPaddingInlineEnd = "1rem";
|
|
13
|
-
export const rhcSubNavBarContentPaddingInlineStart = "1rem";
|
|
14
|
-
export const rhcSubNavBarContentMaxInlineSize = "1280px";
|
|
15
|
-
export const rhcSubNavBarContentListRowGap = "0.5rem";
|
|
16
|
-
export const rhcToggletipColor = "#fff";
|
|
17
|
-
export const rhcToggletipBackgroundColor = "#007bc7";
|
|
18
|
-
export const rhcToggletipBorderColor = "transparent";
|
|
19
|
-
export const rhcToggletipBorderRadius = "5px";
|
|
20
|
-
export const rhcToggletipBorderWidth = "1px";
|
|
21
|
-
export const rhcToggletipIconSize = "24px";
|
|
22
|
-
export const rhcToggletipSize = "24px";
|
|
23
|
-
export const rhcToggletipActiveColor = "#007bc7";
|
|
24
|
-
export const rhcToggletipActiveBackgroundColor = "#fff";
|
|
25
|
-
export const rhcToggletipActiveBorderColor = "#007bc7";
|
|
26
|
-
export const rhcToggletipHoverColor = "#0F172A";
|
|
27
|
-
export const rhcToggletipHoverBackgroundColor = "#66AFDD";
|
|
28
|
-
export const rhcToggletipFocusColor = "#fff";
|
|
29
|
-
export const rhcToggletipFocusBackgroundColor = "#007bc7";
|
|
30
|
-
export const rhcSidenavDisplay = "flex";
|
|
31
|
-
export const rhcSidenavLinkLineHeight = "150%";
|
|
32
|
-
export const rhcSidenavLinkIconSize = "24px";
|
|
33
|
-
export const rhcSidenavLinkIconMarginInline = "0.5rem";
|
|
34
|
-
export const rhcSidenavLinkFontSize = "1.25rem";
|
|
35
|
-
export const rhcSidenavLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
36
|
-
export const rhcSidenavLinkFontWeight = 400;
|
|
37
|
-
export const rhcSidenavLinkCurrentFontWeight = 700;
|
|
38
|
-
export const rhcSidenavLinkCurrentColor = "#0F172A";
|
|
39
|
-
export const rhcSidenavLinkColor = "#01689b";
|
|
40
|
-
export const rhcSidenavLinkActiveColor = "#42145f";
|
|
41
|
-
export const rhcSidenavLinkActiveTextDecoration = "underline";
|
|
42
|
-
export const rhcSidenavLinkFocusBorderRadius = "5px";
|
|
43
|
-
export const rhcSidenavLinkFocusBorderWidth = "2px";
|
|
44
|
-
export const rhcSidenavLinkFocusBorderStyle = "solid";
|
|
45
|
-
export const rhcSidenavLinkFocusBorderColor = "#154273";
|
|
46
|
-
export const rhcSidenavLinkFocusBackgroundColor = "none";
|
|
47
|
-
export const rhcSidenavLinkFocusColor = "#01689b";
|
|
48
|
-
export const rhcSidenavLinkFocusTextDecoration = "None";
|
|
49
|
-
export const rhcSidenavLinkHoverColor = "#15496a";
|
|
50
|
-
export const rhcSidenavLinkHoverTextDecoration = "underline";
|
|
51
|
-
export const rhcSidenavLinkPaddingBlockStart = "0.75rem";
|
|
52
|
-
export const rhcSidenavLinkPaddingBlockEnd = "0.75rem";
|
|
53
|
-
export const rhcSidenavLinkTextDecoration = "None";
|
|
54
|
-
export const rhcSidenavLinkColumnGap = "0.5rem";
|
|
55
|
-
export const rhcRadioGroupPaddingBlockEnd = "0.5rem";
|
|
56
|
-
export const rhcRadioGroupPaddingBlockStart = "0.5rem";
|
|
57
|
-
export const rhcRadioGroupRowGap = "1rem";
|
|
58
|
-
export const rhcNavigationListIconBackgroundColor = "#0F172A";
|
|
59
|
-
export const rhcNavigationListIconBorderRadius = "999px";
|
|
60
|
-
export const rhcNavigationListIconColor = "#fff";
|
|
61
|
-
export const rhcNavigationListItemIconPaddingInline = "0.5rem";
|
|
62
|
-
export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
|
|
63
|
-
export const rhcNavigationListItemIconSize = "24px";
|
|
64
|
-
export const rhcNavigationListItemContentFontSize = "1.125rem";
|
|
65
|
-
export const rhcNavigationListItemContentColumnGap = "0.5rem";
|
|
66
|
-
export const rhcNavigationListItemContentRowGap = "0.25rem";
|
|
67
|
-
export const rhcNavigationListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
68
|
-
export const rhcNavigationListItemLabelFontSize = "1.875rem";
|
|
69
|
-
export const rhcNavigationListItemLabelFontWeight = 700;
|
|
70
|
-
export const rhcNavigationListItemLabelLineHeight = "150%";
|
|
71
|
-
export const rhcNavigationListItemActiveBackgroundColor = "#F1F5F9";
|
|
72
|
-
export const rhcNavigationListItemHoverBackgroundColor = "#F8FAFC";
|
|
73
|
-
export const rhcNavigationListItemFocusBackgroundColor = "#dce3ea";
|
|
74
|
-
export const rhcNavigationListItemBackgroundColor = "#fff";
|
|
75
|
-
export const rhcNavigationListItemColor = "#334155";
|
|
76
|
-
export const rhcNavigationListItemBorderWidth = "1px";
|
|
77
|
-
export const rhcNavigationListItemBorderColor = "#CBD5E1";
|
|
78
|
-
export const rhcNavigationListItemHeadingColor = "#0F172A";
|
|
79
|
-
export const rhcNavigationListItemColumnGap = "1rem";
|
|
80
|
-
export const rhcNavigationListItemMinHeight = "48px";
|
|
81
|
-
export const rhcNavigationListItemPaddingBlock = "0.75rem";
|
|
82
|
-
export const rhcNavigationListItemPaddingInline = "1rem";
|
|
83
|
-
export const rhcNavBarBorderBlockEndWidth = "1px";
|
|
84
|
-
export const rhcNavBarMaxInlineSize = "1280px";
|
|
85
|
-
export const rhcNavBarPaddingInline = "1rem";
|
|
86
|
-
export const rhcNavBarContainerInlineSize = "100%";
|
|
87
|
-
export const rhcNavBarContentColumnGap = "1rem";
|
|
88
|
-
export const rhcNavBarIconColor = "#0F172A";
|
|
89
|
-
export const rhcNavBarIconActiveColor = "#fff";
|
|
90
|
-
export const rhcNavBarIconSize = "24px";
|
|
91
|
-
export const rhcNavBarLinkActiveBackgroundColor = "#154273";
|
|
92
|
-
export const rhcNavBarLinkActiveColor = "#fff";
|
|
93
|
-
export const rhcNavBarLinkBackgroundColor = "#fff";
|
|
94
|
-
export const rhcNavBarLinkColor = "#154273";
|
|
95
|
-
export const rhcNavBarLinkFocusBackgroundColor = "#dce3ea";
|
|
96
|
-
export const rhcNavBarLinkFocusColor = "#154273";
|
|
97
|
-
export const rhcNavBarLinkHoverBackgroundColor = "#F8FAFC";
|
|
98
|
-
export const rhcNavBarLinkHoverColor = "#154273";
|
|
99
|
-
export const rhcNavBarLinkPaddingBlockEnd = "1rem";
|
|
100
|
-
export const rhcNavBarLinkPaddingBlockStart = "1rem";
|
|
101
|
-
export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
|
|
102
|
-
export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
|
|
103
|
-
export const rhcNavBarLinkColumnGap = "0.5rem";
|
|
104
|
-
export const rhcNavBarHeadingFontWeight = 700;
|
|
105
|
-
export const rhcNavBarBackgroundColor = "#fff";
|
|
106
|
-
export const rhcNavBarColor = "#154273";
|
|
107
|
-
export const rhcNavBarBorderColor = "#4f7196";
|
|
108
|
-
export const rhcMessageListItemBackgroundColor = "#fff";
|
|
109
|
-
export const rhcMessageListItemBorderColor = "#CBD5E1";
|
|
110
|
-
export const rhcMessageListItemBorderWidth = "1px";
|
|
111
|
-
export const rhcMessageListItemColor = "#334155";
|
|
112
|
-
export const rhcMessageListItemColumnGap = "1rem";
|
|
113
|
-
export const rhcMessageListItemIconSize = "24px";
|
|
114
|
-
export const rhcMessageListItemIconColor = "#0F172A";
|
|
115
|
-
export const rhcMessageListItemMinHeight = "48px";
|
|
116
|
-
export const rhcMessageListItemPaddingBlock = "0.75rem";
|
|
117
|
-
export const rhcMessageListItemPaddingInline = "1rem";
|
|
118
|
-
export const rhcMessageListItemContentFontSize = "1.125rem";
|
|
119
|
-
export const rhcMessageListItemContentColumnGap = "0.5rem";
|
|
120
|
-
export const rhcMessageListItemContentRowGap = "0.5rem";
|
|
121
|
-
export const rhcMessageListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
122
|
-
export const rhcMessageListItemLabelFontSize = "1.25rem";
|
|
123
|
-
export const rhcMessageListItemLabelFontWeight = 700;
|
|
124
|
-
export const rhcMessageListItemLabelLineHeight = "150%";
|
|
125
|
-
export const rhcMessageListItemHeadingColor = "#0F172A";
|
|
126
|
-
export const rhcLogoImageBackgroundColor = "#fff";
|
|
127
|
-
export const rhcLogoImageInlineSize = "48px";
|
|
128
|
-
export const rhcLogoImageBlockSize = "96px";
|
|
129
|
-
export const rhcLogoImageColor = "#154273";
|
|
130
|
-
export const rhcLogoTitleFontWeight = 600;
|
|
131
|
-
export const rhcLogoTitleLineHeight = "1.063rem";
|
|
132
|
-
export const rhcLogoTitleFontSize = "0.913rem";
|
|
133
|
-
export const rhcLogoTitlePaddingBlockStart = "3.125rem";
|
|
134
|
-
export const rhcLogoSubtitleFontWeight = 400;
|
|
135
|
-
export const rhcLogoSubtitleLineHeight = "1rem";
|
|
136
|
-
export const rhcLogoSubtitleFontSize = "0.775rem";
|
|
137
|
-
export const rhcLogoColumnGap = "12px";
|
|
138
|
-
export const rhcLogoFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
139
|
-
export const rhcLogoColor = "#154273";
|
|
140
|
-
export const rhcLinkListCardBackgroundColor = "#fff";
|
|
141
|
-
export const rhcLinkListCardPaddingBlockStart = "1.5rem";
|
|
142
|
-
export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
|
|
143
|
-
export const rhcLinkListCardRowGap = "1rem";
|
|
144
|
-
export const rhcLinkListCardPaddingInlineStart = "1.5rem";
|
|
145
|
-
export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
|
|
146
|
-
export const rhcLinkListTextDecoration = "None";
|
|
147
|
-
export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
|
|
148
|
-
export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
|
|
149
|
-
export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
|
|
150
|
-
export const rhcIconOnlyButtonPaddingInlineStart = "0.75rem";
|
|
151
|
-
export const rhcHeroHeadingFontWeight = 700;
|
|
152
|
-
export const rhcHeroHeadingLineHeight = "125%";
|
|
153
|
-
export const rhcHeroHeadingFontSize = "1.875rem";
|
|
154
|
-
export const rhcHeroHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
155
|
-
export const rhcHeroSubHeadingFontWeight = 400;
|
|
156
|
-
export const rhcHeroSubHeadingLineHeight = "150%";
|
|
157
|
-
export const rhcHeroSubHeadingFontSize = "1.25rem";
|
|
158
|
-
export const rhcHeroSubHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
159
|
-
export const rhcHeroMessageBackgroundColor = "#154273";
|
|
160
|
-
export const rhcHeroMessageColor = "#fff";
|
|
161
|
-
export const rhcHeroMessageRowGap = "0.125rem";
|
|
162
|
-
export const rhcHeroMessagePaddingBlockEnd = "1rem";
|
|
163
|
-
export const rhcHeroMessagePaddingInlineEnd = "1rem";
|
|
164
|
-
export const rhcHeroMessagePaddingInlineStart = "1rem";
|
|
165
|
-
export const rhcHeroMessagePaddingBlockStart = "1rem";
|
|
166
|
-
export const rhcHeroMessageBorderRadius = "20px";
|
|
167
|
-
export const rhcHeroMessageInlineSize = "90%";
|
|
168
|
-
export const rhcHeroBorderRadius = "40px";
|
|
169
|
-
export const rhcHeroInlineSize = "100%";
|
|
170
|
-
export const rhcFormFieldRadioOptionColumnGap = "0.5rem";
|
|
171
|
-
export const rhcFormFieldRadioOptionFontWeight = 400;
|
|
172
|
-
export const rhcFormFieldRadioOptionRowGap = "0.5rem";
|
|
173
|
-
export const rhcFormFieldRadioOptionLabelMarginBlockEnd = 0;
|
|
174
|
-
export const rhcFormFieldRadioOptionInputMarginBlockStart = "0.25rem";
|
|
175
|
-
export const rhcFormFieldCheckboxOptionColumnGap = "0.5rem";
|
|
176
|
-
export const rhcFormFieldCheckboxOptionMarginBlockEnd = 0;
|
|
177
|
-
export const rhcPageFooterColumnGap = "1.5rem";
|
|
178
|
-
export const rhcPageFooterColumnWidth = "200px";
|
|
179
|
-
export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
|
|
180
|
-
export const rhcPageFooterContentMaxInlineSize = "1280px";
|
|
181
|
-
export const rhcPageFooterContentPaddingInlineStart = "1rem";
|
|
182
|
-
export const rhcPageFooterContentPaddingInlineEnd = "1rem";
|
|
183
|
-
export const rhcPageFooterContentColumnGap = "2rem";
|
|
184
|
-
export const rhcPageFooterBorderBlockStartWidth = "2px";
|
|
185
|
-
export const rhcPageFooterBorderBlockStartColor = "#738eab";
|
|
186
|
-
export const rhcPageFooterBorderBlockStartStyle = "solid";
|
|
187
|
-
export const rhcPageFooterOutlinedBackgroundColor = "#fff";
|
|
188
|
-
export const rhcPageFooterOutlinedColor = "#154273";
|
|
189
|
-
export const rhcPageFooterOutlinedBorderColor = "#154273";
|
|
190
|
-
export const rhcPageFooterPaddingBlockStart = "2.5rem";
|
|
191
|
-
export const rhcPageFooterPaddingBlockEnd = "2.5rem";
|
|
192
|
-
export const rhcPageFooterPaddingInlineStart = "2.5rem";
|
|
193
|
-
export const rhcPageFooterPaddingInlineEnd = "2.5rem";
|
|
194
|
-
export const rhcPageFooterFlexDirection = "column";
|
|
195
|
-
export const rhcFileInputColumnGap = "0.75rem";
|
|
196
|
-
export const rhcFileInputRowGap = "0.75rem";
|
|
197
|
-
export const rhcFileInputFeedbackColor = "#475569";
|
|
198
|
-
export const rhcFileInputFeedbackFontSize = "1rem";
|
|
199
|
-
export const rhcFileBorderStyle = "solid";
|
|
200
|
-
export const rhcFileBorderColor = "#154273";
|
|
201
|
-
export const rhcFileBorderWidth = "1px";
|
|
202
|
-
export const rhcFileBorderRadius = "5px";
|
|
203
|
-
export const rhcFilePaddingInlineStart = "1rem";
|
|
204
|
-
export const rhcFilePaddingInlineEnd = "1rem";
|
|
205
|
-
export const rhcFilePaddingBlockStart = "0.75rem";
|
|
206
|
-
export const rhcFilePaddingBlockEnd = "0.75rem";
|
|
207
|
-
export const rhcFileColumnGap = "0.25rem";
|
|
208
|
-
export const rhcFileErrorBorderColor = "#d52b1e";
|
|
209
|
-
export const rhcFileSubtitleColor = "#64748B";
|
|
210
|
-
export const rhcDotBadgeBorderRadius = "999px";
|
|
211
|
-
export const rhcDotBadgeColor = "#d52b1e";
|
|
212
|
-
export const rhcDotBadgeSize = "12px";
|
|
213
|
-
export const rhcCodeInputSize = "48px";
|
|
214
|
-
export const rhcCodeInputGroupColumnGap = "0.5rem";
|
|
215
|
-
export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
|
|
216
|
-
export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
|
|
217
|
-
export const rhcCheckboxGroupRowGap = "1rem";
|
|
218
|
-
export const rhcCardAsLinkBackgroundColor = "#fff";
|
|
219
|
-
export const rhcCardAsLinkBorderColor = "#CBD5E1";
|
|
220
|
-
export const rhcCardAsLinkBorderRadius = "5px";
|
|
221
|
-
export const rhcCardAsLinkBorderWidth = "1px";
|
|
222
|
-
export const rhcCardAsLinkColor = "#0F172A";
|
|
223
|
-
export const rhcCardAsLinkColumnGap = "1rem";
|
|
224
|
-
export const rhcCardAsLinkInlineSize = "328px";
|
|
225
|
-
export const rhcCardAsLinkIconColor = "#0F172A";
|
|
226
|
-
export const rhcCardAsLinkIconSize = "24px";
|
|
227
|
-
export const rhcCardAsLinkLinkColor = "#01689b";
|
|
228
|
-
export const rhcCardAsLinkLinkTextDecoration = "underline";
|
|
229
|
-
export const rhcCardAsLinkLinkActiveTextDecoration = "none";
|
|
230
|
-
export const rhcCardAsLinkLinkHoverTextDecoration = "none";
|
|
231
|
-
export const rhcCardAsLinkLinkFocusTextDecoration = "none";
|
|
232
|
-
export const rhcCardAsLinkMetadataColor = "#0F172A";
|
|
233
|
-
export const rhcCardAsLinkPaddingBlockEnd = "1rem";
|
|
234
|
-
export const rhcCardAsLinkPaddingBlockStart = "1rem";
|
|
235
|
-
export const rhcCardAsLinkPaddingInlineEnd = "1rem";
|
|
236
|
-
export const rhcCardAsLinkPaddingInlineStart = "1rem";
|
|
237
|
-
export const rhcCardAsLinkRowGap = "0.75rem";
|
|
238
|
-
export const rhcCardAsLinkActiveBackgroundColor = "#F1F5F9";
|
|
239
|
-
export const rhcCardAsLinkActiveTextDecoration = "underline";
|
|
240
|
-
export const rhcCardAsLinkHoverBackgroundColor = "#F8FAFC";
|
|
241
|
-
export const rhcCardAsLinkHoverTextDecoration = "underline";
|
|
242
|
-
export const rhcCardAsLinkFocusBackgroundColor = "#dce3ea";
|
|
243
|
-
export const rhcCardAsLinkFocusTextDecoration = "underline";
|
|
244
|
-
export const rhcCardAsLinkFullBleedBackgroundColor = "#000";
|
|
245
|
-
export const rhcCardAsLinkFullBleedBorderColor = "transparent";
|
|
246
|
-
export const rhcCardAsLinkFullBleedColor = "#fff";
|
|
247
|
-
export const rhcCardAsLinkFullBleedOpacity = 0.5;
|
|
248
|
-
export const rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
|
|
249
|
-
export const rhcCardAsLinkHeadingFontSize = "1.5rem";
|
|
250
|
-
export const rhcCardAsLinkHeadingFontWeight = 700;
|
|
251
|
-
export const rhcCardAsLinkHorizontalBackgroundColor = "#154273";
|
|
252
|
-
export const rhcCardAsLinkHorizontalBorderColor = "transparent";
|
|
253
|
-
export const rhcCardAsLinkHorizontalColor = "#fff";
|
|
254
|
-
export const rhcCardAsLinkHorizontalMaxBlockSize = "96px";
|
|
255
|
-
export const rhcCardAsLinkHorizontalPaddingBlockEnd = 0;
|
|
256
|
-
export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
|
|
257
|
-
export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
|
|
258
|
-
export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
|
|
259
|
-
export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
|
|
260
|
-
export const rhcAccordionButtonFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
261
|
-
export const rhcAccordionButtonFontSize = "1.25rem";
|
|
262
|
-
export const rhcAccordionButtonFontWeight = 400;
|
|
263
|
-
export const rhcAccordionButtonLineHeight = "150%";
|
|
264
|
-
export const rhcAccordionButtonIconMarginBlock = "0.25rem";
|
|
265
|
-
export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
|
|
266
|
-
export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
|
|
267
|
-
export const rhcAccordionButtonPaddingInlineEnd = "1rem";
|
|
268
|
-
export const rhcAccordionButtonPaddingInlineStart = "1rem";
|
|
269
|
-
export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
|
|
270
|
-
export const rhcAccordionButtonExpandedColor = "#0F172A";
|
|
271
|
-
export const rhcAccordionSectionBorderBlockEndWidth = "1px";
|
|
272
|
-
export const rhcAccordionSectionBorderWidth = 0;
|
|
273
|
-
export const rhcAccordionSectionBorderColor = "#94A3B8";
|
|
274
|
-
export const rhcAccordionHeaderMargin = 0;
|
|
275
|
-
export const rhcAccordionBorderRadius = "0px";
|
|
276
|
-
export const rhcAccordionColor = "#0F172A";
|
|
277
|
-
export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
|
|
278
|
-
export const rhcKeepTopLeftBorderRadiusTopRight = 0;
|
|
279
|
-
export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
|
|
280
|
-
export const rhcKeepTopLeftBorderRadiusBottomLeft = 0;
|
|
281
|
-
export const rhcKeepTopRightBorderRadiusTopRight = "48px";
|
|
282
|
-
export const rhcKeepTopRightBorderRadiusTopLeft = 0;
|
|
283
|
-
export const rhcKeepTopRightBorderRadiusBottomRight = 0;
|
|
284
|
-
export const rhcKeepTopRightBorderRadiusBottomLeft = 0;
|
|
285
|
-
export const rhcKeepBottomRightBorderRadiusTopLeft = 0;
|
|
286
|
-
export const rhcKeepBottomRightBorderRadiusTopRight = 0;
|
|
287
|
-
export const rhcKeepBottomRightBorderRadiusBottomRight = "48px";
|
|
288
|
-
export const rhcKeepBottomRightBorderRadiusBottomLeft = 0;
|
|
289
|
-
export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
|
|
290
|
-
export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
|
|
291
|
-
export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
|
|
292
|
-
export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
|
|
293
|
-
export const rhcBorderRadiusSm = "2.5px";
|
|
294
|
-
export const rhcBorderRadiusMd = "5px";
|
|
295
|
-
export const rhcBorderRadiusKeep = "48px";
|
|
296
|
-
export const rhcBorderRadiusCircle = "999px";
|
|
297
|
-
export const rhcBorderRadiusNone = "0px";
|
|
298
|
-
export const rhcColorFocusOutline = "#000";
|
|
299
|
-
export const rhcColorForegroundDefault = "#0F172A";
|
|
300
|
-
export const rhcColorForegroundSubdued = "#334155";
|
|
301
|
-
export const rhcColorForegroundOnEmphasis = "#fff";
|
|
302
|
-
export const rhcColorForegroundLink = "#01689b";
|
|
303
|
-
export const rhcColorBorderDefault = "#64748B";
|
|
304
|
-
export const rhcColorBorderSubdued = "#94A3B8";
|
|
305
|
-
export const rhcColorBorderStrong = "#0F172A";
|
|
306
|
-
export const rhcColorCanvas = "#fff";
|
|
307
|
-
export const rhcColorFeedbackSuccessDefault = "#39870c";
|
|
308
|
-
export const rhcColorFeedbackSuccessSubdued = "#e1eddb";
|
|
309
|
-
export const rhcColorFeedbackInfoDefault = "#007bc7";
|
|
310
|
-
export const rhcColorFeedbackInfoSubdued = "#d9ebf7";
|
|
311
|
-
export const rhcColorFeedbackErrorDefault = "#d52b1e";
|
|
312
|
-
export const rhcColorFeedbackErrorSubdued = "#f9dfdd";
|
|
313
|
-
export const rhcColorFeedbackWarningDefault = "#ffb612";
|
|
314
|
-
export const rhcColorFeedbackWarningSubdued = "#fff4db";
|
|
315
|
-
export const rhcColorAccent500 = "#8fcae7";
|
|
316
|
-
export const rhcColorPrimary50 = "#dce3ea";
|
|
317
|
-
export const rhcColorPrimary100 = "#b8c6d5";
|
|
318
|
-
export const rhcColorPrimary200 = "#95a9c0";
|
|
319
|
-
export const rhcColorPrimary300 = "#738eab";
|
|
320
|
-
export const rhcColorPrimary400 = "#4f7196";
|
|
321
|
-
export const rhcColorPrimary500 = "#154273";
|
|
322
|
-
export const rhcColorPrimaryHover = "#162f50";
|
|
323
|
-
export const rhcColorCoolGrey50 = "#F8FAFC";
|
|
324
|
-
export const rhcColorCoolGrey100 = "#F1F5F9";
|
|
325
|
-
export const rhcColorCoolGrey200 = "#E2E8F0";
|
|
326
|
-
export const rhcColorCoolGrey300 = "#CBD5E1";
|
|
327
|
-
export const rhcColorCoolGrey400 = "#94A3B8";
|
|
328
|
-
export const rhcColorCoolGrey500 = "#64748B";
|
|
329
|
-
export const rhcColorCoolGrey600 = "#475569";
|
|
330
|
-
export const rhcColorCoolGrey700 = "#334155";
|
|
331
|
-
export const rhcColorCoolGrey800 = "#1E293B";
|
|
332
|
-
export const rhcColorCoolGrey900 = "#0F172A";
|
|
333
|
-
export const rhcColorLichtblauw50 = "#eef7fb";
|
|
334
|
-
export const rhcColorLichtblauw100 = "#ddeff8";
|
|
335
|
-
export const rhcColorLichtblauw200 = "#CCE7F4";
|
|
336
|
-
export const rhcColorLichtblauw300 = "#BCDFF0";
|
|
337
|
-
export const rhcColorLichtblauw400 = "#ABD7ED";
|
|
338
|
-
export const rhcColorLichtblauw500 = "#8fcae7";
|
|
339
|
-
export const rhcColorViolet50 = "#f2d9e7";
|
|
340
|
-
export const rhcColorViolet100 = "#e5b3d0";
|
|
341
|
-
export const rhcColorViolet200 = "#D88CB7";
|
|
342
|
-
export const rhcColorViolet300 = "#CB66A0";
|
|
343
|
-
export const rhcColorViolet400 = "#BE4088";
|
|
344
|
-
export const rhcColorViolet500 = "#a90061";
|
|
345
|
-
export const rhcColorPaars50 = "#e3dce7";
|
|
346
|
-
export const rhcColorPaars100 = "#c6b9cf";
|
|
347
|
-
export const rhcColorPaars200 = "#A995B7";
|
|
348
|
-
export const rhcColorPaars300 = "#8D729F";
|
|
349
|
-
export const rhcColorPaars400 = "#714f87";
|
|
350
|
-
export const rhcColorPaars500 = "#42145f";
|
|
351
|
-
export const rhcColorHemelblauw50 = "#d9ebf7";
|
|
352
|
-
export const rhcColorHemelblauw100 = "#b3d7ee";
|
|
353
|
-
export const rhcColorHemelblauw200 = "#8CC3E6";
|
|
354
|
-
export const rhcColorHemelblauw300 = "#66AFDD";
|
|
355
|
-
export const rhcColorHemelblauw400 = "#409CD5";
|
|
356
|
-
export const rhcColorHemelblauw500 = "#007bc7";
|
|
357
|
-
export const rhcColorDonkerblauw50 = "#d9e8f0";
|
|
358
|
-
export const rhcColorDonkerblauw100 = "#b3d2e1";
|
|
359
|
-
export const rhcColorDonkerblauw200 = "#8CBBD2";
|
|
360
|
-
export const rhcColorDonkerblauw300 = "#66A4C3";
|
|
361
|
-
export const rhcColorDonkerblauw400 = "#408EB4";
|
|
362
|
-
export const rhcColorDonkerblauw500 = "#01689b";
|
|
363
|
-
export const rhcColorMintgroen50 = "#eaf8f4";
|
|
364
|
-
export const rhcColorMintgroen100 = "#d6f2e9";
|
|
365
|
-
export const rhcColorMintgroen200 = "#C1EBDE";
|
|
366
|
-
export const rhcColorMintgroen300 = "#ACE4D3";
|
|
367
|
-
export const rhcColorMintgroen400 = "#98DDC8";
|
|
368
|
-
export const rhcColorMintgroen500 = "#76d2b6";
|
|
369
|
-
export const rhcColorMosgroen50 = "#ebebd9";
|
|
370
|
-
export const rhcColorMosgroen100 = "#d6d7b3";
|
|
371
|
-
export const rhcColorMosgroen200 = "#C1C38C";
|
|
372
|
-
export const rhcColorMosgroen300 = "#ADAF66";
|
|
373
|
-
export const rhcColorMosgroen400 = "#999C40";
|
|
374
|
-
export const rhcColorMosgroen500 = "#777b00";
|
|
375
|
-
export const rhcColorGroen50 = "#e1eddb";
|
|
376
|
-
export const rhcColorGroen100 = "#c4dbb6";
|
|
377
|
-
export const rhcColorGroen200 = "#A5C991";
|
|
378
|
-
export const rhcColorGroen300 = "#88B76D";
|
|
379
|
-
export const rhcColorGroen400 = "#6AA549";
|
|
380
|
-
export const rhcColorGroen500 = "#39870c";
|
|
381
|
-
export const rhcColorDonkergroen50 = "#dfe6e1";
|
|
382
|
-
export const rhcColorDonkergroen100 = "#becdc3";
|
|
383
|
-
export const rhcColorDonkergroen200 = "#9DB4A4";
|
|
384
|
-
export const rhcColorDonkergroen300 = "#7D9B87";
|
|
385
|
-
export const rhcColorDonkergroen400 = "#5D8269";
|
|
386
|
-
export const rhcColorDonkergroen500 = "#275937";
|
|
387
|
-
export const rhcColorBruin50 = "#efeada";
|
|
388
|
-
export const rhcColorBruin100 = "#dfd4b6";
|
|
389
|
-
export const rhcColorBruin200 = "#CFBF90";
|
|
390
|
-
export const rhcColorBruin300 = "#BFA96C";
|
|
391
|
-
export const rhcColorBruin400 = "#AF9447";
|
|
392
|
-
export const rhcColorBruin500 = "#94710a";
|
|
393
|
-
export const rhcColorDonkerbruin50 = "#e8e0df";
|
|
394
|
-
export const rhcColorDonkerbruin100 = "#d1c2be";
|
|
395
|
-
export const rhcColorDonkerbruin200 = "#BAA39D";
|
|
396
|
-
export const rhcColorDonkerbruin300 = "#A3847D";
|
|
397
|
-
export const rhcColorDonkerbruin400 = "#8D665D";
|
|
398
|
-
export const rhcColorDonkerbruin500 = "#673327";
|
|
399
|
-
export const rhcColorGeel50 = "#fefbdd";
|
|
400
|
-
export const rhcColorGeel100 = "#fdf6bc";
|
|
401
|
-
export const rhcColorGeel200 = "#FCF199";
|
|
402
|
-
export const rhcColorGeel300 = "#FBED78";
|
|
403
|
-
export const rhcColorGeel400 = "#FAE856";
|
|
404
|
-
export const rhcColorGeel500 = "#f9e11e";
|
|
405
|
-
export const rhcColorDonkergeel50 = "#fff4db";
|
|
406
|
-
export const rhcColorDonkergeel100 = "#ffe9b8";
|
|
407
|
-
export const rhcColorDonkergeel200 = "#FDDE94";
|
|
408
|
-
export const rhcColorDonkergeel300 = "#FDD370";
|
|
409
|
-
export const rhcColorDonkergeel400 = "#FDC84D";
|
|
410
|
-
export const rhcColorDonkergeel500 = "#ffb612";
|
|
411
|
-
export const rhcColorOranje50 = "#fbead9";
|
|
412
|
-
export const rhcColorOranje100 = "#f6d4b3";
|
|
413
|
-
export const rhcColorOranje200 = "#F1BE8C";
|
|
414
|
-
export const rhcColorOranje300 = "#EDA966";
|
|
415
|
-
export const rhcColorOranje400 = "#E89440";
|
|
416
|
-
export const rhcColorOranje500 = "#e17000";
|
|
417
|
-
export const rhcColorRood50 = "#f9dfdd";
|
|
418
|
-
export const rhcColorRood100 = "#f2bfbc";
|
|
419
|
-
export const rhcColorRood200 = "#EC9F99";
|
|
420
|
-
export const rhcColorRood300 = "#E67F78";
|
|
421
|
-
export const rhcColorRood400 = "#DF6056";
|
|
422
|
-
export const rhcColorRood500 = "#d52b1e";
|
|
423
|
-
export const rhcColorRoze50 = "#fdeff8";
|
|
424
|
-
export const rhcColorRoze100 = "#fbdef0";
|
|
425
|
-
export const rhcColorRoze200 = "#F8CEE8";
|
|
426
|
-
export const rhcColorRoze300 = "#F6BDE1";
|
|
427
|
-
export const rhcColorRoze400 = "#F4ADD9";
|
|
428
|
-
export const rhcColorRoze500 = "#f092cd";
|
|
429
|
-
export const rhcColorRobijnrood50 = "#f7d9e7";
|
|
430
|
-
export const rhcColorRobijnrood100 = "#efb3ce";
|
|
431
|
-
export const rhcColorRobijnrood200 = "#E78CB6";
|
|
432
|
-
export const rhcColorRobijnrood300 = "#DF669D";
|
|
433
|
-
export const rhcColorRobijnrood400 = "#D74085";
|
|
434
|
-
export const rhcColorRobijnrood500 = "#ca005d";
|
|
435
|
-
export const rhcColorLintblauw50 = "#dce3ea";
|
|
436
|
-
export const rhcColorLintblauw100 = "#b8c6d5";
|
|
437
|
-
export const rhcColorLintblauw200 = "#95a9c0";
|
|
438
|
-
export const rhcColorLintblauw300 = "#738eab";
|
|
439
|
-
export const rhcColorLintblauw400 = "#4f7196";
|
|
440
|
-
export const rhcColorLintblauw500 = "#154273";
|
|
441
|
-
export const rhcColorWit = "#fff";
|
|
442
|
-
export const rhcColorZwart = "#000";
|
|
443
|
-
export const rhcColorNone = "transparent";
|
|
444
|
-
export const rhcFocusOutlineOffset = "0.125rem";
|
|
445
|
-
export const rhcFocusOutlineStyle = "solid";
|
|
446
|
-
export const rhcFocusOutlineWidth = "2px";
|
|
447
|
-
export const rhcFontSizeHeadingLevel1 = "3.125rem";
|
|
448
|
-
export const rhcFontSizeHeadingLevel2 = "2.5rem";
|
|
449
|
-
export const rhcFontSizeHeadingLevel3 = "1.875rem";
|
|
450
|
-
export const rhcFontSizeHeadingLevel4 = "1.5rem";
|
|
451
|
-
export const rhcFontSizeHeadingLevel5 = "1.25rem";
|
|
452
|
-
export const rhcFontSizeParagraphIntro = "1.5rem";
|
|
453
|
-
export const rhcFontSizeParagraphDefault = "1.25rem";
|
|
454
|
-
export const rhcFontSizeParagraphSmall = "1.125rem";
|
|
455
|
-
export const rhcFontSizeXsDesktop = "1.25rem";
|
|
456
|
-
export const rhcFontSizeXsTablet = "1.125rem";
|
|
457
|
-
export const rhcFontSizeXsMobile = "1rem";
|
|
458
|
-
export const rhcFontSizeSmDesktop = "1.5rem";
|
|
459
|
-
export const rhcFontSizeSmTablet = "1.35rem";
|
|
460
|
-
export const rhcFontSizeSmMobile = "1.2rem";
|
|
461
|
-
export const rhcFontSizeMdDesktop = "1.875rem";
|
|
462
|
-
export const rhcFontSizeMdTablet = "1.688rem";
|
|
463
|
-
export const rhcFontSizeMdMobile = "1.5rem";
|
|
464
|
-
export const rhcFontSizeLgDesktop = "2.5rem";
|
|
465
|
-
export const rhcFontSizeLgTablet = "2.25rem";
|
|
466
|
-
export const rhcFontSizeLgMobile = "2rem";
|
|
467
|
-
export const rhcFontSizeXlDesktop = "3.125rem";
|
|
468
|
-
export const rhcFontSizeXlTablet = "2.813rem";
|
|
469
|
-
export const rhcFontSizeXlMobile = "2.5rem";
|
|
470
|
-
export const rhcLineHeightParagraph = "150%";
|
|
471
|
-
export const rhcLineHeightSm = "125%";
|
|
472
|
-
export const rhcLineHeightMd = "150%";
|
|
473
|
-
export const rhcSizeTarget = "48px";
|
|
474
|
-
export const rhcSizeIconFunctional = "24px";
|
|
475
|
-
export const rhcSizeQuarterLint = "12px";
|
|
476
|
-
export const rhcSizeHalfLint = "24px";
|
|
477
|
-
export const rhcSizeLint = "48px";
|
|
478
|
-
export const rhcSize2Lint = "96px";
|
|
479
|
-
export const rhcSize3Lint = "1440px";
|
|
480
|
-
export const rhcFontWeightExtraBold = 800;
|
|
481
|
-
export const rhcFontWeightBold = 700;
|
|
482
|
-
export const rhcFontWeightSemiBold = 550;
|
|
483
|
-
export const rhcFontWeightRegular = 400;
|
|
484
|
-
export const rhcFontWeightChosenRegular = 400;
|
|
485
|
-
export const rhcFontWeightLight = 300;
|
|
486
|
-
export const rhcFontWeightThin = 200;
|
|
487
|
-
export const rhcFontFamilyPrimary = "Fira Sans, Arial, Verdana, sans-serif";
|
|
488
|
-
export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
|
|
489
|
-
export const rhcBorderWidthDefault = "1px";
|
|
490
|
-
export const rhcBorderWidthM = "2px";
|
|
491
|
-
export const rhcBorderWidthNone = "0px";
|
|
492
|
-
export const rhcSpace0 = 0;
|
|
493
|
-
export const rhcSpace25 = "0.125rem";
|
|
494
|
-
export const rhcSpace50 = "0.25rem";
|
|
495
|
-
export const rhcSpace100 = "0.5rem";
|
|
496
|
-
export const rhcSpace150 = "0.75rem";
|
|
497
|
-
export const rhcSpace200 = "1rem";
|
|
498
|
-
export const rhcSpace300 = "1.5rem";
|
|
499
|
-
export const rhcSpace400 = "2rem";
|
|
500
|
-
export const rhcSpace500 = "2.5rem";
|
|
501
|
-
export const rhcSpace600 = "3rem";
|
|
502
|
-
export const rhcSpace700 = "3.5rem";
|
|
503
|
-
export const utrechtIconColor = "inherit";
|
|
504
|
-
export const utrechtIconSize = "24px";
|
|
505
|
-
export const utrechtIconInsetBlockStart = 0;
|
|
506
6
|
export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
|
|
507
7
|
export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
|
|
508
8
|
export const utrechtUnorderedListMarginBlockStart = "0.25rem";
|
|
@@ -630,6 +130,34 @@ export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
|
|
|
630
130
|
export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
|
|
631
131
|
export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
|
|
632
132
|
export const utrechtTableFontSize = "1.25rem";
|
|
133
|
+
export const utrechtSkipLinkFontWeight = 700;
|
|
134
|
+
export const utrechtSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
135
|
+
export const utrechtSkipLinkFontSize = "1.25rem";
|
|
136
|
+
export const utrechtSkipLinkLineHeight = "150%";
|
|
137
|
+
export const utrechtSkipLinkMinBlockSize = "48px";
|
|
138
|
+
export const utrechtSkipLinkMinInlineSize = "48px";
|
|
139
|
+
export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
|
|
140
|
+
export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
|
|
141
|
+
export const utrechtSkipLinkPaddingInlineEnd = "1rem";
|
|
142
|
+
export const utrechtSkipLinkPaddingInlineStart = "1rem";
|
|
143
|
+
export const utrechtSkipLinkFocusBackgroundColor = "#fff";
|
|
144
|
+
export const utrechtSkipLinkFocusBorderColor = "#154273";
|
|
145
|
+
export const utrechtSkipLinkFocusBorderStyle = "solid";
|
|
146
|
+
export const utrechtSkipLinkFocusBorderWidth = "2px";
|
|
147
|
+
export const utrechtSkipLinkFocusColor = "#0F172A";
|
|
148
|
+
export const utrechtSkipLinkFocusTextDecoration = "None";
|
|
149
|
+
export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
|
|
150
|
+
export const utrechtSkipLinkBackgroundColor = "#154273";
|
|
151
|
+
export const utrechtSkipLinkBorderColor = "transparent";
|
|
152
|
+
export const utrechtSkipLinkColor = "#fff";
|
|
153
|
+
export const utrechtSkipLinkBorderWidth = "2px";
|
|
154
|
+
export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
|
|
155
|
+
export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
|
|
156
|
+
export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
|
|
157
|
+
export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
|
|
158
|
+
export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
|
|
159
|
+
export const utrechtSkipLinkTextDecoration = "underline";
|
|
160
|
+
export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
|
|
633
161
|
export const utrechtSeparatorColor = "#CBD5E1";
|
|
634
162
|
export const utrechtSeparatorBlockSize = "2px";
|
|
635
163
|
export const utrechtSeparatorMarginBlockEnd = "0.75rem";
|
|
@@ -711,6 +239,17 @@ export const utrechtPreHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-seri
|
|
|
711
239
|
export const utrechtPreHeadingFontWeight = 700;
|
|
712
240
|
export const utrechtPreHeadingLineHeight = "125%";
|
|
713
241
|
export const utrechtPreHeadingFontSize = "1rem";
|
|
242
|
+
export const utrechtParagraphColor = "#0F172A";
|
|
243
|
+
export const utrechtParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
244
|
+
export const utrechtParagraphFontSize = "1.25rem";
|
|
245
|
+
export const utrechtParagraphFontWeight = 400;
|
|
246
|
+
export const utrechtParagraphLineHeight = "150%";
|
|
247
|
+
export const utrechtParagraphMarginBlockEnd = 0;
|
|
248
|
+
export const utrechtParagraphMarginBlockStart = 0;
|
|
249
|
+
export const utrechtParagraphLeadColor = "#0F172A";
|
|
250
|
+
export const utrechtParagraphLeadFontSize = "1.5rem";
|
|
251
|
+
export const utrechtParagraphLeadFontWeight = 400;
|
|
252
|
+
export const utrechtParagraphLeadLineHeight = "150%";
|
|
714
253
|
export const utrechtOrderedListPaddingInlineStart = "1.5rem";
|
|
715
254
|
export const utrechtOrderedListMarginBlockEnd = "0.25rem";
|
|
716
255
|
export const utrechtOrderedListMarginBlockStart = "0.25rem";
|
|
@@ -752,6 +291,44 @@ export const utrechtLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
|
752
291
|
export const utrechtLinkFontWeight = 400;
|
|
753
292
|
export const utrechtLinkFontSize = "1.25rem";
|
|
754
293
|
export const utrechtLinkLineHeight = "150%";
|
|
294
|
+
export const utrechtIconColor = "inherit";
|
|
295
|
+
export const utrechtIconSize = "24px";
|
|
296
|
+
export const utrechtIconInsetBlockStart = 0;
|
|
297
|
+
export const utrechtHeading1Color = "#154273";
|
|
298
|
+
export const utrechtHeading1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
299
|
+
export const utrechtHeading1FontWeight = 700;
|
|
300
|
+
export const utrechtHeading1LineHeight = "125%";
|
|
301
|
+
export const utrechtHeading1FontSize = "3.125rem";
|
|
302
|
+
export const utrechtHeading1MarginBlockEnd = 0;
|
|
303
|
+
export const utrechtHeading1MarginBlockStart = 0;
|
|
304
|
+
export const utrechtHeading2Color = "#154273";
|
|
305
|
+
export const utrechtHeading2FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
306
|
+
export const utrechtHeading2FontWeight = 700;
|
|
307
|
+
export const utrechtHeading2LineHeight = "125%";
|
|
308
|
+
export const utrechtHeading2FontSize = "2.5rem";
|
|
309
|
+
export const utrechtHeading2MarginBlockEnd = 0;
|
|
310
|
+
export const utrechtHeading2MarginBlockStart = 0;
|
|
311
|
+
export const utrechtHeading3Color = "#154273";
|
|
312
|
+
export const utrechtHeading3FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
313
|
+
export const utrechtHeading3FontWeight = 700;
|
|
314
|
+
export const utrechtHeading3LineHeight = "125%";
|
|
315
|
+
export const utrechtHeading3FontSize = "1.875rem";
|
|
316
|
+
export const utrechtHeading3MarginBlockEnd = 0;
|
|
317
|
+
export const utrechtHeading3MarginBlockStart = 0;
|
|
318
|
+
export const utrechtHeading4Color = "#154273";
|
|
319
|
+
export const utrechtHeading4FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
320
|
+
export const utrechtHeading4FontWeight = 700;
|
|
321
|
+
export const utrechtHeading4LineHeight = "125%";
|
|
322
|
+
export const utrechtHeading4FontSize = "1.5rem";
|
|
323
|
+
export const utrechtHeading4MarginBlockEnd = 0;
|
|
324
|
+
export const utrechtHeading4MarginBlockStart = 0;
|
|
325
|
+
export const utrechtHeading5Color = "#154273";
|
|
326
|
+
export const utrechtHeading5FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
327
|
+
export const utrechtHeading5FontWeight = 700;
|
|
328
|
+
export const utrechtHeading5LineHeight = "125%";
|
|
329
|
+
export const utrechtHeading5FontSize = "1.25rem";
|
|
330
|
+
export const utrechtHeading5MarginBlockEnd = 0;
|
|
331
|
+
export const utrechtHeading5MarginBlockStart = 0;
|
|
755
332
|
export const utrechtFormLabelColor = "#0F172A";
|
|
756
333
|
export const utrechtFormLabelFontSize = "1.25rem";
|
|
757
334
|
export const utrechtFormLabelFontWeight = 700;
|
|
@@ -811,6 +388,19 @@ export const utrechtFormFieldsetSectionColor = "#0F172A";
|
|
|
811
388
|
export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
|
|
812
389
|
export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
|
|
813
390
|
export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
|
|
391
|
+
export const utrechtNumberBadgeFontSize = "1.25rem";
|
|
392
|
+
export const utrechtNumberBadgeLineHeight = "150%";
|
|
393
|
+
export const utrechtNumberBadgeMinBlockSize = "24px";
|
|
394
|
+
export const utrechtNumberBadgeMinInlineSize = "24px";
|
|
395
|
+
export const utrechtNumberBadgeFontWeight = 700;
|
|
396
|
+
export const utrechtNumberBadgeBorderWidth = "0px";
|
|
397
|
+
export const utrechtNumberBadgeBorderRadius = "999px";
|
|
398
|
+
export const utrechtNumberBadgeFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
399
|
+
export const utrechtNumberBadgeBackgroundColor = "#154273";
|
|
400
|
+
export const utrechtNumberBadgeBorderColor = "transparent";
|
|
401
|
+
export const utrechtNumberBadgeColor = "#fff";
|
|
402
|
+
export const utrechtNumberBadgePaddingInline = "0.5rem";
|
|
403
|
+
export const utrechtNumberBadgePaddingBlock = "0.5rem";
|
|
814
404
|
export const utrechtCheckboxBorderRadius = "2.5px";
|
|
815
405
|
export const utrechtCheckboxSize = "24px";
|
|
816
406
|
export const utrechtCheckboxIconSize = "24px";
|
|
@@ -876,9 +466,9 @@ export const utrechtButtonGroupMarginBlockStart = "0px";
|
|
|
876
466
|
export const utrechtButtonGroupPaddingBlockEnd = "0px";
|
|
877
467
|
export const utrechtButtonGroupPaddingBlockStart = "0px";
|
|
878
468
|
export const utrechtButtonGroupRowGap = "0.5rem";
|
|
879
|
-
export const utrechtButtonBackgroundColor = "
|
|
880
|
-
export const utrechtButtonBorderColor = "
|
|
881
|
-
export const utrechtButtonColor = "#
|
|
469
|
+
export const utrechtButtonBackgroundColor = "#0F172A";
|
|
470
|
+
export const utrechtButtonBorderColor = "transparent";
|
|
471
|
+
export const utrechtButtonColor = "#fff";
|
|
882
472
|
export const utrechtButtonBorderRadius = "5px";
|
|
883
473
|
export const utrechtButtonBorderWidth = "1px";
|
|
884
474
|
export const utrechtButtonIconGap = "0.5rem";
|
|
@@ -891,18 +481,18 @@ export const utrechtButtonPaddingBlockEnd = "0.5rem";
|
|
|
891
481
|
export const utrechtButtonPaddingBlockStart = "0.5rem";
|
|
892
482
|
export const utrechtButtonPaddingInlineEnd = "1rem";
|
|
893
483
|
export const utrechtButtonPaddingInlineStart = "1rem";
|
|
894
|
-
export const utrechtButtonDisabledBackgroundColor = "#
|
|
484
|
+
export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
|
|
895
485
|
export const utrechtButtonDisabledBorderColor = "transparent";
|
|
896
|
-
export const utrechtButtonDisabledColor = "#
|
|
897
|
-
export const utrechtButtonFocusBackgroundColor = "#
|
|
486
|
+
export const utrechtButtonDisabledColor = "#94A3B8";
|
|
487
|
+
export const utrechtButtonFocusBackgroundColor = "#475569";
|
|
898
488
|
export const utrechtButtonFocusBorderColor = "transparent";
|
|
899
|
-
export const utrechtButtonFocusColor = "#
|
|
900
|
-
export const utrechtButtonHoverBackgroundColor = "#
|
|
901
|
-
export const utrechtButtonHoverBorderColor = "
|
|
902
|
-
export const utrechtButtonHoverColor = "#
|
|
903
|
-
export const utrechtButtonActiveBackgroundColor = "#
|
|
904
|
-
export const utrechtButtonActiveBorderColor = "
|
|
905
|
-
export const utrechtButtonActiveColor = "#
|
|
489
|
+
export const utrechtButtonFocusColor = "#fff";
|
|
490
|
+
export const utrechtButtonHoverBackgroundColor = "#475569";
|
|
491
|
+
export const utrechtButtonHoverBorderColor = "transparent";
|
|
492
|
+
export const utrechtButtonHoverColor = "#fff";
|
|
493
|
+
export const utrechtButtonActiveBackgroundColor = "#1E293B";
|
|
494
|
+
export const utrechtButtonActiveBorderColor = "transparent";
|
|
495
|
+
export const utrechtButtonActiveColor = "#fff";
|
|
906
496
|
export const utrechtButtonMinBlockSize = "48px";
|
|
907
497
|
export const utrechtButtonMinInlineSize = "48px";
|
|
908
498
|
export const utrechtButtonColumnGap = "0.5rem";
|
|
@@ -913,9 +503,9 @@ export const utrechtButtonPrimaryActionBackgroundColor = "#154273";
|
|
|
913
503
|
export const utrechtButtonPrimaryActionBorderColor = "transparent";
|
|
914
504
|
export const utrechtButtonPrimaryActionColor = "#fff";
|
|
915
505
|
export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#b8c6d5";
|
|
916
|
-
export const utrechtButtonPrimaryActionDisabledBorderColor = "
|
|
506
|
+
export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
|
|
917
507
|
export const utrechtButtonPrimaryActionDisabledColor = "#4f7196";
|
|
918
|
-
export const utrechtButtonPrimaryActionFocusBackgroundColor = "#
|
|
508
|
+
export const utrechtButtonPrimaryActionFocusBackgroundColor = "#162f50";
|
|
919
509
|
export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
|
|
920
510
|
export const utrechtButtonPrimaryActionFocusColor = "#fff";
|
|
921
511
|
export const utrechtButtonPrimaryActionFontWeight = 700;
|
|
@@ -924,27 +514,33 @@ export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
|
|
|
924
514
|
export const utrechtButtonPrimaryActionActiveColor = "#fff";
|
|
925
515
|
export const utrechtButtonPrimaryActionFontSize = "1.25rem";
|
|
926
516
|
export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
|
|
927
|
-
export const
|
|
928
|
-
export const
|
|
929
|
-
export const
|
|
517
|
+
export const utrechtButtonPrimaryActionPressedBackgroundColor = "#162945";
|
|
518
|
+
export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
|
|
519
|
+
export const utrechtButtonPrimaryActionPressedColor = "#fff";
|
|
520
|
+
export const utrechtButtonSecondaryActionHoverBackgroundColor = "#dce3ea";
|
|
521
|
+
export const utrechtButtonSecondaryActionHoverBorderColor = "#162f50";
|
|
522
|
+
export const utrechtButtonSecondaryActionHoverColor = "#162f50";
|
|
930
523
|
export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
|
|
931
524
|
export const utrechtButtonSecondaryActionBorderColor = "#154273";
|
|
932
525
|
export const utrechtButtonSecondaryActionColor = "#154273";
|
|
933
526
|
export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
|
|
934
|
-
export const utrechtButtonSecondaryActionDisabledBorderColor = "#
|
|
527
|
+
export const utrechtButtonSecondaryActionDisabledBorderColor = "#95a9c0";
|
|
935
528
|
export const utrechtButtonSecondaryActionDisabledColor = "#738eab";
|
|
936
|
-
export const utrechtButtonSecondaryActionFocusBackgroundColor = "#
|
|
529
|
+
export const utrechtButtonSecondaryActionFocusBackgroundColor = "#dce3ea";
|
|
937
530
|
export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
|
|
938
|
-
export const utrechtButtonSecondaryActionFocusColor = "#
|
|
531
|
+
export const utrechtButtonSecondaryActionFocusColor = "#162f50";
|
|
939
532
|
export const utrechtButtonSecondaryActionFontWeight = 700;
|
|
940
533
|
export const utrechtButtonSecondaryActionActiveBackgroundColor = "#95a9c0";
|
|
941
|
-
export const utrechtButtonSecondaryActionActiveBorderColor = "#
|
|
942
|
-
export const utrechtButtonSecondaryActionActiveColor = "#
|
|
534
|
+
export const utrechtButtonSecondaryActionActiveBorderColor = "#162945";
|
|
535
|
+
export const utrechtButtonSecondaryActionActiveColor = "#162f50";
|
|
943
536
|
export const utrechtButtonSecondaryActionFontSize = "1.25rem";
|
|
944
537
|
export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
|
|
538
|
+
export const utrechtButtonSecondaryActionPressedBackgroundColor = "#b8c6d5";
|
|
539
|
+
export const utrechtButtonSecondaryActionPressedBorderColor = "#162945";
|
|
540
|
+
export const utrechtButtonSecondaryActionPressedColor = "#162945";
|
|
945
541
|
export const utrechtButtonSubtleFontSize = "1.25rem";
|
|
946
542
|
export const utrechtButtonSubtleFontWeight = 700;
|
|
947
|
-
export const utrechtButtonSubtleHoverBackgroundColor = "
|
|
543
|
+
export const utrechtButtonSubtleHoverBackgroundColor = "#dce3ea";
|
|
948
544
|
export const utrechtButtonSubtleHoverBorderColor = "transparent";
|
|
949
545
|
export const utrechtButtonSubtleHoverColor = "#162f50";
|
|
950
546
|
export const utrechtButtonSubtleBackgroundColor = "transparent";
|
|
@@ -955,11 +551,17 @@ export const utrechtButtonSubtleDisabledBorderColor = "transparent";
|
|
|
955
551
|
export const utrechtButtonSubtleDisabledColor = "#b8c6d5";
|
|
956
552
|
export const utrechtButtonSubtleFocusBackgroundColor = "#dce3ea";
|
|
957
553
|
export const utrechtButtonSubtleFocusBorderColor = "transparent";
|
|
958
|
-
export const utrechtButtonSubtleFocusColor = "#
|
|
959
|
-
export const utrechtButtonSubtleActiveBackgroundColor = "
|
|
554
|
+
export const utrechtButtonSubtleFocusColor = "#162f50";
|
|
555
|
+
export const utrechtButtonSubtleActiveBackgroundColor = "#95a9c0";
|
|
960
556
|
export const utrechtButtonSubtleActiveBorderColor = "transparent";
|
|
961
557
|
export const utrechtButtonSubtleActiveColor = "#0d2845";
|
|
962
558
|
export const utrechtButtonSubtleLineHeight = "1.875rem";
|
|
559
|
+
export const utrechtButtonSubtlePressedBackgroundColor = "#b8c6d5";
|
|
560
|
+
export const utrechtButtonSubtlePressedBorderColor = "transparent";
|
|
561
|
+
export const utrechtButtonSubtlePressedColor = "#162945";
|
|
562
|
+
export const utrechtButtonPressedBackgroundColor = "#1E293B";
|
|
563
|
+
export const utrechtButtonPressedBorderColor = "transparent";
|
|
564
|
+
export const utrechtButtonPressedColor = "#fff";
|
|
963
565
|
export const utrechtBreadcrumbNavLineHeight = 1.4;
|
|
964
566
|
export const utrechtBreadcrumbNavFontSize = "1.25rem";
|
|
965
567
|
export const utrechtBreadcrumbNavLinkIconSize = "24px";
|
|
@@ -1110,6 +712,505 @@ export const utrechtFocusOutlineOffset = "0.125rem";
|
|
|
1110
712
|
export const utrechtFocusOutlineStyle = "solid";
|
|
1111
713
|
export const utrechtFocusOutlineWidth = "2px";
|
|
1112
714
|
export const utrechtFocusInverseOutlineColor = "#fff";
|
|
715
|
+
export const rhcToggletipColor = "#fff";
|
|
716
|
+
export const rhcToggletipBackgroundColor = "#007bc7";
|
|
717
|
+
export const rhcToggletipBorderColor = "transparent";
|
|
718
|
+
export const rhcToggletipBorderRadius = "5px";
|
|
719
|
+
export const rhcToggletipBorderWidth = "1px";
|
|
720
|
+
export const rhcToggletipIconSize = "24px";
|
|
721
|
+
export const rhcToggletipSize = "24px";
|
|
722
|
+
export const rhcToggletipActiveColor = "#007bc7";
|
|
723
|
+
export const rhcToggletipActiveBackgroundColor = "#fff";
|
|
724
|
+
export const rhcToggletipActiveBorderColor = "#007bc7";
|
|
725
|
+
export const rhcToggletipHoverColor = "#0F172A";
|
|
726
|
+
export const rhcToggletipHoverBackgroundColor = "#66AFDD";
|
|
727
|
+
export const rhcToggletipFocusColor = "#fff";
|
|
728
|
+
export const rhcToggletipFocusBackgroundColor = "#007bc7";
|
|
729
|
+
export const rhcSubNavBarBackgroundColor = "#f2f4f6";
|
|
730
|
+
export const rhcSubNavBarColumnGap = "0.5rem";
|
|
731
|
+
export const rhcSubNavBarColumnWidth = "375px";
|
|
732
|
+
export const rhcSubNavBarPaddingBlockEnd = "2rem";
|
|
733
|
+
export const rhcSubNavBarPaddingBlockStart = "2rem";
|
|
734
|
+
export const rhcSubNavBarInlineSize = "100%";
|
|
735
|
+
export const rhcSubNavBarContentPaddingInlineEnd = "1rem";
|
|
736
|
+
export const rhcSubNavBarContentPaddingInlineStart = "1rem";
|
|
737
|
+
export const rhcSubNavBarContentMaxInlineSize = "1280px";
|
|
738
|
+
export const rhcSubNavBarContentListRowGap = "0.5rem";
|
|
739
|
+
export const rhcSidenavDisplay = "flex";
|
|
740
|
+
export const rhcSidenavLinkLineHeight = "150%";
|
|
741
|
+
export const rhcSidenavLinkIconSize = "24px";
|
|
742
|
+
export const rhcSidenavLinkIconMarginInline = "0.5rem";
|
|
743
|
+
export const rhcSidenavLinkFontSize = "1.25rem";
|
|
744
|
+
export const rhcSidenavLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
745
|
+
export const rhcSidenavLinkFontWeight = 400;
|
|
746
|
+
export const rhcSidenavLinkCurrentFontWeight = 700;
|
|
747
|
+
export const rhcSidenavLinkCurrentColor = "#0F172A";
|
|
748
|
+
export const rhcSidenavLinkColor = "#01689b";
|
|
749
|
+
export const rhcSidenavLinkActiveColor = "#42145f";
|
|
750
|
+
export const rhcSidenavLinkActiveTextDecoration = "underline";
|
|
751
|
+
export const rhcSidenavLinkFocusBorderRadius = "5px";
|
|
752
|
+
export const rhcSidenavLinkFocusBorderWidth = "2px";
|
|
753
|
+
export const rhcSidenavLinkFocusBorderStyle = "solid";
|
|
754
|
+
export const rhcSidenavLinkFocusBorderColor = "#154273";
|
|
755
|
+
export const rhcSidenavLinkFocusBackgroundColor = "none";
|
|
756
|
+
export const rhcSidenavLinkFocusColor = "#01689b";
|
|
757
|
+
export const rhcSidenavLinkFocusTextDecoration = "None";
|
|
758
|
+
export const rhcSidenavLinkHoverColor = "#15496a";
|
|
759
|
+
export const rhcSidenavLinkHoverTextDecoration = "underline";
|
|
760
|
+
export const rhcSidenavLinkPaddingBlockStart = "0.75rem";
|
|
761
|
+
export const rhcSidenavLinkPaddingBlockEnd = "0.75rem";
|
|
762
|
+
export const rhcSidenavLinkTextDecoration = "None";
|
|
763
|
+
export const rhcSidenavLinkColumnGap = "0.5rem";
|
|
764
|
+
export const rhcRadioGroupPaddingBlockEnd = "0.5rem";
|
|
765
|
+
export const rhcRadioGroupPaddingBlockStart = "0.5rem";
|
|
766
|
+
export const rhcRadioGroupRowGap = "1rem";
|
|
767
|
+
export const rhcNavigationListIconBackgroundColor = "#0F172A";
|
|
768
|
+
export const rhcNavigationListIconBorderRadius = "999px";
|
|
769
|
+
export const rhcNavigationListIconColor = "#fff";
|
|
770
|
+
export const rhcNavigationListItemIconPaddingInline = "0.5rem";
|
|
771
|
+
export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
|
|
772
|
+
export const rhcNavigationListItemIconSize = "24px";
|
|
773
|
+
export const rhcNavigationListItemContentFontSize = "1.125rem";
|
|
774
|
+
export const rhcNavigationListItemContentColumnGap = "0.5rem";
|
|
775
|
+
export const rhcNavigationListItemContentRowGap = "0.25rem";
|
|
776
|
+
export const rhcNavigationListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
777
|
+
export const rhcNavigationListItemLabelFontSize = "1.875rem";
|
|
778
|
+
export const rhcNavigationListItemLabelFontWeight = 700;
|
|
779
|
+
export const rhcNavigationListItemLabelLineHeight = "150%";
|
|
780
|
+
export const rhcNavigationListItemActiveBackgroundColor = "#F1F5F9";
|
|
781
|
+
export const rhcNavigationListItemHoverBackgroundColor = "#F8FAFC";
|
|
782
|
+
export const rhcNavigationListItemFocusBackgroundColor = "#dce3ea";
|
|
783
|
+
export const rhcNavigationListItemBackgroundColor = "#fff";
|
|
784
|
+
export const rhcNavigationListItemColor = "#334155";
|
|
785
|
+
export const rhcNavigationListItemBorderWidth = "1px";
|
|
786
|
+
export const rhcNavigationListItemBorderColor = "#CBD5E1";
|
|
787
|
+
export const rhcNavigationListItemHeadingColor = "#0F172A";
|
|
788
|
+
export const rhcNavigationListItemColumnGap = "1rem";
|
|
789
|
+
export const rhcNavigationListItemMinHeight = "48px";
|
|
790
|
+
export const rhcNavigationListItemPaddingBlock = "0.75rem";
|
|
791
|
+
export const rhcNavigationListItemPaddingInline = "1rem";
|
|
792
|
+
export const rhcNavBarBorderBlockEndWidth = "1px";
|
|
793
|
+
export const rhcNavBarMaxInlineSize = "1280px";
|
|
794
|
+
export const rhcNavBarPaddingInline = "1rem";
|
|
795
|
+
export const rhcNavBarContainerInlineSize = "100%";
|
|
796
|
+
export const rhcNavBarContentColumnGap = "1rem";
|
|
797
|
+
export const rhcNavBarIconColor = "#0F172A";
|
|
798
|
+
export const rhcNavBarIconActiveColor = "#fff";
|
|
799
|
+
export const rhcNavBarIconSize = "24px";
|
|
800
|
+
export const rhcNavBarLinkActiveBackgroundColor = "#154273";
|
|
801
|
+
export const rhcNavBarLinkActiveColor = "#fff";
|
|
802
|
+
export const rhcNavBarLinkBackgroundColor = "#fff";
|
|
803
|
+
export const rhcNavBarLinkColor = "#154273";
|
|
804
|
+
export const rhcNavBarLinkFocusBackgroundColor = "#dce3ea";
|
|
805
|
+
export const rhcNavBarLinkFocusColor = "#154273";
|
|
806
|
+
export const rhcNavBarLinkHoverBackgroundColor = "#F8FAFC";
|
|
807
|
+
export const rhcNavBarLinkHoverColor = "#154273";
|
|
808
|
+
export const rhcNavBarLinkPaddingBlockEnd = "1rem";
|
|
809
|
+
export const rhcNavBarLinkPaddingBlockStart = "1rem";
|
|
810
|
+
export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
|
|
811
|
+
export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
|
|
812
|
+
export const rhcNavBarLinkColumnGap = "0.5rem";
|
|
813
|
+
export const rhcNavBarHeadingFontWeight = 700;
|
|
814
|
+
export const rhcNavBarBackgroundColor = "#fff";
|
|
815
|
+
export const rhcNavBarColor = "#154273";
|
|
816
|
+
export const rhcNavBarBorderColor = "#4f7196";
|
|
817
|
+
export const rhcMessageListItemBackgroundColor = "#fff";
|
|
818
|
+
export const rhcMessageListItemBorderColor = "#CBD5E1";
|
|
819
|
+
export const rhcMessageListItemBorderWidth = "1px";
|
|
820
|
+
export const rhcMessageListItemColor = "#334155";
|
|
821
|
+
export const rhcMessageListItemColumnGap = "1rem";
|
|
822
|
+
export const rhcMessageListItemIconSize = "24px";
|
|
823
|
+
export const rhcMessageListItemIconColor = "#0F172A";
|
|
824
|
+
export const rhcMessageListItemMinHeight = "48px";
|
|
825
|
+
export const rhcMessageListItemPaddingBlock = "0.75rem";
|
|
826
|
+
export const rhcMessageListItemPaddingInline = "1rem";
|
|
827
|
+
export const rhcMessageListItemContentFontSize = "1.125rem";
|
|
828
|
+
export const rhcMessageListItemContentColumnGap = "0.5rem";
|
|
829
|
+
export const rhcMessageListItemContentRowGap = "0.5rem";
|
|
830
|
+
export const rhcMessageListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
831
|
+
export const rhcMessageListItemLabelFontSize = "1.25rem";
|
|
832
|
+
export const rhcMessageListItemLabelFontWeight = 700;
|
|
833
|
+
export const rhcMessageListItemLabelLineHeight = "150%";
|
|
834
|
+
export const rhcMessageListItemHeadingColor = "#0F172A";
|
|
835
|
+
export const rhcLogoImageBackgroundColor = "#fff";
|
|
836
|
+
export const rhcLogoImageInlineSize = "48px";
|
|
837
|
+
export const rhcLogoImageBlockSize = "96px";
|
|
838
|
+
export const rhcLogoImageColor = "#154273";
|
|
839
|
+
export const rhcLogoTitleFontWeight = 600;
|
|
840
|
+
export const rhcLogoTitleLineHeight = "1.063rem";
|
|
841
|
+
export const rhcLogoTitleFontSize = "0.913rem";
|
|
842
|
+
export const rhcLogoTitlePaddingBlockStart = "3.125rem";
|
|
843
|
+
export const rhcLogoSubtitleFontWeight = 400;
|
|
844
|
+
export const rhcLogoSubtitleLineHeight = "1rem";
|
|
845
|
+
export const rhcLogoSubtitleFontSize = "0.775rem";
|
|
846
|
+
export const rhcLogoColumnGap = "12px";
|
|
847
|
+
export const rhcLogoFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
848
|
+
export const rhcLogoColor = "#154273";
|
|
849
|
+
export const rhcLinkListCardBackgroundColor = "#fff";
|
|
850
|
+
export const rhcLinkListCardPaddingBlockStart = "1.5rem";
|
|
851
|
+
export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
|
|
852
|
+
export const rhcLinkListCardRowGap = "1rem";
|
|
853
|
+
export const rhcLinkListCardPaddingInlineStart = "1.5rem";
|
|
854
|
+
export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
|
|
855
|
+
export const rhcLinkListTextDecoration = "None";
|
|
856
|
+
export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
|
|
857
|
+
export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
|
|
858
|
+
export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
|
|
859
|
+
export const rhcIconOnlyButtonPaddingInlineStart = "0.75rem";
|
|
860
|
+
export const rhcHeroHeadingFontWeight = 700;
|
|
861
|
+
export const rhcHeroHeadingLineHeight = "125%";
|
|
862
|
+
export const rhcHeroHeadingFontSize = "1.875rem";
|
|
863
|
+
export const rhcHeroHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
864
|
+
export const rhcHeroSubHeadingFontWeight = 400;
|
|
865
|
+
export const rhcHeroSubHeadingLineHeight = "150%";
|
|
866
|
+
export const rhcHeroSubHeadingFontSize = "1.25rem";
|
|
867
|
+
export const rhcHeroSubHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
868
|
+
export const rhcHeroMessageBackgroundColor = "#154273";
|
|
869
|
+
export const rhcHeroMessageColor = "#fff";
|
|
870
|
+
export const rhcHeroMessageRowGap = "0.125rem";
|
|
871
|
+
export const rhcHeroMessagePaddingBlockEnd = "1rem";
|
|
872
|
+
export const rhcHeroMessagePaddingInlineEnd = "1rem";
|
|
873
|
+
export const rhcHeroMessagePaddingInlineStart = "1rem";
|
|
874
|
+
export const rhcHeroMessagePaddingBlockStart = "1rem";
|
|
875
|
+
export const rhcHeroMessageBorderRadius = "20px";
|
|
876
|
+
export const rhcHeroMessageInlineSize = "90%";
|
|
877
|
+
export const rhcHeroBorderRadius = "40px";
|
|
878
|
+
export const rhcHeroInlineSize = "100%";
|
|
879
|
+
export const rhcFormFieldRadioOptionColumnGap = "0.5rem";
|
|
880
|
+
export const rhcFormFieldRadioOptionFontWeight = 400;
|
|
881
|
+
export const rhcFormFieldRadioOptionRowGap = "0.5rem";
|
|
882
|
+
export const rhcFormFieldRadioOptionLabelMarginBlockEnd = 0;
|
|
883
|
+
export const rhcFormFieldRadioOptionInputMarginBlockStart = "0.25rem";
|
|
884
|
+
export const rhcFormFieldCheckboxOptionColumnGap = "0.5rem";
|
|
885
|
+
export const rhcFormFieldCheckboxOptionMarginBlockEnd = 0;
|
|
886
|
+
export const rhcPageFooterColumnGap = "1.5rem";
|
|
887
|
+
export const rhcPageFooterColumnWidth = "200px";
|
|
888
|
+
export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
|
|
889
|
+
export const rhcPageFooterContentMaxInlineSize = "1280px";
|
|
890
|
+
export const rhcPageFooterContentPaddingInlineStart = "1rem";
|
|
891
|
+
export const rhcPageFooterContentPaddingInlineEnd = "1rem";
|
|
892
|
+
export const rhcPageFooterContentColumnGap = "2rem";
|
|
893
|
+
export const rhcPageFooterBorderBlockStartWidth = "2px";
|
|
894
|
+
export const rhcPageFooterBorderBlockStartColor = "#738eab";
|
|
895
|
+
export const rhcPageFooterBorderBlockStartStyle = "solid";
|
|
896
|
+
export const rhcPageFooterOutlinedBackgroundColor = "#fff";
|
|
897
|
+
export const rhcPageFooterOutlinedColor = "#154273";
|
|
898
|
+
export const rhcPageFooterOutlinedBorderColor = "#154273";
|
|
899
|
+
export const rhcPageFooterPaddingBlockStart = "2.5rem";
|
|
900
|
+
export const rhcPageFooterPaddingBlockEnd = "2.5rem";
|
|
901
|
+
export const rhcPageFooterPaddingInlineStart = "2.5rem";
|
|
902
|
+
export const rhcPageFooterPaddingInlineEnd = "2.5rem";
|
|
903
|
+
export const rhcPageFooterFlexDirection = "column";
|
|
904
|
+
export const rhcFileInputColumnGap = "0.75rem";
|
|
905
|
+
export const rhcFileInputRowGap = "0.75rem";
|
|
906
|
+
export const rhcFileInputFeedbackColor = "#475569";
|
|
907
|
+
export const rhcFileInputFeedbackFontSize = "1rem";
|
|
908
|
+
export const rhcFileBorderStyle = "solid";
|
|
909
|
+
export const rhcFileBorderColor = "#154273";
|
|
910
|
+
export const rhcFileBorderWidth = "1px";
|
|
911
|
+
export const rhcFileBorderRadius = "5px";
|
|
912
|
+
export const rhcFilePaddingInlineStart = "1rem";
|
|
913
|
+
export const rhcFilePaddingInlineEnd = "1rem";
|
|
914
|
+
export const rhcFilePaddingBlockStart = "0.75rem";
|
|
915
|
+
export const rhcFilePaddingBlockEnd = "0.75rem";
|
|
916
|
+
export const rhcFileColumnGap = "0.25rem";
|
|
917
|
+
export const rhcFileErrorBorderColor = "#d52b1e";
|
|
918
|
+
export const rhcFileSubtitleColor = "#64748B";
|
|
919
|
+
export const rhcDotBadgeBorderRadius = "999px";
|
|
920
|
+
export const rhcDotBadgeColor = "#d52b1e";
|
|
921
|
+
export const rhcDotBadgeSize = "12px";
|
|
922
|
+
export const rhcCodeInputSize = "48px";
|
|
923
|
+
export const rhcCodeInputGroupColumnGap = "0.5rem";
|
|
924
|
+
export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
|
|
925
|
+
export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
|
|
926
|
+
export const rhcCheckboxGroupRowGap = "1rem";
|
|
927
|
+
export const rhcCardAsLinkBackgroundColor = "#fff";
|
|
928
|
+
export const rhcCardAsLinkBorderColor = "#CBD5E1";
|
|
929
|
+
export const rhcCardAsLinkBorderRadius = "5px";
|
|
930
|
+
export const rhcCardAsLinkBorderWidth = "1px";
|
|
931
|
+
export const rhcCardAsLinkColor = "#0F172A";
|
|
932
|
+
export const rhcCardAsLinkColumnGap = "1rem";
|
|
933
|
+
export const rhcCardAsLinkInlineSize = "328px";
|
|
934
|
+
export const rhcCardAsLinkIconColor = "#154273";
|
|
935
|
+
export const rhcCardAsLinkIconSize = "24px";
|
|
936
|
+
export const rhcCardAsLinkLinkColor = "#01689b";
|
|
937
|
+
export const rhcCardAsLinkLinkTextDecoration = "underline";
|
|
938
|
+
export const rhcCardAsLinkLinkActiveTextDecoration = "none";
|
|
939
|
+
export const rhcCardAsLinkLinkHoverTextDecoration = "none";
|
|
940
|
+
export const rhcCardAsLinkLinkFocusTextDecoration = "none";
|
|
941
|
+
export const rhcCardAsLinkMetadataColor = "#334155";
|
|
942
|
+
export const rhcCardAsLinkPaddingBlockEnd = "1rem";
|
|
943
|
+
export const rhcCardAsLinkPaddingBlockStart = "1rem";
|
|
944
|
+
export const rhcCardAsLinkPaddingInlineEnd = "1rem";
|
|
945
|
+
export const rhcCardAsLinkPaddingInlineStart = "1rem";
|
|
946
|
+
export const rhcCardAsLinkRowGap = "0.75rem";
|
|
947
|
+
export const rhcCardAsLinkActiveBackgroundColor = "#F1F5F9";
|
|
948
|
+
export const rhcCardAsLinkActiveTextDecoration = "underline";
|
|
949
|
+
export const rhcCardAsLinkHoverBackgroundColor = "#F8FAFC";
|
|
950
|
+
export const rhcCardAsLinkHoverTextDecoration = "underline";
|
|
951
|
+
export const rhcCardAsLinkFocusBackgroundColor = "#dce3ea";
|
|
952
|
+
export const rhcCardAsLinkFocusTextDecoration = "underline";
|
|
953
|
+
export const rhcCardAsLinkFullBleedBackgroundColor = "#000";
|
|
954
|
+
export const rhcCardAsLinkFullBleedBorderColor = "transparent";
|
|
955
|
+
export const rhcCardAsLinkFullBleedColor = "#fff";
|
|
956
|
+
export const rhcCardAsLinkFullBleedOpacity = 0.5;
|
|
957
|
+
export const rhcCardAsLinkHeadingColor = "#154273";
|
|
958
|
+
export const rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
|
|
959
|
+
export const rhcCardAsLinkHeadingFontSize = "1.5rem";
|
|
960
|
+
export const rhcCardAsLinkHeadingFontWeight = 700;
|
|
961
|
+
export const rhcCardAsLinkHorizontalBackgroundColor = "#154273";
|
|
962
|
+
export const rhcCardAsLinkHorizontalBorderColor = "transparent";
|
|
963
|
+
export const rhcCardAsLinkHorizontalColor = "#fff";
|
|
964
|
+
export const rhcCardAsLinkHorizontalMaxBlockSize = "96px";
|
|
965
|
+
export const rhcCardAsLinkHorizontalPaddingBlockEnd = 0;
|
|
966
|
+
export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
|
|
967
|
+
export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
|
|
968
|
+
export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
|
|
969
|
+
export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
|
|
970
|
+
export const rhcAccordionButtonFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
971
|
+
export const rhcAccordionButtonFontSize = "1.25rem";
|
|
972
|
+
export const rhcAccordionButtonFontWeight = 400;
|
|
973
|
+
export const rhcAccordionButtonLineHeight = "150%";
|
|
974
|
+
export const rhcAccordionButtonIconMarginBlock = "0.25rem";
|
|
975
|
+
export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
|
|
976
|
+
export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
|
|
977
|
+
export const rhcAccordionButtonPaddingInlineEnd = "1rem";
|
|
978
|
+
export const rhcAccordionButtonPaddingInlineStart = "1rem";
|
|
979
|
+
export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
|
|
980
|
+
export const rhcAccordionButtonExpandedColor = "#0F172A";
|
|
981
|
+
export const rhcAccordionSectionBorderBlockEndWidth = "1px";
|
|
982
|
+
export const rhcAccordionSectionBorderWidth = 0;
|
|
983
|
+
export const rhcAccordionSectionBorderColor = "#94A3B8";
|
|
984
|
+
export const rhcAccordionHeaderMargin = 0;
|
|
985
|
+
export const rhcAccordionBorderRadius = "0px";
|
|
986
|
+
export const rhcAccordionColor = "#0F172A";
|
|
987
|
+
export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
|
|
988
|
+
export const rhcKeepTopLeftBorderRadiusTopRight = 0;
|
|
989
|
+
export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
|
|
990
|
+
export const rhcKeepTopLeftBorderRadiusBottomLeft = 0;
|
|
991
|
+
export const rhcKeepTopRightBorderRadiusTopRight = "48px";
|
|
992
|
+
export const rhcKeepTopRightBorderRadiusTopLeft = 0;
|
|
993
|
+
export const rhcKeepTopRightBorderRadiusBottomRight = 0;
|
|
994
|
+
export const rhcKeepTopRightBorderRadiusBottomLeft = 0;
|
|
995
|
+
export const rhcKeepBottomRightBorderRadiusTopLeft = 0;
|
|
996
|
+
export const rhcKeepBottomRightBorderRadiusTopRight = 0;
|
|
997
|
+
export const rhcKeepBottomRightBorderRadiusBottomRight = "48px";
|
|
998
|
+
export const rhcKeepBottomRightBorderRadiusBottomLeft = 0;
|
|
999
|
+
export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
|
|
1000
|
+
export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
|
|
1001
|
+
export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
|
|
1002
|
+
export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
|
|
1003
|
+
export const rhcBorderRadiusSm = "2.5px";
|
|
1004
|
+
export const rhcBorderRadiusMd = "5px";
|
|
1005
|
+
export const rhcBorderRadiusKeep = "48px";
|
|
1006
|
+
export const rhcBorderRadiusCircle = "999px";
|
|
1007
|
+
export const rhcBorderRadiusNone = "0px";
|
|
1008
|
+
export const rhcColorFocusOutline = "#000";
|
|
1009
|
+
export const rhcColorForegroundDefault = "#0F172A";
|
|
1010
|
+
export const rhcColorForegroundSubdued = "#334155";
|
|
1011
|
+
export const rhcColorForegroundLink = "#01689b";
|
|
1012
|
+
export const rhcColorForegroundOnEmphasis = "#fff";
|
|
1013
|
+
export const rhcColorBorderDefault = "#64748B";
|
|
1014
|
+
export const rhcColorBorderSubdued = "#94A3B8";
|
|
1015
|
+
export const rhcColorBorderStrong = "#0F172A";
|
|
1016
|
+
export const rhcColorCanvas = "#fff";
|
|
1017
|
+
export const rhcColorFeedbackSuccessDefault = "#39870c";
|
|
1018
|
+
export const rhcColorFeedbackSuccessSubdued = "#e1eddb";
|
|
1019
|
+
export const rhcColorFeedbackInfoDefault = "#007bc7";
|
|
1020
|
+
export const rhcColorFeedbackInfoSubdued = "#d9ebf7";
|
|
1021
|
+
export const rhcColorFeedbackErrorDefault = "#d52b1e";
|
|
1022
|
+
export const rhcColorFeedbackErrorSubdued = "#f9dfdd";
|
|
1023
|
+
export const rhcColorFeedbackWarningDefault = "#ffb612";
|
|
1024
|
+
export const rhcColorFeedbackWarningSubdued = "#fff4db";
|
|
1025
|
+
export const rhcColorAccent500 = "#8fcae7";
|
|
1026
|
+
export const rhcColorAccent2500 = "#f092cd";
|
|
1027
|
+
export const rhcColorPrimary50 = "#dce3ea";
|
|
1028
|
+
export const rhcColorPrimary100 = "#b8c6d5";
|
|
1029
|
+
export const rhcColorPrimary200 = "#95a9c0";
|
|
1030
|
+
export const rhcColorPrimary300 = "#738eab";
|
|
1031
|
+
export const rhcColorPrimary400 = "#4f7196";
|
|
1032
|
+
export const rhcColorPrimary500 = "#154273";
|
|
1033
|
+
export const rhcColorPrimaryHover = "#162f50";
|
|
1034
|
+
export const rhcColorCoolGrey50 = "#F8FAFC";
|
|
1035
|
+
export const rhcColorCoolGrey100 = "#F1F5F9";
|
|
1036
|
+
export const rhcColorCoolGrey200 = "#E2E8F0";
|
|
1037
|
+
export const rhcColorCoolGrey300 = "#CBD5E1";
|
|
1038
|
+
export const rhcColorCoolGrey400 = "#94A3B8";
|
|
1039
|
+
export const rhcColorCoolGrey500 = "#64748B";
|
|
1040
|
+
export const rhcColorCoolGrey600 = "#475569";
|
|
1041
|
+
export const rhcColorCoolGrey700 = "#334155";
|
|
1042
|
+
export const rhcColorCoolGrey800 = "#1E293B";
|
|
1043
|
+
export const rhcColorCoolGrey900 = "#0F172A";
|
|
1044
|
+
export const rhcColorLichtblauw50 = "#eef7fb";
|
|
1045
|
+
export const rhcColorLichtblauw100 = "#ddeff8";
|
|
1046
|
+
export const rhcColorLichtblauw200 = "#CCE7F4";
|
|
1047
|
+
export const rhcColorLichtblauw300 = "#BCDFF0";
|
|
1048
|
+
export const rhcColorLichtblauw400 = "#ABD7ED";
|
|
1049
|
+
export const rhcColorLichtblauw500 = "#8fcae7";
|
|
1050
|
+
export const rhcColorViolet50 = "#f2d9e7";
|
|
1051
|
+
export const rhcColorViolet100 = "#e5b3d0";
|
|
1052
|
+
export const rhcColorViolet200 = "#D88CB7";
|
|
1053
|
+
export const rhcColorViolet300 = "#CB66A0";
|
|
1054
|
+
export const rhcColorViolet400 = "#BE4088";
|
|
1055
|
+
export const rhcColorViolet500 = "#a90061";
|
|
1056
|
+
export const rhcColorPaars50 = "#e3dce7";
|
|
1057
|
+
export const rhcColorPaars100 = "#c6b9cf";
|
|
1058
|
+
export const rhcColorPaars200 = "#A995B7";
|
|
1059
|
+
export const rhcColorPaars300 = "#8D729F";
|
|
1060
|
+
export const rhcColorPaars400 = "#714f87";
|
|
1061
|
+
export const rhcColorPaars500 = "#42145f";
|
|
1062
|
+
export const rhcColorHemelblauw50 = "#d9ebf7";
|
|
1063
|
+
export const rhcColorHemelblauw100 = "#b3d7ee";
|
|
1064
|
+
export const rhcColorHemelblauw200 = "#8CC3E6";
|
|
1065
|
+
export const rhcColorHemelblauw300 = "#66AFDD";
|
|
1066
|
+
export const rhcColorHemelblauw400 = "#409CD5";
|
|
1067
|
+
export const rhcColorHemelblauw500 = "#007bc7";
|
|
1068
|
+
export const rhcColorDonkerblauw50 = "#d9e8f0";
|
|
1069
|
+
export const rhcColorDonkerblauw100 = "#b3d2e1";
|
|
1070
|
+
export const rhcColorDonkerblauw200 = "#8CBBD2";
|
|
1071
|
+
export const rhcColorDonkerblauw300 = "#66A4C3";
|
|
1072
|
+
export const rhcColorDonkerblauw400 = "#408EB4";
|
|
1073
|
+
export const rhcColorDonkerblauw500 = "#01689b";
|
|
1074
|
+
export const rhcColorMintgroen50 = "#eaf8f4";
|
|
1075
|
+
export const rhcColorMintgroen100 = "#d6f2e9";
|
|
1076
|
+
export const rhcColorMintgroen200 = "#C1EBDE";
|
|
1077
|
+
export const rhcColorMintgroen300 = "#ACE4D3";
|
|
1078
|
+
export const rhcColorMintgroen400 = "#98DDC8";
|
|
1079
|
+
export const rhcColorMintgroen500 = "#76d2b6";
|
|
1080
|
+
export const rhcColorMosgroen50 = "#ebebd9";
|
|
1081
|
+
export const rhcColorMosgroen100 = "#d6d7b3";
|
|
1082
|
+
export const rhcColorMosgroen200 = "#C1C38C";
|
|
1083
|
+
export const rhcColorMosgroen300 = "#ADAF66";
|
|
1084
|
+
export const rhcColorMosgroen400 = "#999C40";
|
|
1085
|
+
export const rhcColorMosgroen500 = "#777b00";
|
|
1086
|
+
export const rhcColorGroen50 = "#e1eddb";
|
|
1087
|
+
export const rhcColorGroen100 = "#c4dbb6";
|
|
1088
|
+
export const rhcColorGroen200 = "#A5C991";
|
|
1089
|
+
export const rhcColorGroen300 = "#88B76D";
|
|
1090
|
+
export const rhcColorGroen400 = "#6AA549";
|
|
1091
|
+
export const rhcColorGroen500 = "#39870c";
|
|
1092
|
+
export const rhcColorDonkergroen50 = "#dfe6e1";
|
|
1093
|
+
export const rhcColorDonkergroen100 = "#becdc3";
|
|
1094
|
+
export const rhcColorDonkergroen200 = "#9DB4A4";
|
|
1095
|
+
export const rhcColorDonkergroen300 = "#7D9B87";
|
|
1096
|
+
export const rhcColorDonkergroen400 = "#5D8269";
|
|
1097
|
+
export const rhcColorDonkergroen500 = "#275937";
|
|
1098
|
+
export const rhcColorBruin50 = "#efeada";
|
|
1099
|
+
export const rhcColorBruin100 = "#dfd4b6";
|
|
1100
|
+
export const rhcColorBruin200 = "#CFBF90";
|
|
1101
|
+
export const rhcColorBruin300 = "#BFA96C";
|
|
1102
|
+
export const rhcColorBruin400 = "#AF9447";
|
|
1103
|
+
export const rhcColorBruin500 = "#94710a";
|
|
1104
|
+
export const rhcColorDonkerbruin50 = "#e8e0df";
|
|
1105
|
+
export const rhcColorDonkerbruin100 = "#d1c2be";
|
|
1106
|
+
export const rhcColorDonkerbruin200 = "#BAA39D";
|
|
1107
|
+
export const rhcColorDonkerbruin300 = "#A3847D";
|
|
1108
|
+
export const rhcColorDonkerbruin400 = "#8D665D";
|
|
1109
|
+
export const rhcColorDonkerbruin500 = "#673327";
|
|
1110
|
+
export const rhcColorGeel50 = "#fefbdd";
|
|
1111
|
+
export const rhcColorGeel100 = "#fdf6bc";
|
|
1112
|
+
export const rhcColorGeel200 = "#FCF199";
|
|
1113
|
+
export const rhcColorGeel300 = "#FBED78";
|
|
1114
|
+
export const rhcColorGeel400 = "#FAE856";
|
|
1115
|
+
export const rhcColorGeel500 = "#f9e11e";
|
|
1116
|
+
export const rhcColorDonkergeel50 = "#fff4db";
|
|
1117
|
+
export const rhcColorDonkergeel100 = "#ffe9b8";
|
|
1118
|
+
export const rhcColorDonkergeel200 = "#FDDE94";
|
|
1119
|
+
export const rhcColorDonkergeel300 = "#FDD370";
|
|
1120
|
+
export const rhcColorDonkergeel400 = "#FDC84D";
|
|
1121
|
+
export const rhcColorDonkergeel500 = "#ffb612";
|
|
1122
|
+
export const rhcColorOranje50 = "#fbead9";
|
|
1123
|
+
export const rhcColorOranje100 = "#f6d4b3";
|
|
1124
|
+
export const rhcColorOranje200 = "#F1BE8C";
|
|
1125
|
+
export const rhcColorOranje300 = "#EDA966";
|
|
1126
|
+
export const rhcColorOranje400 = "#E89440";
|
|
1127
|
+
export const rhcColorOranje500 = "#e17000";
|
|
1128
|
+
export const rhcColorRood50 = "#f9dfdd";
|
|
1129
|
+
export const rhcColorRood100 = "#f2bfbc";
|
|
1130
|
+
export const rhcColorRood200 = "#EC9F99";
|
|
1131
|
+
export const rhcColorRood300 = "#E67F78";
|
|
1132
|
+
export const rhcColorRood400 = "#DF6056";
|
|
1133
|
+
export const rhcColorRood500 = "#d52b1e";
|
|
1134
|
+
export const rhcColorRoze50 = "#fdeff8";
|
|
1135
|
+
export const rhcColorRoze100 = "#fbdef0";
|
|
1136
|
+
export const rhcColorRoze200 = "#F8CEE8";
|
|
1137
|
+
export const rhcColorRoze300 = "#F6BDE1";
|
|
1138
|
+
export const rhcColorRoze400 = "#F4ADD9";
|
|
1139
|
+
export const rhcColorRoze500 = "#f092cd";
|
|
1140
|
+
export const rhcColorRobijnrood50 = "#f7d9e7";
|
|
1141
|
+
export const rhcColorRobijnrood100 = "#efb3ce";
|
|
1142
|
+
export const rhcColorRobijnrood200 = "#E78CB6";
|
|
1143
|
+
export const rhcColorRobijnrood300 = "#DF669D";
|
|
1144
|
+
export const rhcColorRobijnrood400 = "#D74085";
|
|
1145
|
+
export const rhcColorRobijnrood500 = "#ca005d";
|
|
1146
|
+
export const rhcColorLintblauw50 = "#dce3ea";
|
|
1147
|
+
export const rhcColorLintblauw100 = "#b8c6d5";
|
|
1148
|
+
export const rhcColorLintblauw200 = "#95a9c0";
|
|
1149
|
+
export const rhcColorLintblauw300 = "#738eab";
|
|
1150
|
+
export const rhcColorLintblauw400 = "#4f7196";
|
|
1151
|
+
export const rhcColorLintblauw500 = "#154273";
|
|
1152
|
+
export const rhcColorWit = "#fff";
|
|
1153
|
+
export const rhcColorZwart = "#000";
|
|
1154
|
+
export const rhcColorNone = "transparent";
|
|
1155
|
+
export const rhcFocusOutlineOffset = "0.125rem";
|
|
1156
|
+
export const rhcFocusOutlineStyle = "solid";
|
|
1157
|
+
export const rhcFocusOutlineWidth = "2px";
|
|
1158
|
+
export const rhcFontSizeHeadingLevel1 = "3.125rem";
|
|
1159
|
+
export const rhcFontSizeHeadingLevel2 = "2.5rem";
|
|
1160
|
+
export const rhcFontSizeHeadingLevel3 = "1.875rem";
|
|
1161
|
+
export const rhcFontSizeHeadingLevel4 = "1.5rem";
|
|
1162
|
+
export const rhcFontSizeHeadingLevel5 = "1.25rem";
|
|
1163
|
+
export const rhcFontSizeParagraphIntro = "1.5rem";
|
|
1164
|
+
export const rhcFontSizeParagraphDefault = "1.25rem";
|
|
1165
|
+
export const rhcFontSizeParagraphSmall = "1.125rem";
|
|
1166
|
+
export const rhcFontSizeXsDesktop = "1.25rem";
|
|
1167
|
+
export const rhcFontSizeXsTablet = "1.125rem";
|
|
1168
|
+
export const rhcFontSizeXsMobile = "1rem";
|
|
1169
|
+
export const rhcFontSizeSmDesktop = "1.5rem";
|
|
1170
|
+
export const rhcFontSizeSmTablet = "1.35rem";
|
|
1171
|
+
export const rhcFontSizeSmMobile = "1.2rem";
|
|
1172
|
+
export const rhcFontSizeMdDesktop = "1.875rem";
|
|
1173
|
+
export const rhcFontSizeMdTablet = "1.688rem";
|
|
1174
|
+
export const rhcFontSizeMdMobile = "1.5rem";
|
|
1175
|
+
export const rhcFontSizeLgDesktop = "2.5rem";
|
|
1176
|
+
export const rhcFontSizeLgTablet = "2.25rem";
|
|
1177
|
+
export const rhcFontSizeLgMobile = "2rem";
|
|
1178
|
+
export const rhcFontSizeXlDesktop = "3.125rem";
|
|
1179
|
+
export const rhcFontSizeXlTablet = "2.813rem";
|
|
1180
|
+
export const rhcFontSizeXlMobile = "2.5rem";
|
|
1181
|
+
export const rhcLineHeightParagraph = "150%";
|
|
1182
|
+
export const rhcLineHeightSm = "125%";
|
|
1183
|
+
export const rhcLineHeightMd = "150%";
|
|
1184
|
+
export const rhcSizeTarget = "48px";
|
|
1185
|
+
export const rhcSizeIconFunctional = "24px";
|
|
1186
|
+
export const rhcSizeQuarterLint = "12px";
|
|
1187
|
+
export const rhcSizeHalfLint = "24px";
|
|
1188
|
+
export const rhcSizeLint = "48px";
|
|
1189
|
+
export const rhcSize2Lint = "96px";
|
|
1190
|
+
export const rhcSize3Lint = "1440px";
|
|
1191
|
+
export const rhcFontWeightExtraBold = 800;
|
|
1192
|
+
export const rhcFontWeightBold = 700;
|
|
1193
|
+
export const rhcFontWeightSemiBold = 550;
|
|
1194
|
+
export const rhcFontWeightRegular = 400;
|
|
1195
|
+
export const rhcFontWeightChosenRegular = 400;
|
|
1196
|
+
export const rhcFontWeightLight = 300;
|
|
1197
|
+
export const rhcFontWeightThin = 200;
|
|
1198
|
+
export const rhcFontFamilyPrimary = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1199
|
+
export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
|
|
1200
|
+
export const rhcBorderWidthDefault = "1px";
|
|
1201
|
+
export const rhcBorderWidthM = "2px";
|
|
1202
|
+
export const rhcBorderWidthNone = "0px";
|
|
1203
|
+
export const rhcSpace0 = 0;
|
|
1204
|
+
export const rhcSpace25 = "0.125rem";
|
|
1205
|
+
export const rhcSpace50 = "0.25rem";
|
|
1206
|
+
export const rhcSpace100 = "0.5rem";
|
|
1207
|
+
export const rhcSpace150 = "0.75rem";
|
|
1208
|
+
export const rhcSpace200 = "1rem";
|
|
1209
|
+
export const rhcSpace300 = "1.5rem";
|
|
1210
|
+
export const rhcSpace400 = "2rem";
|
|
1211
|
+
export const rhcSpace500 = "2.5rem";
|
|
1212
|
+
export const rhcSpace600 = "3rem";
|
|
1213
|
+
export const rhcSpace700 = "3.5rem";
|
|
1113
1214
|
export const nlSkipLinkFontWeight = 700;
|
|
1114
1215
|
export const nlSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1115
1216
|
export const nlSkipLinkFontSize = "1.25rem";
|
|
@@ -1149,6 +1250,28 @@ export const nlParagraphLeadColor = "#0F172A";
|
|
|
1149
1250
|
export const nlParagraphLeadFontSize = "1.5rem";
|
|
1150
1251
|
export const nlParagraphLeadFontWeight = 400;
|
|
1151
1252
|
export const nlParagraphLeadLineHeight = "150%";
|
|
1253
|
+
export const nlLinkColor = "#01689b";
|
|
1254
|
+
export const nlLinkTextDecorationColor = "#01689b";
|
|
1255
|
+
export const nlLinkActiveColor = "#42145f";
|
|
1256
|
+
export const nlLinkActiveTextDecoration = "None";
|
|
1257
|
+
export const nlLinkFocusBackgroundColor = "transparent";
|
|
1258
|
+
export const nlLinkFocusColor = "#01689b";
|
|
1259
|
+
export const nlLinkFocusTextDecoration = "None";
|
|
1260
|
+
export const nlLinkFocusTextDecorationThickness = "auto";
|
|
1261
|
+
export const nlLinkHoverColor = "#01496c";
|
|
1262
|
+
export const nlLinkHoverTextDecoration = "None";
|
|
1263
|
+
export const nlLinkHoverTextDecorationThickness = "auto";
|
|
1264
|
+
export const nlLinkVisitedColor = "#42145f";
|
|
1265
|
+
export const nlLinkTextDecoration = "underline";
|
|
1266
|
+
export const nlLinkIconInsetBlockStart = "0.25rem";
|
|
1267
|
+
export const nlLinkIconSize = "24px";
|
|
1268
|
+
export const nlLinkColumnGap = "0.25rem";
|
|
1269
|
+
export const nlLinkTextDecorationThickness = "auto";
|
|
1270
|
+
export const nlLinkTextUnderlineOffset = "0.125rem";
|
|
1271
|
+
export const nlLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1272
|
+
export const nlLinkFontWeight = 400;
|
|
1273
|
+
export const nlLinkFontSize = "1.25rem";
|
|
1274
|
+
export const nlLinkLineHeight = "150%";
|
|
1152
1275
|
export const nlHeadingLevel1Color = "#154273";
|
|
1153
1276
|
export const nlHeadingLevel1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1154
1277
|
export const nlHeadingLevel1FontWeight = 700;
|