@rijkshuisstijl-community/design-tokens 3.0.0 → 4.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +55 -0
- package/dist/_variables.scss +637 -477
- package/dist/index.css +637 -477
- package/dist/index.d.ts +630 -470
- package/dist/index.js +644 -484
- package/dist/index.json +643 -483
- package/dist/index.tokens.json +947 -648
- package/dist/koop/_variables.scss +1516 -0
- package/dist/koop/index.css +1519 -0
- package/dist/koop/index.d.ts +1517 -0
- package/dist/koop/index.js +1517 -0
- package/dist/koop/index.json +1514 -0
- package/dist/koop/index.tokens.json +2354 -0
- package/dist/koop/root.css +1519 -0
- package/dist/koop/tokens.d.ts +2377 -0
- package/dist/koop/tokens.js +35743 -0
- package/dist/root.css +637 -477
- package/dist/tokens.d.ts +862 -570
- package/dist/tokens.js +14483 -10375
- package/dist/uitvoerend-groen/_variables.scss +1027 -848
- package/dist/uitvoerend-groen/index.css +1027 -848
- package/dist/uitvoerend-groen/index.d.ts +1350 -1171
- package/dist/uitvoerend-groen/index.js +1373 -1194
- package/dist/uitvoerend-groen/index.json +1356 -1177
- package/dist/uitvoerend-groen/index.tokens.json +1999 -1690
- package/dist/uitvoerend-groen/root.css +1027 -848
- package/dist/uitvoerend-groen/tokens.d.ts +1916 -1607
- package/dist/uitvoerend-groen/tokens.js +27710 -23143
- package/dist/uitvoerend-hemelblauw/_variables.scss +1027 -848
- package/dist/uitvoerend-hemelblauw/index.css +1027 -848
- package/dist/uitvoerend-hemelblauw/index.d.ts +1350 -1171
- package/dist/uitvoerend-hemelblauw/index.js +1373 -1194
- package/dist/uitvoerend-hemelblauw/index.json +1356 -1177
- package/dist/uitvoerend-hemelblauw/index.tokens.json +1998 -1689
- package/dist/uitvoerend-hemelblauw/root.css +1027 -848
- package/dist/uitvoerend-hemelblauw/tokens.d.ts +1916 -1607
- package/dist/uitvoerend-hemelblauw/tokens.js +27642 -23075
- package/dist/uitvoerend-mintgroen/_variables.scss +1027 -848
- package/dist/uitvoerend-mintgroen/index.css +1027 -848
- package/dist/uitvoerend-mintgroen/index.d.ts +1350 -1171
- package/dist/uitvoerend-mintgroen/index.js +1373 -1194
- package/dist/uitvoerend-mintgroen/index.json +1356 -1177
- package/dist/uitvoerend-mintgroen/index.tokens.json +1999 -1690
- package/dist/uitvoerend-mintgroen/root.css +1027 -848
- package/dist/uitvoerend-mintgroen/tokens.d.ts +1916 -1607
- package/dist/uitvoerend-mintgroen/tokens.js +27710 -23143
- package/dist/uitvoerend-oranje/_variables.scss +1027 -848
- package/dist/uitvoerend-oranje/index.css +1027 -848
- package/dist/uitvoerend-oranje/index.d.ts +1350 -1171
- package/dist/uitvoerend-oranje/index.js +1373 -1194
- package/dist/uitvoerend-oranje/index.json +1356 -1177
- package/dist/uitvoerend-oranje/index.tokens.json +1984 -1675
- package/dist/uitvoerend-oranje/root.css +1027 -848
- package/dist/uitvoerend-oranje/tokens.d.ts +1916 -1607
- package/dist/uitvoerend-oranje/tokens.js +27785 -23218
- package/dist/uitvoerend-paars/_variables.scss +1027 -848
- package/dist/uitvoerend-paars/index.css +1027 -848
- package/dist/uitvoerend-paars/index.d.ts +1350 -1171
- package/dist/uitvoerend-paars/index.js +1373 -1194
- package/dist/uitvoerend-paars/index.json +1356 -1177
- package/dist/uitvoerend-paars/index.tokens.json +2030 -1721
- package/dist/uitvoerend-paars/root.css +1027 -848
- package/dist/uitvoerend-paars/tokens.d.ts +1916 -1607
- package/dist/uitvoerend-paars/tokens.js +27710 -23143
- package/dist/uitvoerend-violet/_variables.scss +1027 -848
- package/dist/uitvoerend-violet/index.css +1027 -848
- package/dist/uitvoerend-violet/index.d.ts +1350 -1171
- package/dist/uitvoerend-violet/index.js +1373 -1194
- package/dist/uitvoerend-violet/index.json +1356 -1177
- package/dist/uitvoerend-violet/index.tokens.json +1999 -1690
- package/dist/uitvoerend-violet/root.css +1027 -848
- package/dist/uitvoerend-violet/tokens.d.ts +1916 -1607
- package/dist/uitvoerend-violet/tokens.js +27710 -23143
- package/dist/uitvoerend-violet-oud/_variables.scss +1027 -848
- package/dist/uitvoerend-violet-oud/index.css +1027 -848
- package/dist/uitvoerend-violet-oud/index.d.ts +1351 -1172
- package/dist/uitvoerend-violet-oud/index.js +1360 -1181
- package/dist/uitvoerend-violet-oud/index.json +1361 -1182
- package/dist/uitvoerend-violet-oud/index.tokens.json +1951 -1642
- package/dist/uitvoerend-violet-oud/root.css +1027 -848
- package/dist/uitvoerend-violet-oud/tokens.d.ts +1904 -1595
- package/dist/uitvoerend-violet-oud/tokens.js +27536 -22969
- package/dist/wetgevend/_variables.scss +1035 -856
- package/dist/wetgevend/index.css +1035 -856
- package/dist/wetgevend/index.d.ts +1350 -1171
- package/dist/wetgevend/index.js +1364 -1185
- package/dist/wetgevend/index.json +1363 -1184
- package/dist/wetgevend/index.tokens.json +2048 -1739
- package/dist/wetgevend/root.css +1035 -856
- package/dist/wetgevend/tokens.d.ts +1856 -1547
- package/dist/wetgevend/tokens.js +28076 -23509
- package/figma/figma.tokens.json +4187 -3637
- package/package.json +1 -1
- package/src/generated/base.tokens.json +3287 -2411
- package/src/generated/koop/tokens.json +7171 -0
- package/src/generated/themes.json +52690 -37971
- package/src/generated/uitvoerend-groen/tokens.json +5809 -4866
- package/src/generated/uitvoerend-hemelblauw/tokens.json +5833 -4890
- package/src/generated/uitvoerend-mintgroen/tokens.json +5809 -4866
- package/src/generated/uitvoerend-oranje/tokens.json +5803 -4860
- package/src/generated/uitvoerend-paars/tokens.json +5817 -4874
- package/src/generated/uitvoerend-violet/tokens.json +5809 -4866
- package/src/generated/uitvoerend-violet-oud/tokens.json +5814 -4871
- package/src/generated/wetgevend/tokens.json +5845 -4902
|
@@ -1,1216 +1,785 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Mon,
|
|
3
|
+
* Generated on Mon, 28 Jul 2025 08:31:49 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
export const
|
|
7
|
-
export const
|
|
8
|
-
export const
|
|
9
|
-
export const
|
|
10
|
-
export const
|
|
11
|
-
export const
|
|
12
|
-
export const
|
|
13
|
-
export const
|
|
14
|
-
export const
|
|
15
|
-
export const
|
|
16
|
-
export const
|
|
17
|
-
export const rhcDataSummaryItemKeyRowPaddingBlockEnd = "0.75rem";
|
|
18
|
-
export const rhcDataSummaryItemKeyRowPaddingBlockStart = "0.75rem";
|
|
19
|
-
export const rhcDataSummaryItemKeyRowPaddingInlineEnd = "1rem";
|
|
20
|
-
export const rhcDataSummaryItemKeyRowPaddingInlineStart = 0;
|
|
21
|
-
export const rhcDataSummaryItemKeyPaddingBlockEnd = "0.25rem";
|
|
22
|
-
export const rhcDataSummaryItemKeyPaddingBlockStart = "0.75rem";
|
|
23
|
-
export const rhcDataSummaryItemKeyPaddingInlineEnd = 0;
|
|
24
|
-
export const rhcDataSummaryItemKeyPaddingInlineStart = 0;
|
|
25
|
-
export const rhcDataSummaryItemBorderWidth = "1px";
|
|
26
|
-
export const rhcDataSummaryItemBorderColor = "#CBD5E1";
|
|
27
|
-
export const rhcDataSummaryItemBorderBlockEndStyle = "solid";
|
|
28
|
-
export const rhcDataSummaryItemColor = "#0F172A";
|
|
29
|
-
export const rhcDataSummaryFontSize = "1.25rem";
|
|
30
|
-
export const rhcDataSummaryLineHeight = "150%";
|
|
31
|
-
export const rhcDataSummaryItemActionRowPaddingBlockEnd = "0.75rem";
|
|
32
|
-
export const rhcDataSummaryItemActionRowPaddingBlockStart = "0.75rem";
|
|
33
|
-
export const rhcDataSummaryItemActionRowPaddingInlineEnd = 0;
|
|
34
|
-
export const rhcDataSummaryItemActionRowPaddingInlineStart = "1rem";
|
|
35
|
-
export const rhcDataSummaryItemActionPaddingBlockEnd = "0.75rem";
|
|
36
|
-
export const rhcDataSummaryItemActionPaddingBlockStart = "0.75rem";
|
|
37
|
-
export const rhcDataSummaryItemActionPaddingInlineEnd = "1rem";
|
|
38
|
-
export const rhcDataSummaryItemActionPaddingInlineStart = 0;
|
|
39
|
-
export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.";
|
|
40
|
-
export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
|
|
41
|
-
export const rhcKeepTopLeftBorderRadiusTopRight = 0;
|
|
42
|
-
export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
|
|
43
|
-
export const rhcKeepTopLeftBorderRadiusBottomLeft = 0;
|
|
44
|
-
export const rhcKeepTopRightBorderRadiusTopRight = "48px";
|
|
45
|
-
export const rhcKeepTopRightBorderRadiusTopLeft = 0;
|
|
46
|
-
export const rhcKeepTopRightBorderRadiusBottomRight = 0;
|
|
47
|
-
export const rhcKeepTopRightBorderRadiusBottomLeft = 0;
|
|
48
|
-
export const rhcKeepBottomRightBorderRadiusTopLeft = 0;
|
|
49
|
-
export const rhcKeepBottomRightBorderRadiusTopRight = 0;
|
|
50
|
-
export const rhcKeepBottomRightBorderRadiusBottomRight = "48px";
|
|
51
|
-
export const rhcKeepBottomRightBorderRadiusBottomLeft = 0;
|
|
52
|
-
export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
|
|
53
|
-
export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
|
|
54
|
-
export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
|
|
55
|
-
export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
|
|
56
|
-
export const rhcRoundedCornerXsBorderRadius = "24px";
|
|
57
|
-
export const rhcRoundedCornerMdBorderRadius = "48px";
|
|
58
|
-
export const rhcRoundedCornerXlBorderRadius = "96px";
|
|
59
|
-
export const rhcRoundedCornerBorderWidth = "2px";
|
|
60
|
-
export const rhcColorPrimary50 = "#f2d9e7";
|
|
61
|
-
export const rhcColorPrimary100 = "#e5b3d0";
|
|
62
|
-
export const rhcColorPrimary200 = "#D88CB7";
|
|
63
|
-
export const rhcColorPrimary300 = "#CB66A0";
|
|
64
|
-
export const rhcColorPrimary400 = "#BE4088";
|
|
65
|
-
export const rhcColorPrimary500 = "#a90061";
|
|
66
|
-
export const rhcColorPrimaryHover = "#741344";
|
|
67
|
-
export const rhcColorFocusOutline = "#000";
|
|
68
|
-
export const rhcColorForegroundDefault = "#0F172A";
|
|
69
|
-
export const rhcColorForegroundSubdued = "#334155";
|
|
70
|
-
export const rhcColorForegroundLink = "#01689b";
|
|
71
|
-
export const rhcColorForegroundOnDarkColor = "#fff";
|
|
72
|
-
export const rhcColorForegroundOnLightColor = "#000";
|
|
73
|
-
export const rhcColorForegroundOnEmphasis = "#fff";
|
|
74
|
-
export const rhcColorBorderDefault = "#64748B";
|
|
75
|
-
export const rhcColorBorderSubdued = "#94A3B8";
|
|
76
|
-
export const rhcColorBorderStrong = "#0F172A";
|
|
77
|
-
export const rhcColorCanvas = "#fff";
|
|
78
|
-
export const rhcColorFeedbackSuccessDefault = "#39870c";
|
|
79
|
-
export const rhcColorFeedbackSuccessSubdued = "#e1eddb";
|
|
80
|
-
export const rhcColorFeedbackInfoDefault = "#007bc7";
|
|
81
|
-
export const rhcColorFeedbackInfoSubdued = "#d9ebf7";
|
|
82
|
-
export const rhcColorFeedbackErrorDefault = "#d52b1e";
|
|
83
|
-
export const rhcColorFeedbackErrorSubdued = "#f9dfdd";
|
|
84
|
-
export const rhcColorFeedbackWarningDefault = "#ffb612";
|
|
85
|
-
export const rhcColorFeedbackWarningSubdued = "#fff4db";
|
|
86
|
-
export const rhcColorAccent500 = "#8fcae7";
|
|
87
|
-
export const rhcColorAccent2500 = "#f092cd";
|
|
88
|
-
export const rhcColorCoolGrey50 = "#F8FAFC";
|
|
89
|
-
export const rhcColorCoolGrey100 = "#F1F5F9";
|
|
90
|
-
export const rhcColorCoolGrey200 = "#E2E8F0";
|
|
91
|
-
export const rhcColorCoolGrey300 = "#CBD5E1";
|
|
92
|
-
export const rhcColorCoolGrey400 = "#94A3B8";
|
|
93
|
-
export const rhcColorCoolGrey500 = "#64748B";
|
|
94
|
-
export const rhcColorCoolGrey600 = "#475569";
|
|
95
|
-
export const rhcColorCoolGrey700 = "#334155";
|
|
96
|
-
export const rhcColorCoolGrey800 = "#1E293B";
|
|
97
|
-
export const rhcColorCoolGrey900 = "#0F172A";
|
|
98
|
-
export const rhcColorLichtblauw50 = "#eef7fb";
|
|
99
|
-
export const rhcColorLichtblauw100 = "#ddeff8";
|
|
100
|
-
export const rhcColorLichtblauw200 = "#CCE7F4";
|
|
101
|
-
export const rhcColorLichtblauw300 = "#BCDFF0";
|
|
102
|
-
export const rhcColorLichtblauw400 = "#ABD7ED";
|
|
103
|
-
export const rhcColorLichtblauw500 = "#8fcae7";
|
|
104
|
-
export const rhcColorViolet50 = "#f2d9e7";
|
|
105
|
-
export const rhcColorViolet100 = "#e5b3d0";
|
|
106
|
-
export const rhcColorViolet200 = "#D88CB7";
|
|
107
|
-
export const rhcColorViolet300 = "#CB66A0";
|
|
108
|
-
export const rhcColorViolet400 = "#BE4088";
|
|
109
|
-
export const rhcColorViolet500 = "#a90061";
|
|
110
|
-
export const rhcColorPaars50 = "#e3dce7";
|
|
111
|
-
export const rhcColorPaars100 = "#c6b9cf";
|
|
112
|
-
export const rhcColorPaars200 = "#A995B7";
|
|
113
|
-
export const rhcColorPaars300 = "#8D729F";
|
|
114
|
-
export const rhcColorPaars400 = "#714f87";
|
|
115
|
-
export const rhcColorPaars500 = "#42145f";
|
|
116
|
-
export const rhcColorHemelblauw50 = "#d9ebf7";
|
|
117
|
-
export const rhcColorHemelblauw100 = "#b3d7ee";
|
|
118
|
-
export const rhcColorHemelblauw200 = "#8CC3E6";
|
|
119
|
-
export const rhcColorHemelblauw300 = "#66AFDD";
|
|
120
|
-
export const rhcColorHemelblauw400 = "#409CD5";
|
|
121
|
-
export const rhcColorHemelblauw500 = "#007bc7";
|
|
122
|
-
export const rhcColorDonkerblauw50 = "#d9e8f0";
|
|
123
|
-
export const rhcColorDonkerblauw100 = "#b3d2e1";
|
|
124
|
-
export const rhcColorDonkerblauw200 = "#8CBBD2";
|
|
125
|
-
export const rhcColorDonkerblauw300 = "#66A4C3";
|
|
126
|
-
export const rhcColorDonkerblauw400 = "#408EB4";
|
|
127
|
-
export const rhcColorDonkerblauw500 = "#01689b";
|
|
128
|
-
export const rhcColorMintgroen50 = "#eaf8f4";
|
|
129
|
-
export const rhcColorMintgroen100 = "#d6f2e9";
|
|
130
|
-
export const rhcColorMintgroen200 = "#C1EBDE";
|
|
131
|
-
export const rhcColorMintgroen300 = "#ACE4D3";
|
|
132
|
-
export const rhcColorMintgroen400 = "#98DDC8";
|
|
133
|
-
export const rhcColorMintgroen500 = "#76d2b6";
|
|
134
|
-
export const rhcColorMosgroen50 = "#ebebd9";
|
|
135
|
-
export const rhcColorMosgroen100 = "#d6d7b3";
|
|
136
|
-
export const rhcColorMosgroen200 = "#C1C38C";
|
|
137
|
-
export const rhcColorMosgroen300 = "#ADAF66";
|
|
138
|
-
export const rhcColorMosgroen400 = "#999C40";
|
|
139
|
-
export const rhcColorMosgroen500 = "#777b00";
|
|
140
|
-
export const rhcColorGroen50 = "#e1eddb";
|
|
141
|
-
export const rhcColorGroen100 = "#c4dbb6";
|
|
142
|
-
export const rhcColorGroen200 = "#A5C991";
|
|
143
|
-
export const rhcColorGroen300 = "#88B76D";
|
|
144
|
-
export const rhcColorGroen400 = "#6AA549";
|
|
145
|
-
export const rhcColorGroen500 = "#39870c";
|
|
146
|
-
export const rhcColorDonkergroen50 = "#dfe6e1";
|
|
147
|
-
export const rhcColorDonkergroen100 = "#becdc3";
|
|
148
|
-
export const rhcColorDonkergroen200 = "#9DB4A4";
|
|
149
|
-
export const rhcColorDonkergroen300 = "#7D9B87";
|
|
150
|
-
export const rhcColorDonkergroen400 = "#5D8269";
|
|
151
|
-
export const rhcColorDonkergroen500 = "#275937";
|
|
152
|
-
export const rhcColorBruin50 = "#efeada";
|
|
153
|
-
export const rhcColorBruin100 = "#dfd4b6";
|
|
154
|
-
export const rhcColorBruin200 = "#CFBF90";
|
|
155
|
-
export const rhcColorBruin300 = "#BFA96C";
|
|
156
|
-
export const rhcColorBruin400 = "#AF9447";
|
|
157
|
-
export const rhcColorBruin500 = "#94710a";
|
|
158
|
-
export const rhcColorDonkerbruin50 = "#e8e0df";
|
|
159
|
-
export const rhcColorDonkerbruin100 = "#d1c2be";
|
|
160
|
-
export const rhcColorDonkerbruin200 = "#BAA39D";
|
|
161
|
-
export const rhcColorDonkerbruin300 = "#A3847D";
|
|
162
|
-
export const rhcColorDonkerbruin400 = "#8D665D";
|
|
163
|
-
export const rhcColorDonkerbruin500 = "#673327";
|
|
164
|
-
export const rhcColorGeel50 = "#fefbdd";
|
|
165
|
-
export const rhcColorGeel100 = "#fdf6bc";
|
|
166
|
-
export const rhcColorGeel200 = "#FCF199";
|
|
167
|
-
export const rhcColorGeel300 = "#FBED78";
|
|
168
|
-
export const rhcColorGeel400 = "#FAE856";
|
|
169
|
-
export const rhcColorGeel500 = "#f9e11e";
|
|
170
|
-
export const rhcColorDonkergeel50 = "#fff4db";
|
|
171
|
-
export const rhcColorDonkergeel100 = "#ffe9b8";
|
|
172
|
-
export const rhcColorDonkergeel200 = "#FDDE94";
|
|
173
|
-
export const rhcColorDonkergeel300 = "#FDD370";
|
|
174
|
-
export const rhcColorDonkergeel400 = "#FDC84D";
|
|
175
|
-
export const rhcColorDonkergeel500 = "#ffb612";
|
|
176
|
-
export const rhcColorOranje50 = "#fbead9";
|
|
177
|
-
export const rhcColorOranje100 = "#f6d4b3";
|
|
178
|
-
export const rhcColorOranje200 = "#F1BE8C";
|
|
179
|
-
export const rhcColorOranje300 = "#EDA966";
|
|
180
|
-
export const rhcColorOranje400 = "#E89440";
|
|
181
|
-
export const rhcColorOranje500 = "#e17000";
|
|
182
|
-
export const rhcColorRood50 = "#f9dfdd";
|
|
183
|
-
export const rhcColorRood100 = "#f2bfbc";
|
|
184
|
-
export const rhcColorRood200 = "#EC9F99";
|
|
185
|
-
export const rhcColorRood300 = "#E67F78";
|
|
186
|
-
export const rhcColorRood400 = "#DF6056";
|
|
187
|
-
export const rhcColorRood500 = "#d52b1e";
|
|
188
|
-
export const rhcColorRoze50 = "#fdeff8";
|
|
189
|
-
export const rhcColorRoze100 = "#fbdef0";
|
|
190
|
-
export const rhcColorRoze200 = "#F8CEE8";
|
|
191
|
-
export const rhcColorRoze300 = "#F6BDE1";
|
|
192
|
-
export const rhcColorRoze400 = "#F4ADD9";
|
|
193
|
-
export const rhcColorRoze500 = "#f092cd";
|
|
194
|
-
export const rhcColorRobijnrood50 = "#f7d9e7";
|
|
195
|
-
export const rhcColorRobijnrood100 = "#efb3ce";
|
|
196
|
-
export const rhcColorRobijnrood200 = "#E78CB6";
|
|
197
|
-
export const rhcColorRobijnrood300 = "#DF669D";
|
|
198
|
-
export const rhcColorRobijnrood400 = "#D74085";
|
|
199
|
-
export const rhcColorRobijnrood500 = "#ca005d";
|
|
200
|
-
export const rhcColorLintblauw50 = "#dce3ea";
|
|
201
|
-
export const rhcColorLintblauw100 = "#b8c6d5";
|
|
202
|
-
export const rhcColorLintblauw200 = "#95a9c0";
|
|
203
|
-
export const rhcColorLintblauw300 = "#738eab";
|
|
204
|
-
export const rhcColorLintblauw400 = "#4f7196";
|
|
205
|
-
export const rhcColorLintblauw500 = "#154273";
|
|
206
|
-
export const rhcColorWit = "#fff";
|
|
207
|
-
export const rhcColorZwart = "#000";
|
|
208
|
-
export const rhcColorNone = "transparent";
|
|
209
|
-
export const rhcBorderRadiusSm = 0;
|
|
210
|
-
export const rhcBorderRadiusMd = 0;
|
|
211
|
-
export const rhcBorderRadiusKeep = 0;
|
|
212
|
-
export const rhcBorderRadiusCircle = "999px";
|
|
213
|
-
export const rhcBorderRadiusNone = "0px";
|
|
214
|
-
export const rhcSubNavBarBackgroundColor = "#f2f4f6";
|
|
215
|
-
export const rhcSubNavBarColumnGap = "0.5rem";
|
|
216
|
-
export const rhcSubNavBarColumnWidth = "375px";
|
|
217
|
-
export const rhcSubNavBarPaddingBlockEnd = "2rem";
|
|
218
|
-
export const rhcSubNavBarPaddingBlockStart = "2rem";
|
|
219
|
-
export const rhcSubNavBarInlineSize = "100%";
|
|
220
|
-
export const rhcSubNavBarContentPaddingInlineEnd = "1rem";
|
|
221
|
-
export const rhcSubNavBarContentPaddingInlineStart = "1rem";
|
|
222
|
-
export const rhcSubNavBarContentMaxInlineSize = "1280px";
|
|
223
|
-
export const rhcSubNavBarContentListRowGap = "0.5rem";
|
|
224
|
-
export const rhcToggletipColor = "#fff";
|
|
225
|
-
export const rhcToggletipBackgroundColor = "#007bc7";
|
|
226
|
-
export const rhcToggletipBorderColor = "transparent";
|
|
227
|
-
export const rhcToggletipBorderRadius = 0;
|
|
228
|
-
export const rhcToggletipBorderWidth = "1px";
|
|
229
|
-
export const rhcToggletipIconSize = "24px";
|
|
230
|
-
export const rhcToggletipSize = "24px";
|
|
231
|
-
export const rhcToggletipActiveColor = "#007bc7";
|
|
232
|
-
export const rhcToggletipActiveBackgroundColor = "#fff";
|
|
233
|
-
export const rhcToggletipActiveBorderColor = "#007bc7";
|
|
234
|
-
export const rhcToggletipHoverColor = "#0F172A";
|
|
235
|
-
export const rhcToggletipHoverBackgroundColor = "#66AFDD";
|
|
236
|
-
export const rhcToggletipFocusColor = "#fff";
|
|
237
|
-
export const rhcToggletipFocusBackgroundColor = "#007bc7";
|
|
238
|
-
export const rhcSidenavDisplay = "flex";
|
|
239
|
-
export const rhcSidenavLinkLineHeight = "150%";
|
|
240
|
-
export const rhcSidenavLinkIconSize = "24px";
|
|
241
|
-
export const rhcSidenavLinkIconMarginInline = "0.5rem";
|
|
242
|
-
export const rhcSidenavLinkFontSize = "1.25rem";
|
|
243
|
-
export const rhcSidenavLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
244
|
-
export const rhcSidenavLinkFontWeight = 400;
|
|
245
|
-
export const rhcSidenavLinkCurrentFontWeight = 700;
|
|
246
|
-
export const rhcSidenavLinkCurrentColor = "#0F172A";
|
|
247
|
-
export const rhcSidenavLinkColor = "#01689b";
|
|
248
|
-
export const rhcSidenavLinkActiveColor = "#42145f";
|
|
249
|
-
export const rhcSidenavLinkActiveTextDecoration = "underline";
|
|
250
|
-
export const rhcSidenavLinkFocusBorderRadius = 0;
|
|
251
|
-
export const rhcSidenavLinkFocusBorderWidth = "2px";
|
|
252
|
-
export const rhcSidenavLinkFocusBorderStyle = "solid";
|
|
253
|
-
export const rhcSidenavLinkFocusBorderColor = "#a90061";
|
|
254
|
-
export const rhcSidenavLinkFocusBackgroundColor = "none";
|
|
255
|
-
export const rhcSidenavLinkFocusColor = "#01689b";
|
|
256
|
-
export const rhcSidenavLinkFocusTextDecoration = "None";
|
|
257
|
-
export const rhcSidenavLinkHoverColor = "#15496a";
|
|
258
|
-
export const rhcSidenavLinkHoverTextDecoration = "underline";
|
|
259
|
-
export const rhcSidenavLinkPaddingBlockStart = "0.75rem";
|
|
260
|
-
export const rhcSidenavLinkPaddingBlockEnd = "0.75rem";
|
|
261
|
-
export const rhcSidenavLinkTextDecoration = "None";
|
|
262
|
-
export const rhcSidenavLinkColumnGap = "0.5rem";
|
|
263
|
-
export const rhcRadioGroupPaddingBlockEnd = "0.5rem";
|
|
264
|
-
export const rhcRadioGroupPaddingBlockStart = "0.5rem";
|
|
265
|
-
export const rhcRadioGroupRowGap = "1rem";
|
|
266
|
-
export const rhcNavigationListIconBackgroundColor = "#0F172A";
|
|
267
|
-
export const rhcNavigationListIconBorderRadius = "999px";
|
|
268
|
-
export const rhcNavigationListIconColor = "#fff";
|
|
269
|
-
export const rhcNavigationListItemIconPaddingInline = "0.5rem";
|
|
270
|
-
export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
|
|
271
|
-
export const rhcNavigationListItemIconSize = "24px";
|
|
272
|
-
export const rhcNavigationListItemContentFontSize = "1.25rem";
|
|
273
|
-
export const rhcNavigationListItemContentColumnGap = "0.5rem";
|
|
274
|
-
export const rhcNavigationListItemContentRowGap = "0.25rem";
|
|
275
|
-
export const rhcNavigationListItemLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
276
|
-
export const rhcNavigationListItemLabelFontSize = "1.875rem";
|
|
277
|
-
export const rhcNavigationListItemLabelFontWeight = 700;
|
|
278
|
-
export const rhcNavigationListItemLabelLineHeight = "150%";
|
|
279
|
-
export const rhcNavigationListItemActiveBackgroundColor = "#F1F5F9";
|
|
280
|
-
export const rhcNavigationListItemHoverBackgroundColor = "#F8FAFC";
|
|
281
|
-
export const rhcNavigationListItemFocusBackgroundColor = "#f2d9e7";
|
|
282
|
-
export const rhcNavigationListItemBackgroundColor = "#fff";
|
|
283
|
-
export const rhcNavigationListItemColor = "#334155";
|
|
284
|
-
export const rhcNavigationListItemBorderWidth = "1px";
|
|
285
|
-
export const rhcNavigationListItemBorderColor = "#CBD5E1";
|
|
286
|
-
export const rhcNavigationListItemHeadingColor = "#0F172A";
|
|
287
|
-
export const rhcNavigationListItemColumnGap = "1rem";
|
|
288
|
-
export const rhcNavigationListItemMinHeight = "48px";
|
|
289
|
-
export const rhcNavigationListItemPaddingBlock = "0.75rem";
|
|
290
|
-
export const rhcNavigationListItemPaddingInline = "1rem";
|
|
291
|
-
export const rhcNavBarBorderBlockEndWidth = "1px";
|
|
292
|
-
export const rhcNavBarMaxInlineSize = "1280px";
|
|
293
|
-
export const rhcNavBarPaddingInline = "1rem";
|
|
294
|
-
export const rhcNavBarContainerInlineSize = "100%";
|
|
295
|
-
export const rhcNavBarContentColumnGap = "1rem";
|
|
296
|
-
export const rhcNavBarIconColor = "#0F172A";
|
|
297
|
-
export const rhcNavBarIconActiveColor = "#fff";
|
|
298
|
-
export const rhcNavBarIconSize = "24px";
|
|
299
|
-
export const rhcNavBarLinkActiveBackgroundColor = "#a90061";
|
|
300
|
-
export const rhcNavBarLinkActiveColor = "#fff";
|
|
301
|
-
export const rhcNavBarLinkBackgroundColor = "#fff";
|
|
302
|
-
export const rhcNavBarLinkColor = "#a90061";
|
|
303
|
-
export const rhcNavBarLinkFocusBackgroundColor = "#f2d9e7";
|
|
304
|
-
export const rhcNavBarLinkFocusColor = "#a90061";
|
|
305
|
-
export const rhcNavBarLinkHoverBackgroundColor = "#F8FAFC";
|
|
306
|
-
export const rhcNavBarLinkHoverColor = "#a90061";
|
|
307
|
-
export const rhcNavBarLinkPaddingBlockEnd = "1rem";
|
|
308
|
-
export const rhcNavBarLinkPaddingBlockStart = "1rem";
|
|
309
|
-
export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
|
|
310
|
-
export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
|
|
311
|
-
export const rhcNavBarLinkColumnGap = "0.5rem";
|
|
312
|
-
export const rhcNavBarHeadingFontWeight = 700;
|
|
313
|
-
export const rhcNavBarBackgroundColor = "#fff";
|
|
314
|
-
export const rhcNavBarColor = "#a90061";
|
|
315
|
-
export const rhcNavBarBorderColor = "#BE4088";
|
|
316
|
-
export const rhcMessageListItemBackgroundColor = "#fff";
|
|
317
|
-
export const rhcMessageListItemBorderColor = "#CBD5E1";
|
|
318
|
-
export const rhcMessageListItemBorderWidth = "1px";
|
|
319
|
-
export const rhcMessageListItemColor = "#334155";
|
|
320
|
-
export const rhcMessageListItemColumnGap = "1rem";
|
|
321
|
-
export const rhcMessageListItemIconSize = "24px";
|
|
322
|
-
export const rhcMessageListItemIconColor = "#0F172A";
|
|
323
|
-
export const rhcMessageListItemMinHeight = "48px";
|
|
324
|
-
export const rhcMessageListItemPaddingBlock = "0.75rem";
|
|
325
|
-
export const rhcMessageListItemPaddingInline = "1rem";
|
|
326
|
-
export const rhcMessageListItemContentFontSize = "1.25rem";
|
|
327
|
-
export const rhcMessageListItemContentColumnGap = "0.5rem";
|
|
328
|
-
export const rhcMessageListItemContentRowGap = "0.5rem";
|
|
329
|
-
export const rhcMessageListItemLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
330
|
-
export const rhcMessageListItemLabelFontSize = "1.25rem";
|
|
331
|
-
export const rhcMessageListItemLabelFontWeight = 700;
|
|
332
|
-
export const rhcMessageListItemLabelLineHeight = "150%";
|
|
333
|
-
export const rhcMessageListItemHeadingColor = "#0F172A";
|
|
334
|
-
export const rhcLogoImageBackgroundColor = "#fff";
|
|
335
|
-
export const rhcLogoImageInlineSize = "48px";
|
|
336
|
-
export const rhcLogoImageBlockSize = "96px";
|
|
337
|
-
export const rhcLogoImageColor = "#154273";
|
|
338
|
-
export const rhcLogoTitleFontWeight = 600;
|
|
339
|
-
export const rhcLogoTitleLineHeight = "1.063rem";
|
|
340
|
-
export const rhcLogoTitleFontSize = "0.913rem";
|
|
341
|
-
export const rhcLogoTitlePaddingBlockStart = "3.125rem";
|
|
342
|
-
export const rhcLogoSubtitleFontWeight = 400;
|
|
343
|
-
export const rhcLogoSubtitleLineHeight = "1rem";
|
|
344
|
-
export const rhcLogoSubtitleFontSize = "0.775rem";
|
|
345
|
-
export const rhcLogoColumnGap = "12px";
|
|
346
|
-
export const rhcLogoFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
347
|
-
export const rhcLogoColor = "#154273";
|
|
348
|
-
export const rhcLinkListCardBackgroundColor = "#fff";
|
|
349
|
-
export const rhcLinkListCardPaddingBlockStart = "1.5rem";
|
|
350
|
-
export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
|
|
351
|
-
export const rhcLinkListCardRowGap = "1rem";
|
|
352
|
-
export const rhcLinkListCardPaddingInlineStart = "1.5rem";
|
|
353
|
-
export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
|
|
354
|
-
export const rhcLinkListTextDecoration = "None";
|
|
355
|
-
export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
|
|
356
|
-
export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
|
|
357
|
-
export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
|
|
358
|
-
export const rhcIconOnlyButtonPaddingInlineStart = "0.75rem";
|
|
359
|
-
export const rhcHeroHeadingFontWeight = 700;
|
|
360
|
-
export const rhcHeroHeadingLineHeight = "125%";
|
|
361
|
-
export const rhcHeroHeadingFontSize = "1.875rem";
|
|
362
|
-
export const rhcHeroHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
363
|
-
export const rhcHeroSubHeadingFontWeight = 400;
|
|
364
|
-
export const rhcHeroSubHeadingLineHeight = "150%";
|
|
365
|
-
export const rhcHeroSubHeadingFontSize = "1.25rem";
|
|
366
|
-
export const rhcHeroSubHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
367
|
-
export const rhcHeroMessageBackgroundColor = "#a90061";
|
|
368
|
-
export const rhcHeroMessageColor = "#fff";
|
|
369
|
-
export const rhcHeroMessageRowGap = "0.125rem";
|
|
370
|
-
export const rhcHeroMessagePaddingBlockEnd = "1rem";
|
|
371
|
-
export const rhcHeroMessagePaddingInlineEnd = "1rem";
|
|
372
|
-
export const rhcHeroMessagePaddingInlineStart = "1rem";
|
|
373
|
-
export const rhcHeroMessagePaddingBlockStart = "1rem";
|
|
374
|
-
export const rhcHeroMessageBorderRadius = "20px";
|
|
375
|
-
export const rhcHeroMessageInlineSize = "90%";
|
|
376
|
-
export const rhcHeroBorderRadius = "40px";
|
|
377
|
-
export const rhcHeroInlineSize = "100%";
|
|
378
|
-
export const rhcFormFieldRadioOptionColumnGap = "0.5rem";
|
|
379
|
-
export const rhcFormFieldRadioOptionFontWeight = 400;
|
|
380
|
-
export const rhcFormFieldRadioOptionRowGap = "0.5rem";
|
|
381
|
-
export const rhcFormFieldRadioOptionLabelMarginBlockEnd = 0;
|
|
382
|
-
export const rhcFormFieldRadioOptionInputMarginBlockStart = "0.25rem";
|
|
383
|
-
export const rhcFormFieldCheckboxOptionColumnGap = "0.5rem";
|
|
384
|
-
export const rhcFormFieldCheckboxOptionMarginBlockEnd = 0;
|
|
385
|
-
export const rhcPageFooterColumnGap = "1.5rem";
|
|
386
|
-
export const rhcPageFooterColumnWidth = "200px";
|
|
387
|
-
export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
|
|
388
|
-
export const rhcPageFooterContentMaxInlineSize = "1280px";
|
|
389
|
-
export const rhcPageFooterContentPaddingInlineStart = "1rem";
|
|
390
|
-
export const rhcPageFooterContentPaddingInlineEnd = "1rem";
|
|
391
|
-
export const rhcPageFooterContentColumnGap = "2rem";
|
|
392
|
-
export const rhcPageFooterBorderBlockStartWidth = "2px";
|
|
393
|
-
export const rhcPageFooterBorderBlockStartColor = "#CB66A0";
|
|
394
|
-
export const rhcPageFooterBorderBlockStartStyle = "solid";
|
|
395
|
-
export const rhcPageFooterOutlinedBackgroundColor = "#fff";
|
|
396
|
-
export const rhcPageFooterOutlinedColor = "#a90061";
|
|
397
|
-
export const rhcPageFooterOutlinedBorderColor = "#a90061";
|
|
398
|
-
export const rhcPageFooterPaddingBlockStart = "2.5rem";
|
|
399
|
-
export const rhcPageFooterPaddingBlockEnd = "2.5rem";
|
|
400
|
-
export const rhcPageFooterPaddingInlineStart = "2.5rem";
|
|
401
|
-
export const rhcPageFooterPaddingInlineEnd = "2.5rem";
|
|
402
|
-
export const rhcPageFooterFlexDirection = "column";
|
|
403
|
-
export const rhcFileInputColumnGap = "0.75rem";
|
|
404
|
-
export const rhcFileInputRowGap = "0.75rem";
|
|
405
|
-
export const rhcFileInputFeedbackColor = "#475569";
|
|
406
|
-
export const rhcFileInputFeedbackFontSize = "1rem";
|
|
407
|
-
export const rhcFileBorderStyle = "solid";
|
|
408
|
-
export const rhcFileBorderColor = "#a90061";
|
|
409
|
-
export const rhcFileBorderWidth = "1px";
|
|
410
|
-
export const rhcFileBorderRadius = 0;
|
|
411
|
-
export const rhcFilePaddingInlineStart = "1rem";
|
|
412
|
-
export const rhcFilePaddingInlineEnd = "1rem";
|
|
413
|
-
export const rhcFilePaddingBlockStart = "0.75rem";
|
|
414
|
-
export const rhcFilePaddingBlockEnd = "0.75rem";
|
|
415
|
-
export const rhcFileColumnGap = "0.25rem";
|
|
416
|
-
export const rhcFileErrorBorderColor = "#d52b1e";
|
|
417
|
-
export const rhcFileSubtitleColor = "#64748B";
|
|
418
|
-
export const rhcDotBadgeBorderRadius = "999px";
|
|
419
|
-
export const rhcDotBadgeColor = "#d52b1e";
|
|
420
|
-
export const rhcDotBadgeSize = "12px";
|
|
421
|
-
export const rhcCodeInputSize = "48px";
|
|
422
|
-
export const rhcCodeInputGroupColumnGap = "0.5rem";
|
|
423
|
-
export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
|
|
424
|
-
export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
|
|
425
|
-
export const rhcCheckboxGroupRowGap = "1rem";
|
|
426
|
-
export const rhcCardAsLinkBackgroundColor = "#fff";
|
|
427
|
-
export const rhcCardAsLinkBorderColor = "#CBD5E1";
|
|
428
|
-
export const rhcCardAsLinkBorderRadius = 0;
|
|
429
|
-
export const rhcCardAsLinkBorderWidth = "1px";
|
|
430
|
-
export const rhcCardAsLinkColor = "#0F172A";
|
|
431
|
-
export const rhcCardAsLinkColumnGap = "1rem";
|
|
432
|
-
export const rhcCardAsLinkInlineSize = "328px";
|
|
433
|
-
export const rhcCardAsLinkIconColor = "#a90061";
|
|
434
|
-
export const rhcCardAsLinkIconSize = "24px";
|
|
435
|
-
export const rhcCardAsLinkLinkColor = "#01689b";
|
|
436
|
-
export const rhcCardAsLinkLinkTextDecoration = "underline";
|
|
437
|
-
export const rhcCardAsLinkLinkActiveTextDecoration = "none";
|
|
438
|
-
export const rhcCardAsLinkLinkHoverTextDecoration = "none";
|
|
439
|
-
export const rhcCardAsLinkLinkFocusTextDecoration = "none";
|
|
440
|
-
export const rhcCardAsLinkMetadataColor = "#334155";
|
|
441
|
-
export const rhcCardAsLinkPaddingBlockEnd = "1rem";
|
|
442
|
-
export const rhcCardAsLinkPaddingBlockStart = "1rem";
|
|
443
|
-
export const rhcCardAsLinkPaddingInlineEnd = "1rem";
|
|
444
|
-
export const rhcCardAsLinkPaddingInlineStart = "1rem";
|
|
445
|
-
export const rhcCardAsLinkRowGap = "0.75rem";
|
|
446
|
-
export const rhcCardAsLinkActiveBackgroundColor = "#F1F5F9";
|
|
447
|
-
export const rhcCardAsLinkActiveTextDecoration = "underline";
|
|
448
|
-
export const rhcCardAsLinkHoverBackgroundColor = "#F8FAFC";
|
|
449
|
-
export const rhcCardAsLinkHoverTextDecoration = "underline";
|
|
450
|
-
export const rhcCardAsLinkFocusBackgroundColor = "#f2d9e7";
|
|
451
|
-
export const rhcCardAsLinkFocusTextDecoration = "underline";
|
|
452
|
-
export const rhcCardAsLinkFullBleedBackgroundColor = "#000";
|
|
453
|
-
export const rhcCardAsLinkFullBleedBorderColor = "transparent";
|
|
454
|
-
export const rhcCardAsLinkFullBleedColor = "#fff";
|
|
455
|
-
export const rhcCardAsLinkFullBleedOpacity = 0.5;
|
|
456
|
-
export const rhcCardAsLinkHeadingColor = "#a90061";
|
|
457
|
-
export const rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
|
|
458
|
-
export const rhcCardAsLinkHeadingFontSize = "1.5rem";
|
|
459
|
-
export const rhcCardAsLinkHeadingFontWeight = 700;
|
|
460
|
-
export const rhcCardAsLinkHorizontalBackgroundColor = "#a90061";
|
|
461
|
-
export const rhcCardAsLinkHorizontalBorderColor = "transparent";
|
|
462
|
-
export const rhcCardAsLinkHorizontalColor = "#fff";
|
|
463
|
-
export const rhcCardAsLinkHorizontalMaxBlockSize = "96px";
|
|
464
|
-
export const rhcCardAsLinkHorizontalPaddingBlockEnd = 0;
|
|
465
|
-
export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
|
|
466
|
-
export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
|
|
467
|
-
export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
|
|
468
|
-
export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
|
|
469
|
-
export const rhcFocusOutlineOffset = "0.125rem";
|
|
470
|
-
export const rhcFocusOutlineStyle = "solid";
|
|
471
|
-
export const rhcFocusOutlineWidth = "2px";
|
|
472
|
-
export const rhcFontSizeHeadingLevel1 = "3.125rem";
|
|
473
|
-
export const rhcFontSizeHeadingLevel2 = "2.5rem";
|
|
474
|
-
export const rhcFontSizeHeadingLevel3 = "1.875rem";
|
|
475
|
-
export const rhcFontSizeHeadingLevel4 = "1.5rem";
|
|
476
|
-
export const rhcFontSizeHeadingLevel5 = "1.25rem";
|
|
477
|
-
export const rhcFontSizeBodyIntro = "1.5rem";
|
|
478
|
-
export const rhcFontSizeBodyDefault = "1.25rem";
|
|
479
|
-
export const rhcFontSizeXsDesktop = "1.25rem";
|
|
480
|
-
export const rhcFontSizeXsTablet = "1.125rem";
|
|
481
|
-
export const rhcFontSizeXsMobile = "1rem";
|
|
482
|
-
export const rhcFontSizeSmDesktop = "1.5rem";
|
|
483
|
-
export const rhcFontSizeSmTablet = "1.35rem";
|
|
484
|
-
export const rhcFontSizeSmMobile = "1.2rem";
|
|
485
|
-
export const rhcFontSizeMdDesktop = "1.875rem";
|
|
486
|
-
export const rhcFontSizeMdTablet = "1.688rem";
|
|
487
|
-
export const rhcFontSizeMdMobile = "1.5rem";
|
|
488
|
-
export const rhcFontSizeLgDesktop = "2.5rem";
|
|
489
|
-
export const rhcFontSizeLgTablet = "2.25rem";
|
|
490
|
-
export const rhcFontSizeLgMobile = "2rem";
|
|
491
|
-
export const rhcFontSizeXlDesktop = "3.125rem";
|
|
492
|
-
export const rhcFontSizeXlTablet = "2.813rem";
|
|
493
|
-
export const rhcFontSizeXlMobile = "2.5rem";
|
|
494
|
-
export const rhcFontWeightDefault = 400;
|
|
495
|
-
export const rhcFontWeightStrong = 700;
|
|
496
|
-
export const rhcFontWeightExtraBold = 800;
|
|
497
|
-
export const rhcFontWeightBold = 700;
|
|
498
|
-
export const rhcFontWeightSemiBold = 600;
|
|
499
|
-
export const rhcFontWeightRegular = 400;
|
|
500
|
-
export const rhcFontWeightLight = 300;
|
|
501
|
-
export const rhcFontWeightThin = 200;
|
|
502
|
-
export const rhcLineHeightBody = "150%";
|
|
503
|
-
export const rhcLineHeightSm = "125%";
|
|
504
|
-
export const rhcLineHeightMd = "150%";
|
|
505
|
-
export const rhcSizeTarget = "48px";
|
|
506
|
-
export const rhcSizeIconFunctional = "24px";
|
|
507
|
-
export const rhcSizeQuarterLint = "12px";
|
|
508
|
-
export const rhcSizeHalfLint = "24px";
|
|
509
|
-
export const rhcSizeLint = "48px";
|
|
510
|
-
export const rhcSize2Lint = "96px";
|
|
511
|
-
export const rhcSize3Lint = "1440px";
|
|
512
|
-
export const rhcFontFamilyPrimary = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
513
|
-
export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
|
|
514
|
-
export const rhcBorderWidthDefault = "1px";
|
|
515
|
-
export const rhcBorderWidthM = "2px";
|
|
516
|
-
export const rhcBorderWidthNone = "0px";
|
|
517
|
-
export const rhcSpace0 = 0;
|
|
518
|
-
export const rhcSpace25 = "0.125rem";
|
|
519
|
-
export const rhcSpace50 = "0.25rem";
|
|
520
|
-
export const rhcSpace100 = "0.5rem";
|
|
521
|
-
export const rhcSpace150 = "0.75rem";
|
|
522
|
-
export const rhcSpace200 = "1rem";
|
|
523
|
-
export const rhcSpace300 = "1.5rem";
|
|
524
|
-
export const rhcSpace400 = "2rem";
|
|
525
|
-
export const rhcSpace500 = "2.5rem";
|
|
526
|
-
export const rhcSpace600 = "3rem";
|
|
527
|
-
export const rhcSpace700 = "3.5rem";
|
|
528
|
-
export const utrechtBlockquoteBackgroundColor = "transparent";
|
|
529
|
-
export const utrechtBlockquoteBorderInlineStartWidth = "12px";
|
|
530
|
-
export const utrechtBlockquoteBorderColor = "#a90061";
|
|
531
|
-
export const utrechtBlockquoteBorderRadius = 0;
|
|
532
|
-
export const utrechtBlockquoteBorderWidth = 0;
|
|
533
|
-
export const utrechtBlockquoteColor = "#154273";
|
|
534
|
-
export const utrechtBlockquoteFontSize = "1.25rem";
|
|
535
|
-
export const utrechtBlockquoteFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
536
|
-
export const utrechtBlockquotePaddingBlockEnd = "1.5rem";
|
|
537
|
-
export const utrechtBlockquotePaddingBlockStart = "1.5rem";
|
|
538
|
-
export const utrechtBlockquotePaddingInlineEnd = "2.5rem";
|
|
539
|
-
export const utrechtBlockquotePaddingInlineStart = "2.5rem";
|
|
540
|
-
export const utrechtBlockquoteRowGap = "0.75rem";
|
|
541
|
-
export const utrechtBlockquoteAttributionColor = "#154273";
|
|
542
|
-
export const utrechtBlockquoteAttributionFontSize = "1.25rem";
|
|
543
|
-
export const utrechtBlockquoteContentColor = "#154273";
|
|
544
|
-
export const utrechtBlockquoteContentFontSize = "1.5rem";
|
|
545
|
-
export const utrechtBlockquoteContentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
546
|
-
export const utrechtBlockquoteContentLineHeight = "150%";
|
|
547
|
-
export const utrechtBlockquoteContentFontWeight = 400;
|
|
548
|
-
export const utrechtBlockquoteCaptionFontSize = "1.25rem";
|
|
549
|
-
export const utrechtBlockquoteCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
550
|
-
export const utrechtBlockquoteCaptionLineHeight = "150%";
|
|
551
|
-
export const utrechtBlockquoteCaptionFontWeight = 400;
|
|
552
|
-
export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
|
|
553
|
-
export const utrechtBlockquoteCaptionColor = "#154273";
|
|
554
|
-
export const utrechtBlockquoteMarginBlockEnd = 0;
|
|
555
|
-
export const utrechtBlockquoteMarginBlockStart = 0;
|
|
556
|
-
export const utrechtBlockquoteMarginInlineEnd = 0;
|
|
557
|
-
export const utrechtBlockquoteMarginInlineStart = 0;
|
|
558
|
-
export const utrechtBlockquoteBorderBlockStartWidth = 0;
|
|
559
|
-
export const utrechtBlockquoteBorderBlockEndWidth = 0;
|
|
560
|
-
export const utrechtBlockquoteBorderInlineEndWidth = 0;
|
|
561
|
-
export const utrechtBlockquoteBorderStartStartRadius = 0;
|
|
562
|
-
export const utrechtBlockquoteBorderStartEndRadius = 0;
|
|
563
|
-
export const utrechtBlockquoteBorderEndStartRadius = 0;
|
|
564
|
-
export const utrechtBlockquoteBorderEndEndRadius = 0;
|
|
565
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#a90061";
|
|
566
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
|
|
567
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
|
|
568
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
|
|
569
|
-
export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
|
|
570
|
-
export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
|
|
571
|
-
export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
|
|
572
|
-
export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
|
|
573
|
-
export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
|
|
574
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
|
|
575
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
|
|
576
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
|
|
577
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
|
|
578
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
|
|
579
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
|
|
580
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
|
|
581
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
|
|
582
|
-
export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
|
|
583
|
-
export const utrechtColumnLayoutColumnRuleColor = "transparent";
|
|
584
|
-
export const utrechtColumnLayoutColumnRuleWidth = "0px";
|
|
585
|
-
export const utrechtColumnLayoutColumnWidth = "400px";
|
|
586
|
-
export const utrechtColumnLayoutGap = "0.75rem";
|
|
587
|
-
export const utrechtIconColor = "inherit";
|
|
588
|
-
export const utrechtIconSize = "24px";
|
|
589
|
-
export const utrechtIconInsetBlockStart = 0;
|
|
590
|
-
export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
|
|
591
|
-
export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
|
|
592
|
-
export const utrechtUnorderedListMarginBlockStart = "0.25rem";
|
|
593
|
-
export const utrechtUnorderedListColor = "#0F172A";
|
|
594
|
-
export const utrechtUnorderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
595
|
-
export const utrechtUnorderedListFontWeight = 400;
|
|
596
|
-
export const utrechtUnorderedListFontSize = "1.25rem";
|
|
597
|
-
export const utrechtUnorderedListLineHeight = "150%";
|
|
598
|
-
export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
|
|
599
|
-
export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
|
|
600
|
-
export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
|
|
601
|
-
export const utrechtUnorderedListMarkerColor = "#0F172A";
|
|
602
|
-
export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
|
|
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";
|
|
603
17
|
export const utrechtTextboxBorderRadius = 0;
|
|
18
|
+
export const utrechtTextboxBorderWidth = "1px";
|
|
19
|
+
export const utrechtTextboxColor = "#0F172A";
|
|
604
20
|
export const utrechtTextboxFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
605
21
|
export const utrechtTextboxFontSize = "1.25rem";
|
|
606
22
|
export const utrechtTextboxFontWeight = 400;
|
|
607
23
|
export const utrechtTextboxLineHeight = "150%";
|
|
608
24
|
export const utrechtTextboxMaxInlineSize = "400px";
|
|
25
|
+
export const utrechtTextboxMinBlockSize = "48px";
|
|
609
26
|
export const utrechtTextboxPaddingBlockEnd = "0.5rem";
|
|
610
27
|
export const utrechtTextboxPaddingBlockStart = "0.5rem";
|
|
611
28
|
export const utrechtTextboxPaddingInlineEnd = "0.75rem";
|
|
612
29
|
export const utrechtTextboxPaddingInlineStart = "0.75rem";
|
|
613
|
-
export const utrechtTextboxBackgroundColor = "#fff";
|
|
614
|
-
export const utrechtTextboxBorderColor = "#a90061";
|
|
615
|
-
export const utrechtTextboxColor = "#0F172A";
|
|
616
30
|
export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
|
|
617
|
-
export const
|
|
618
|
-
export const
|
|
619
|
-
export const utrechtTextboxInvalidBorderWidth = "1px";
|
|
620
|
-
export const
|
|
621
|
-
export const
|
|
622
|
-
export const utrechtTextboxBorderWidth = "1px";
|
|
623
|
-
export const utrechtTextboxFocusBorderWidth = "2px";
|
|
624
|
-
export const utrechtTextboxFocusBackgroundColor = "#fff";
|
|
625
|
-
export const utrechtTextboxFocusBorderColor = "#a90061";
|
|
626
|
-
export const utrechtTextboxFocusColor = "#0F172A";
|
|
627
|
-
export const utrechtTextboxDisabledBackgroundColor = "#CBD5E1";
|
|
628
|
-
export const utrechtTextboxDisabledBorderColor = "#94A3B8";
|
|
629
|
-
export const utrechtTextboxDisabledColor = "#475569";
|
|
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";
|
|
630
36
|
export const utrechtTextboxReadOnlyBackgroundColor = "#F1F5F9";
|
|
631
37
|
export const utrechtTextboxReadOnlyBorderColor = "transparent";
|
|
632
38
|
export const utrechtTextboxReadOnlyColor = "#0F172A";
|
|
633
|
-
export const
|
|
634
|
-
export const
|
|
635
|
-
export const
|
|
636
|
-
export const
|
|
637
|
-
export const
|
|
638
|
-
export const
|
|
639
|
-
export const utrechtTextareaPaddingBlockStart = "0.5rem";
|
|
640
|
-
export const utrechtTextareaPaddingInlineEnd = "0.75rem";
|
|
641
|
-
export const utrechtTextareaPaddingInlineStart = "0.75rem";
|
|
642
|
-
export const utrechtTextareaBackgroundColor = "#fff";
|
|
643
|
-
export const utrechtTextareaBorderColor = "#a90061";
|
|
644
|
-
export const utrechtTextareaColor = "#0F172A";
|
|
645
|
-
export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
|
|
646
|
-
export const utrechtTextareaInvalidBorderColor = "#d52b1e";
|
|
647
|
-
export const utrechtTextareaInvalidColor = "#0F172A";
|
|
648
|
-
export const utrechtTextareaInvalidBorderWidth = "1px";
|
|
649
|
-
export const utrechtTextareaPlaceholderColor = "#64748B";
|
|
650
|
-
export const utrechtTextareaFocusBackgroundColor = "#fff";
|
|
651
|
-
export const utrechtTextareaFocusBorderColor = "#a90061";
|
|
652
|
-
export const utrechtTextareaFocusColor = "#0F172A";
|
|
653
|
-
export const utrechtTextareaFocusBorderWidth = "2px";
|
|
654
|
-
export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
|
|
655
|
-
export const utrechtTextareaDisabledBorderColor = "#94A3B8";
|
|
656
|
-
export const utrechtTextareaDisabledColor = "#475569";
|
|
657
|
-
export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
|
|
658
|
-
export const utrechtTextareaReadOnlyBorderColor = "transparent";
|
|
659
|
-
export const utrechtTextareaReadOnlyColor = "#0F172A";
|
|
660
|
-
export const utrechtTextareaHoverBackgroundColor = "#fff";
|
|
661
|
-
export const utrechtTextareaHoverBorderColor = "#CB66A0";
|
|
662
|
-
export const utrechtTextareaHoverColor = "#0F172A";
|
|
663
|
-
export const utrechtTextareaHoverBorderWidth = "1px";
|
|
664
|
-
export const utrechtTextareaBorderRadius = 0;
|
|
665
|
-
export const utrechtTextareaBorderBottomWidth = "1px";
|
|
666
|
-
export const utrechtTextareaBorderWidth = "1px";
|
|
667
|
-
export const utrechtTextareaFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
668
|
-
export const utrechtTextareaFontWeight = 400;
|
|
669
|
-
export const utrechtTextareaLineHeight = "150%";
|
|
670
|
-
export const utrechtTextareaFontSize = "1.25rem";
|
|
671
|
-
export const utrechtTableHeaderCellLineHeight = "150%";
|
|
672
|
-
export const utrechtTableHeaderCellColor = "#0F172A";
|
|
673
|
-
export const utrechtTableHeaderCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
674
|
-
export const utrechtTableHeaderCellFontWeight = 700;
|
|
675
|
-
export const utrechtTableHeaderCellFontSize = "1.25rem";
|
|
676
|
-
export const utrechtTableCaptionLineHeight = "125%";
|
|
677
|
-
export const utrechtTableCaptionMarginBlockEnd = "1.5rem";
|
|
678
|
-
export const utrechtTableCaptionColor = "#0F172A";
|
|
679
|
-
export const utrechtTableCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
680
|
-
export const utrechtTableCaptionFontWeight = 700;
|
|
681
|
-
export const utrechtTableCaptionFontSize = "1.875rem";
|
|
682
|
-
export const utrechtTableCellPaddingBlockEnd = "0.75rem";
|
|
683
|
-
export const utrechtTableCellPaddingBlockStart = "0.75rem";
|
|
684
|
-
export const utrechtTableCellPaddingInlineEnd = "1rem";
|
|
685
|
-
export const utrechtTableCellPaddingInlineStart = "1rem";
|
|
686
|
-
export const utrechtTableCellLineHeight = "150%";
|
|
687
|
-
export const utrechtTableDataCellColor = "#0F172A";
|
|
688
|
-
export const utrechtTableDataCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
689
|
-
export const utrechtTableDataCellFontWeight = 400;
|
|
690
|
-
export const utrechtTableDataCellLineHeight = "150%";
|
|
691
|
-
export const utrechtTableDataCellFontSize = "1.25rem";
|
|
692
|
-
export const utrechtTableHeaderBorderBlockEndWidth = "2px";
|
|
693
|
-
export const utrechtTableHeaderBorderBlockEndColor = "#CBD5E1";
|
|
694
|
-
export const utrechtTableHeaderBackgroundColor = "transparent";
|
|
695
|
-
export const utrechtTableFooterBorderBlockEndWidth = "1px";
|
|
696
|
-
export const utrechtTableFooterBorderBlockEndColor = "#CBD5E1";
|
|
697
|
-
export const utrechtTableFooterBackgroundColor = "transparent";
|
|
698
|
-
export const utrechtTableRowBorderBlockEndWidth = "1px";
|
|
699
|
-
export const utrechtTableRowBorderBlockEndColor = "#CBD5E1";
|
|
700
|
-
export const utrechtTableRowBackgroundColor = "transparent";
|
|
701
|
-
export const utrechtTableFooterCellFontWeight = 700;
|
|
702
|
-
export const utrechtTableFooterCellFontSize = "1.25rem";
|
|
703
|
-
export const utrechtTableFooterCellColor = "#0F172A";
|
|
704
|
-
export const utrechtTableFooterCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
705
|
-
export const utrechtTableFooterCellLineHeight = "150%";
|
|
706
|
-
export const utrechtTableContainerBoxInlineEndShadowX = 0;
|
|
707
|
-
export const utrechtTableContainerBoxInlineEndShadowY = "16px";
|
|
708
|
-
export const utrechtTableContainerBoxInlineEndShadowBlur = "48px";
|
|
709
|
-
export const utrechtTableContainerBoxInlineEndShadowSpread = 0;
|
|
710
|
-
export const utrechtTableContainerBoxInlineEndShadowColor = "#0000001a";
|
|
711
|
-
export const utrechtTableContainerBoxInlineStartShadowX = 0;
|
|
712
|
-
export const utrechtTableContainerBoxInlineStartShadowY = "16px";
|
|
713
|
-
export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
|
|
714
|
-
export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
|
|
715
|
-
export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
|
|
716
|
-
export const utrechtTableFontSize = "1.25rem";
|
|
717
|
-
export const utrechtSkipLinkFontWeight = 700;
|
|
718
|
-
export const utrechtSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
719
|
-
export const utrechtSkipLinkFontSize = "1.25rem";
|
|
720
|
-
export const utrechtSkipLinkLineHeight = "150%";
|
|
721
|
-
export const utrechtSkipLinkMinBlockSize = "48px";
|
|
722
|
-
export const utrechtSkipLinkMinInlineSize = "48px";
|
|
723
|
-
export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
|
|
724
|
-
export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
|
|
725
|
-
export const utrechtSkipLinkPaddingInlineEnd = "1rem";
|
|
726
|
-
export const utrechtSkipLinkPaddingInlineStart = "1rem";
|
|
727
|
-
export const utrechtSkipLinkFocusBackgroundColor = "#fff";
|
|
728
|
-
export const utrechtSkipLinkFocusBorderColor = "#a90061";
|
|
729
|
-
export const utrechtSkipLinkFocusBorderStyle = "solid";
|
|
730
|
-
export const utrechtSkipLinkFocusBorderWidth = "2px";
|
|
731
|
-
export const utrechtSkipLinkFocusColor = "#0F172A";
|
|
732
|
-
export const utrechtSkipLinkFocusTextDecoration = "None";
|
|
733
|
-
export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
|
|
734
|
-
export const utrechtSkipLinkBackgroundColor = "#a90061";
|
|
735
|
-
export const utrechtSkipLinkBorderColor = "transparent";
|
|
736
|
-
export const utrechtSkipLinkColor = "#fff";
|
|
737
|
-
export const utrechtSkipLinkBorderWidth = "2px";
|
|
738
|
-
export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
|
|
739
|
-
export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
|
|
740
|
-
export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
|
|
741
|
-
export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
|
|
742
|
-
export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
|
|
743
|
-
export const utrechtSkipLinkTextDecoration = "underline";
|
|
744
|
-
export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
|
|
745
|
-
export const utrechtSeparatorColor = "#CBD5E1";
|
|
746
|
-
export const utrechtSeparatorBlockSize = "2px";
|
|
747
|
-
export const utrechtSeparatorMarginBlockEnd = "0.75rem";
|
|
748
|
-
export const utrechtSeparatorMarginBlockStart = "0.75rem";
|
|
39
|
+
export const utrechtTextboxDisabledBackgroundColor = "#CBD5E1";
|
|
40
|
+
export const utrechtTextboxDisabledBorderColor = "#94A3B8";
|
|
41
|
+
export const utrechtTextboxDisabledColor = "#475569";
|
|
42
|
+
export const utrechtSelectBorderBottomWidth = "auto";
|
|
43
|
+
export const utrechtSelectBorderRadius = 0;
|
|
44
|
+
export const utrechtSelectBorderWidth = "1px";
|
|
749
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";
|
|
750
51
|
export const utrechtSelectIconSize = "24px";
|
|
751
|
-
export const
|
|
752
|
-
export const
|
|
753
|
-
export const utrechtSelectColor = "#0F172A";
|
|
52
|
+
export const utrechtSelectInvalidBorderWidth = "1px";
|
|
53
|
+
export const utrechtSelectInvalidColor = "#0F172A";
|
|
754
54
|
export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
|
|
55
|
+
export const utrechtSelectInvalidBorderBlockEndWidth = "1px";
|
|
755
56
|
export const utrechtSelectInvalidBorderColor = "#d52b1e";
|
|
756
|
-
export const
|
|
757
|
-
export const utrechtSelectInvalidBorderWidth = "1px";
|
|
758
|
-
export const utrechtSelectFocusBackgroundColor = "#fff";
|
|
759
|
-
export const utrechtSelectFocusBorderColor = "#a90061";
|
|
760
|
-
export const utrechtSelectFocusColor = "#0F172A";
|
|
761
|
-
export const utrechtSelectFocusBorderWidth = "2px";
|
|
762
|
-
export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
|
|
763
|
-
export const utrechtSelectDisabledBorderColor = "#94A3B8";
|
|
764
|
-
export const utrechtSelectDisabledColor = "#475569";
|
|
57
|
+
export const utrechtSelectHoverBorderWidth = "1px";
|
|
765
58
|
export const utrechtSelectHoverBackgroundColor = "#fff";
|
|
766
59
|
export const utrechtSelectHoverBorderColor = "#CB66A0";
|
|
767
60
|
export const utrechtSelectHoverColor = "#0F172A";
|
|
768
|
-
export const
|
|
769
|
-
export const
|
|
770
|
-
export const
|
|
771
|
-
export const
|
|
772
|
-
export const
|
|
773
|
-
export const
|
|
774
|
-
export const
|
|
775
|
-
export const
|
|
776
|
-
export const utrechtSelectFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
777
|
-
export const
|
|
778
|
-
export const
|
|
779
|
-
export const
|
|
780
|
-
export const
|
|
781
|
-
export const
|
|
782
|
-
export const
|
|
783
|
-
export const
|
|
784
|
-
export const
|
|
785
|
-
export const utrechtRadioButtonDotSize = "12px";
|
|
786
|
-
export const
|
|
787
|
-
export const
|
|
788
|
-
export const
|
|
789
|
-
export const
|
|
790
|
-
export const
|
|
791
|
-
export const
|
|
792
|
-
export const
|
|
793
|
-
export const
|
|
794
|
-
export const
|
|
795
|
-
export const
|
|
796
|
-
export const
|
|
797
|
-
export const
|
|
798
|
-
export const
|
|
799
|
-
export const
|
|
800
|
-
export const
|
|
801
|
-
export const
|
|
802
|
-
export const
|
|
803
|
-
export const
|
|
804
|
-
export const
|
|
805
|
-
export const
|
|
806
|
-
export const
|
|
807
|
-
export const
|
|
808
|
-
export const
|
|
809
|
-
export const
|
|
810
|
-
export const
|
|
811
|
-
export const
|
|
812
|
-
export const
|
|
813
|
-
export const
|
|
814
|
-
export const
|
|
815
|
-
export const
|
|
816
|
-
export const
|
|
817
|
-
export const
|
|
818
|
-
export const
|
|
819
|
-
export const
|
|
820
|
-
export const
|
|
821
|
-
export const
|
|
822
|
-
export const
|
|
823
|
-
export const
|
|
824
|
-
export const
|
|
825
|
-
export const
|
|
826
|
-
export const
|
|
827
|
-
export const
|
|
828
|
-
export const
|
|
829
|
-
export const
|
|
830
|
-
export const
|
|
831
|
-
export const
|
|
832
|
-
export const
|
|
833
|
-
export const
|
|
834
|
-
export const
|
|
835
|
-
export const
|
|
836
|
-
export const
|
|
837
|
-
export const
|
|
838
|
-
export const
|
|
839
|
-
export const
|
|
840
|
-
export const
|
|
841
|
-
export const
|
|
842
|
-
export const
|
|
843
|
-
export const
|
|
844
|
-
export const
|
|
845
|
-
export const
|
|
846
|
-
export const
|
|
847
|
-
export const
|
|
848
|
-
export const
|
|
849
|
-
export const
|
|
850
|
-
export const
|
|
851
|
-
export const
|
|
852
|
-
export const
|
|
853
|
-
export const
|
|
854
|
-
export const
|
|
855
|
-
export const
|
|
856
|
-
export const
|
|
857
|
-
export const
|
|
858
|
-
export const
|
|
859
|
-
export const
|
|
860
|
-
export const
|
|
861
|
-
export const
|
|
862
|
-
export const
|
|
863
|
-
export const
|
|
864
|
-
export const
|
|
865
|
-
export const
|
|
866
|
-
export const
|
|
867
|
-
export const
|
|
868
|
-
export const
|
|
869
|
-
export const
|
|
870
|
-
export const
|
|
871
|
-
export const
|
|
872
|
-
export const
|
|
873
|
-
export const
|
|
874
|
-
export const
|
|
875
|
-
export const
|
|
876
|
-
export const
|
|
877
|
-
export const
|
|
878
|
-
export const
|
|
879
|
-
export const
|
|
880
|
-
export const
|
|
881
|
-
export const
|
|
882
|
-
export const
|
|
883
|
-
export const
|
|
884
|
-
export const
|
|
885
|
-
export const
|
|
886
|
-
export const
|
|
887
|
-
export const
|
|
888
|
-
export const
|
|
889
|
-
export const
|
|
890
|
-
export const
|
|
891
|
-
export const
|
|
892
|
-
export const
|
|
893
|
-
export const
|
|
894
|
-
export const
|
|
895
|
-
export const
|
|
896
|
-
export const
|
|
897
|
-
export const
|
|
898
|
-
export const
|
|
899
|
-
export const
|
|
900
|
-
export const
|
|
901
|
-
export const
|
|
902
|
-
export const
|
|
903
|
-
export const
|
|
904
|
-
export const
|
|
905
|
-
export const
|
|
906
|
-
export const
|
|
907
|
-
export const
|
|
908
|
-
export const
|
|
909
|
-
export const
|
|
910
|
-
export const
|
|
911
|
-
export const
|
|
912
|
-
export const
|
|
913
|
-
export const
|
|
914
|
-
export const
|
|
915
|
-
export const
|
|
916
|
-
export const
|
|
917
|
-
export const
|
|
918
|
-
export const
|
|
919
|
-
export const
|
|
920
|
-
export const
|
|
921
|
-
export const
|
|
61
|
+
export const utrechtSelectFocusBorderWidth = "2px";
|
|
62
|
+
export const utrechtSelectFocusBackgroundColor = "#fff";
|
|
63
|
+
export const utrechtSelectFocusBorderColor = "#a90061";
|
|
64
|
+
export const utrechtSelectFocusColor = "#0F172A";
|
|
65
|
+
export const utrechtSelectBackgroundColor = "#fff";
|
|
66
|
+
export const utrechtSelectBorderBlockEndWidth = "1px";
|
|
67
|
+
export const utrechtSelectBorderColor = "#a90061";
|
|
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 = "#BE4088";
|
|
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 = "#CB66A0";
|
|
137
|
+
export const utrechtCheckboxIndeterminateHoverBorderColor = "transparent";
|
|
138
|
+
export const utrechtCheckboxIndeterminateHoverColor = "#fff";
|
|
139
|
+
export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
|
|
140
|
+
export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#fff";
|
|
141
|
+
export const utrechtCheckboxIndeterminateFocusBorderColor = "#a90061";
|
|
142
|
+
export const utrechtCheckboxIndeterminateFocusColor = "#a90061";
|
|
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 = "#BE4088";
|
|
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 = "#CB66A0";
|
|
156
|
+
export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
|
|
157
|
+
export const utrechtCheckboxCheckedHoverColor = "#fff";
|
|
158
|
+
export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
|
|
159
|
+
export const utrechtCheckboxCheckedFocusBackgroundColor = "#fff";
|
|
160
|
+
export const utrechtCheckboxCheckedFocusBorderColor = "#a90061";
|
|
161
|
+
export const utrechtCheckboxCheckedFocusColor = "#a90061";
|
|
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 = 0;
|
|
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 = "#CB66A0";
|
|
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 = 0;
|
|
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";
|
|
922
224
|
export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
|
|
225
|
+
export const utrechtFormFieldErrorMessageIconSize = "24px";
|
|
226
|
+
export const utrechtFormFieldErrorMessageBackgroundColor = "transparent";
|
|
923
227
|
export const utrechtFormFieldErrorMessageColor = "#d52b1e";
|
|
924
228
|
export const utrechtFormFieldErrorMessageFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
925
229
|
export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
|
|
926
230
|
export const utrechtFormFieldErrorMessageFontWeight = 400;
|
|
231
|
+
export const utrechtFormFieldErrorMessageLineHeight = "normal";
|
|
927
232
|
export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem";
|
|
233
|
+
export const utrechtFormFieldErrorMessageMarginBlockStart = "0rem";
|
|
928
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";
|
|
929
239
|
export const utrechtFormFieldDescriptionColor = "#334155";
|
|
930
240
|
export const utrechtFormFieldDescriptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
931
241
|
export const utrechtFormFieldDescriptionFontSize = "1.25rem";
|
|
932
242
|
export const utrechtFormFieldDescriptionLineHeight = "150%";
|
|
933
|
-
export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
|
|
934
243
|
export const utrechtFormFieldDescriptionMarginBlockEnd = "0.5rem";
|
|
935
|
-
export const
|
|
936
|
-
export const
|
|
937
|
-
export const
|
|
938
|
-
export const
|
|
939
|
-
export const
|
|
940
|
-
export const
|
|
941
|
-
export const
|
|
942
|
-
export const
|
|
943
|
-
export const
|
|
944
|
-
export const
|
|
945
|
-
export const
|
|
946
|
-
export const
|
|
947
|
-
export const
|
|
948
|
-
export const
|
|
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 = "#a90061";
|
|
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";
|
|
949
267
|
export const utrechtFigureCaptionBorderColor = "#CBD5E1";
|
|
950
268
|
export const utrechtFigureCaptionBorderWidth = "4px";
|
|
951
|
-
export const utrechtFigureCaptionColor = "#a90061";
|
|
952
269
|
export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
|
|
953
270
|
export const utrechtFigureCaptionPaddingBlockStart = "0.5rem";
|
|
954
271
|
export const utrechtFigureCaptionPaddingInlineStart = "1rem";
|
|
955
|
-
export const
|
|
272
|
+
export const utrechtFigureCaptionColor = "#0F172A";
|
|
956
273
|
export const utrechtFigureCaptionFontSize = "1.25rem";
|
|
274
|
+
export const utrechtFigureCaptionLineHeight = "150%";
|
|
957
275
|
export const utrechtFigureImgBorderEndEndRadius = 0;
|
|
958
276
|
export const utrechtFigureImgBorderEndStartRadius = 0;
|
|
959
277
|
export const utrechtFigureImgBorderStartEndRadius = 0;
|
|
960
278
|
export const utrechtFigureImgBorderStartStartRadius = 0;
|
|
961
|
-
export const
|
|
962
|
-
export const
|
|
963
|
-
export const
|
|
964
|
-
export const
|
|
965
|
-
export const
|
|
966
|
-
export const
|
|
967
|
-
export const
|
|
968
|
-
export const
|
|
969
|
-
export const
|
|
970
|
-
export const
|
|
971
|
-
export const
|
|
972
|
-
export const
|
|
973
|
-
export const
|
|
974
|
-
export const
|
|
975
|
-
export const
|
|
976
|
-
export const
|
|
977
|
-
export const
|
|
978
|
-
export const
|
|
979
|
-
export const
|
|
980
|
-
export const
|
|
981
|
-
export const
|
|
982
|
-
export const
|
|
983
|
-
export const
|
|
984
|
-
export const
|
|
985
|
-
export const
|
|
986
|
-
export const
|
|
987
|
-
export const
|
|
988
|
-
export const
|
|
989
|
-
export const
|
|
990
|
-
export const
|
|
991
|
-
export const
|
|
992
|
-
export const
|
|
993
|
-
export const
|
|
994
|
-
export const
|
|
995
|
-
export const
|
|
996
|
-
export const
|
|
997
|
-
export const
|
|
998
|
-
export const
|
|
999
|
-
export const
|
|
1000
|
-
export const
|
|
1001
|
-
export const
|
|
1002
|
-
export const
|
|
1003
|
-
export const
|
|
1004
|
-
export const
|
|
1005
|
-
export const
|
|
1006
|
-
export const
|
|
1007
|
-
export const
|
|
1008
|
-
export const
|
|
1009
|
-
export const
|
|
1010
|
-
export const
|
|
1011
|
-
export const
|
|
1012
|
-
export const
|
|
1013
|
-
export const
|
|
1014
|
-
export const
|
|
1015
|
-
export const
|
|
1016
|
-
export const
|
|
1017
|
-
export const
|
|
1018
|
-
export const
|
|
1019
|
-
export const
|
|
1020
|
-
export const
|
|
1021
|
-
export const
|
|
1022
|
-
export const
|
|
1023
|
-
export const
|
|
1024
|
-
export const
|
|
1025
|
-
export const
|
|
1026
|
-
export const
|
|
1027
|
-
export const
|
|
1028
|
-
export const
|
|
1029
|
-
export const
|
|
1030
|
-
export const
|
|
1031
|
-
export const
|
|
1032
|
-
export const
|
|
1033
|
-
export const
|
|
1034
|
-
export const
|
|
1035
|
-
export const
|
|
1036
|
-
export const
|
|
1037
|
-
export const
|
|
1038
|
-
export const
|
|
1039
|
-
export const
|
|
1040
|
-
export const
|
|
1041
|
-
export const
|
|
1042
|
-
export const
|
|
1043
|
-
export const
|
|
1044
|
-
export const
|
|
1045
|
-
export const
|
|
1046
|
-
export const
|
|
1047
|
-
export const
|
|
1048
|
-
export const
|
|
1049
|
-
export const
|
|
279
|
+
export const utrechtAlertHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
280
|
+
export const utrechtAlertHeadingFontSize = "1.25rem";
|
|
281
|
+
export const utrechtAlertHeadingFontWeight = 700;
|
|
282
|
+
export const utrechtAlertHeadingLineHeight = "150%";
|
|
283
|
+
export const utrechtAlertMessageColumnGap = "0.5rem";
|
|
284
|
+
export const utrechtAlertMessageLineHeight = "150%";
|
|
285
|
+
export const utrechtAlertMessageRowGap = "0rem";
|
|
286
|
+
export const utrechtAlertBackgroundColor = "#d9ebf7";
|
|
287
|
+
export const utrechtAlertBorderColor = "transparent";
|
|
288
|
+
export const utrechtAlertBorderRadius = 0;
|
|
289
|
+
export const utrechtAlertBorderWidth = "0px";
|
|
290
|
+
export const utrechtAlertColor = "#000";
|
|
291
|
+
export const utrechtAlertColumnGap = "0.5rem";
|
|
292
|
+
export const utrechtAlertMarginBlockEnd = "0.75rem";
|
|
293
|
+
export const utrechtAlertMarginBlockStart = "0.75rem";
|
|
294
|
+
export const utrechtAlertPaddingBlockEnd = "1rem";
|
|
295
|
+
export const utrechtAlertPaddingBlockStart = "1rem";
|
|
296
|
+
export const utrechtAlertPaddingInlineEnd = "1rem";
|
|
297
|
+
export const utrechtAlertPaddingInlineStart = "1rem";
|
|
298
|
+
export const utrechtAlertContentRowGap = "0.5rem";
|
|
299
|
+
export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
|
|
300
|
+
export const utrechtAlertErrorBorderColor = "transparent";
|
|
301
|
+
export const utrechtAlertErrorColor = "#000";
|
|
302
|
+
export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
|
|
303
|
+
export const utrechtAlertInfoBorderColor = "transparent";
|
|
304
|
+
export const utrechtAlertInfoColor = "#000";
|
|
305
|
+
export const utrechtAlertOkBackgroundColor = "#e1eddb";
|
|
306
|
+
export const utrechtAlertOkBorderColor = "transparent";
|
|
307
|
+
export const utrechtAlertOkColor = "#000";
|
|
308
|
+
export const utrechtAlertWarningBackgroundColor = "#fff4db";
|
|
309
|
+
export const utrechtAlertWarningBorderColor = "transparent";
|
|
310
|
+
export const utrechtAlertWarningColor = "#000";
|
|
311
|
+
export const utrechtAlertIconColor = "#007bc7";
|
|
312
|
+
export const utrechtAlertIconInsetBlockStart = "3px";
|
|
313
|
+
export const utrechtAlertIconSize = "24px";
|
|
314
|
+
export const utrechtAlertIconErrorColor = "#d52b1e";
|
|
315
|
+
export const utrechtAlertIconInfoColor = "#007bc7";
|
|
316
|
+
export const utrechtAlertIconOkColor = "#39870c";
|
|
317
|
+
export const utrechtAlertIconWarningColor = "#ffb612";
|
|
318
|
+
export const utrechtAccordionButtonActiveRowGap = 0;
|
|
319
|
+
export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
|
|
320
|
+
export const utrechtAccordionButtonActiveBorderColor = "transparent";
|
|
321
|
+
export const utrechtAccordionButtonActiveColor = "#0F172A";
|
|
322
|
+
export const utrechtAccordionButtonFocusBackgroundColor = "#f2d9e7";
|
|
323
|
+
export const utrechtAccordionButtonFocusBorderColor = "#a90061";
|
|
324
|
+
export const utrechtAccordionButtonFocusColor = "#0F172A";
|
|
325
|
+
export const utrechtAccordionButtonBackgroundColor = "#fff";
|
|
326
|
+
export const utrechtAccordionButtonBorderColor = "transparent";
|
|
327
|
+
export const utrechtAccordionButtonBorderRadius = "0px";
|
|
328
|
+
export const utrechtAccordionButtonBorderWidth = "1px";
|
|
329
|
+
export const utrechtAccordionButtonColor = "#0F172A";
|
|
330
|
+
export const utrechtAccordionButtonGap = "0.5rem";
|
|
331
|
+
export const utrechtAccordionButtonPaddingBlockEnd = "0.75rem";
|
|
332
|
+
export const utrechtAccordionButtonPaddingBlockStart = "0.75rem";
|
|
333
|
+
export const utrechtAccordionButtonPaddingInlineEnd = "1rem";
|
|
334
|
+
export const utrechtAccordionButtonPaddingInlineStart = "1rem";
|
|
335
|
+
export const utrechtAccordionButtonIconSize = "24px";
|
|
336
|
+
export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
|
|
337
|
+
export const utrechtAccordionButtonHoverBorderColor = "transparent";
|
|
338
|
+
export const utrechtAccordionButtonHoverColor = "#0F172A";
|
|
339
|
+
export const utrechtAccordionButtonFocusVisibleBackgroundColor = "#f2d9e7";
|
|
340
|
+
export const utrechtAccordionButtonFocusVisibleBorderColor = "transparent";
|
|
341
|
+
export const utrechtAccordionButtonFocusVisibleBorderWidth = "1px";
|
|
342
|
+
export const utrechtAccordionButtonFocusVisibleColor = "#0F172A";
|
|
343
|
+
export const utrechtAccordionMarginBlockEnd = "0rem";
|
|
344
|
+
export const utrechtAccordionMarginBlockStart = "0rem";
|
|
345
|
+
export const utrechtAccordionRowGap = "0rem";
|
|
346
|
+
export const utrechtAccordionPanelBorderColor = "transparent";
|
|
347
|
+
export const utrechtAccordionPanelBorderWidth = "1px";
|
|
348
|
+
export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
|
|
349
|
+
export const utrechtAccordionPanelPaddingBlockStart = "1rem";
|
|
350
|
+
export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
|
|
351
|
+
export const utrechtAccordionPanelPaddingInlineStart = "1rem";
|
|
352
|
+
export const utrechtAccordionSectionBorderColor = "#94A3B8";
|
|
353
|
+
export const utrechtAccordionSectionHoverBorderColor = "#94A3B8";
|
|
354
|
+
export const utrechtAccordionSectionBorderWidth = "1px";
|
|
355
|
+
export const utrechtAccordionSectionMarginBlockEnd = "0rem";
|
|
356
|
+
export const utrechtAccordionSectionMarginBlockStart = "0rem";
|
|
357
|
+
export const utrechtBlockquoteBorderBlockEndWidth = 0;
|
|
358
|
+
export const utrechtBlockquoteBorderBlockStartWidth = 0;
|
|
359
|
+
export const utrechtBlockquoteBorderEndEndRadius = 0;
|
|
360
|
+
export const utrechtBlockquoteBorderEndStartRadius = 0;
|
|
361
|
+
export const utrechtBlockquoteBorderInlineEndWidth = 0;
|
|
362
|
+
export const utrechtBlockquoteBorderStartEndRadius = 0;
|
|
363
|
+
export const utrechtBlockquoteBorderStartStartRadius = 0;
|
|
364
|
+
export const utrechtBlockquoteMarginBlockEnd = 0;
|
|
365
|
+
export const utrechtBlockquoteMarginBlockStart = 0;
|
|
366
|
+
export const utrechtBlockquoteMarginInlineEnd = 0;
|
|
367
|
+
export const utrechtBlockquoteMarginInlineStart = 0;
|
|
368
|
+
export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
|
|
369
|
+
export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#a90061";
|
|
370
|
+
export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
|
|
371
|
+
export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
|
|
372
|
+
export const utrechtBlockquoteCaptionColor = "#154273";
|
|
373
|
+
export const utrechtBlockquoteCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
374
|
+
export const utrechtBlockquoteCaptionFontSize = "1.25rem";
|
|
375
|
+
export const utrechtBlockquoteCaptionFontWeight = 400;
|
|
376
|
+
export const utrechtBlockquoteCaptionLineHeight = "150%";
|
|
377
|
+
export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
|
|
378
|
+
export const utrechtBlockquoteContentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
379
|
+
export const utrechtBlockquoteContentFontWeight = 400;
|
|
380
|
+
export const utrechtBlockquoteContentLineHeight = "150%";
|
|
381
|
+
export const utrechtBlockquoteContentColor = "#154273";
|
|
382
|
+
export const utrechtBlockquoteContentFontSize = "1.25rem";
|
|
383
|
+
export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
|
|
384
|
+
export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
|
|
385
|
+
export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
|
|
386
|
+
export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
|
|
387
|
+
export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
|
|
388
|
+
export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
|
|
389
|
+
export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
|
|
390
|
+
export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
|
|
391
|
+
export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
|
|
392
|
+
export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
|
|
393
|
+
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
|
|
394
|
+
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
|
|
395
|
+
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
|
|
396
|
+
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
|
|
397
|
+
export const utrechtBlockquoteBackgroundColor = "transparent";
|
|
398
|
+
export const utrechtBlockquoteBorderInlineStartWidth = "0px";
|
|
399
|
+
export const utrechtBlockquoteBorderColor = "transparent";
|
|
400
|
+
export const utrechtBlockquoteBorderRadius = "0px";
|
|
401
|
+
export const utrechtBlockquoteBorderWidth = "0px";
|
|
402
|
+
export const utrechtBlockquoteColor = "#154273";
|
|
403
|
+
export const utrechtBlockquoteFontSize = "1.25rem";
|
|
404
|
+
export const utrechtBlockquoteFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
405
|
+
export const utrechtBlockquotePaddingBlockEnd = "2rem";
|
|
406
|
+
export const utrechtBlockquotePaddingBlockStart = "2rem";
|
|
407
|
+
export const utrechtBlockquotePaddingInlineEnd = "2rem";
|
|
408
|
+
export const utrechtBlockquotePaddingInlineStart = "2rem";
|
|
409
|
+
export const utrechtBlockquoteRowGap = "0.75rem";
|
|
410
|
+
export const utrechtBlockquoteAttributionColor = "#154273";
|
|
411
|
+
export const utrechtBlockquoteAttributionFontSize = "1.25rem";
|
|
412
|
+
export const utrechtSkipLinkFocusTextDecoration = "None";
|
|
413
|
+
export const utrechtSkipLinkFocusBorderColor = "#a90061";
|
|
414
|
+
export const utrechtSkipLinkFocusBorderWidth = "2px";
|
|
415
|
+
export const utrechtSkipLinkFocusBorderStyle = "solid";
|
|
416
|
+
export const utrechtSkipLinkFocusBackgroundColor = "#fff";
|
|
417
|
+
export const utrechtSkipLinkFocusColor = "#01689b";
|
|
418
|
+
export const utrechtSkipLinkBorderColor = "transparent";
|
|
419
|
+
export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
|
|
420
|
+
export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
|
|
421
|
+
export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
|
|
422
|
+
export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
|
|
423
|
+
export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
|
|
424
|
+
export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
|
|
425
|
+
export const utrechtSkipLinkFocusVisibleTextDecoration = "underline";
|
|
426
|
+
export const utrechtSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
427
|
+
export const utrechtSkipLinkFontWeight = 700;
|
|
428
|
+
export const utrechtSkipLinkLineHeight = "150%";
|
|
429
|
+
export const utrechtSkipLinkBorderWidth = "2px";
|
|
430
|
+
export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
|
|
431
|
+
export const utrechtSkipLinkFontSize = "1.25rem";
|
|
432
|
+
export const utrechtSkipLinkBackgroundColor = "#fff";
|
|
433
|
+
export const utrechtSkipLinkColor = "#01689b";
|
|
434
|
+
export const utrechtSkipLinkMinBlockSize = "48px";
|
|
435
|
+
export const utrechtSkipLinkMinInlineSize = "48px";
|
|
436
|
+
export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
|
|
437
|
+
export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
|
|
438
|
+
export const utrechtSkipLinkPaddingInlineEnd = "1rem";
|
|
439
|
+
export const utrechtSkipLinkPaddingInlineStart = "1rem";
|
|
440
|
+
export const utrechtSkipLinkTextDecoration = "underline";
|
|
441
|
+
export const utrechtLinkListItemTextDecoration = "None";
|
|
442
|
+
export const utrechtLinkListItemColumnGap = "0.5rem";
|
|
443
|
+
export const utrechtLinkListMarginBlockEnd = "0rem";
|
|
444
|
+
export const utrechtLinkListMarginBlockStart = "0rem";
|
|
445
|
+
export const utrechtLinkListRowGap = "0.5rem";
|
|
446
|
+
export const utrechtLinkListIconInsetBlockStart = "0.188rem";
|
|
447
|
+
export const utrechtLinkListIconSize = "24px";
|
|
448
|
+
export const utrechtLinkListLinkColumnGap = "0.5rem";
|
|
449
|
+
export const utrechtLinkListLinkTextDecoration = "None";
|
|
450
|
+
export const utrechtLinkListFontWeight = 400;
|
|
451
|
+
export const utrechtLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
452
|
+
export const utrechtLinkFontWeight = 400;
|
|
453
|
+
export const utrechtLinkLineHeight = "150%";
|
|
454
|
+
export const utrechtLinkFontSize = "1.25rem";
|
|
455
|
+
export const utrechtLinkActiveTextDecoration = "None";
|
|
456
|
+
export const utrechtLinkActiveColor = "#163f5b";
|
|
457
|
+
export const utrechtLinkFocusTextDecoration = "None";
|
|
458
|
+
export const utrechtLinkFocusTextDecorationThickness = "auto";
|
|
459
|
+
export const utrechtLinkFocusBackgroundColor = "transparent";
|
|
460
|
+
export const utrechtLinkFocusColor = "#01689b";
|
|
461
|
+
export const utrechtLinkIconInsetBlockStart = "0.25rem";
|
|
462
|
+
export const utrechtLinkIconSize = "24px";
|
|
463
|
+
export const utrechtLinkColor = "#01689b";
|
|
464
|
+
export const utrechtLinkTextDecorationColor = "inherit";
|
|
465
|
+
export const utrechtLinkColumnGap = "0.25rem";
|
|
466
|
+
export const utrechtLinkTextDecoration = "underline";
|
|
467
|
+
export const utrechtLinkTextDecorationThickness = "0.0625em";
|
|
468
|
+
export const utrechtLinkTextUnderlineOffset = "0.125rem";
|
|
469
|
+
export const utrechtLinkHoverColor = "#15496a";
|
|
470
|
+
export const utrechtLinkHoverTextDecoration = "underline";
|
|
471
|
+
export const utrechtLinkHoverTextDecorationThickness = "0.1875em";
|
|
472
|
+
export const utrechtLinkFocusVisibleTextDecoration = "None";
|
|
473
|
+
export const utrechtLinkFocusVisibleTextDecorationThickness = "0.0625em";
|
|
474
|
+
export const utrechtLinkVisitedColor = "#01689b";
|
|
475
|
+
export const utrechtDataBadgeBackgroundColor = "#f2d9e7";
|
|
476
|
+
export const utrechtDataBadgeBorderRadius = "10px";
|
|
477
|
+
export const utrechtDataBadgeColor = "#a90061";
|
|
478
|
+
export const utrechtDataBadgePaddingBlock = "0.125rem";
|
|
479
|
+
export const utrechtDataBadgePaddingInline = "0.75rem";
|
|
1050
480
|
export const utrechtButtonBackgroundColor = "#0F172A";
|
|
1051
481
|
export const utrechtButtonBorderColor = "transparent";
|
|
1052
|
-
export const utrechtButtonColor = "#fff";
|
|
1053
482
|
export const utrechtButtonBorderRadius = 0;
|
|
1054
483
|
export const utrechtButtonBorderWidth = "1px";
|
|
1055
|
-
export const
|
|
1056
|
-
export const
|
|
484
|
+
export const utrechtButtonColor = "#fff";
|
|
485
|
+
export const utrechtButtonColumnGap = "0.5rem";
|
|
1057
486
|
export const utrechtButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1058
487
|
export const utrechtButtonFontSize = "1.25rem";
|
|
1059
488
|
export const utrechtButtonFontWeight = 700;
|
|
1060
489
|
export const utrechtButtonLineHeight = "150%";
|
|
490
|
+
export const utrechtButtonMinBlockSize = "48px";
|
|
491
|
+
export const utrechtButtonMinInlineSize = "48px";
|
|
1061
492
|
export const utrechtButtonPaddingBlockEnd = "0.5rem";
|
|
1062
493
|
export const utrechtButtonPaddingBlockStart = "0.5rem";
|
|
1063
494
|
export const utrechtButtonPaddingInlineEnd = "1rem";
|
|
1064
495
|
export const utrechtButtonPaddingInlineStart = "1rem";
|
|
496
|
+
export const utrechtButtonIconSize = "24px";
|
|
497
|
+
export const utrechtButtonPressedBackgroundColor = "#1E293B";
|
|
498
|
+
export const utrechtButtonPressedBorderColor = "transparent";
|
|
499
|
+
export const utrechtButtonPressedColor = "#fff";
|
|
500
|
+
export const utrechtButtonActiveBackgroundColor = "#1E293B";
|
|
501
|
+
export const utrechtButtonActiveBorderColor = "transparent";
|
|
502
|
+
export const utrechtButtonActiveColor = "#fff";
|
|
1065
503
|
export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
|
|
1066
504
|
export const utrechtButtonDisabledBorderColor = "transparent";
|
|
1067
505
|
export const utrechtButtonDisabledColor = "#94A3B8";
|
|
1068
|
-
export const utrechtButtonFocusBackgroundColor = "#475569";
|
|
1069
|
-
export const utrechtButtonFocusBorderColor = "transparent";
|
|
1070
|
-
export const utrechtButtonFocusColor = "#fff";
|
|
1071
506
|
export const utrechtButtonHoverBackgroundColor = "#475569";
|
|
1072
507
|
export const utrechtButtonHoverBorderColor = "transparent";
|
|
1073
508
|
export const utrechtButtonHoverColor = "#fff";
|
|
1074
|
-
export const
|
|
1075
|
-
export const
|
|
1076
|
-
export const
|
|
1077
|
-
export const utrechtButtonMinBlockSize = "48px";
|
|
1078
|
-
export const utrechtButtonMinInlineSize = "48px";
|
|
1079
|
-
export const utrechtButtonColumnGap = "0.5rem";
|
|
1080
|
-
export const utrechtButtonPrimaryActionHoverBackgroundColor = "#741344";
|
|
1081
|
-
export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
|
|
1082
|
-
export const utrechtButtonPrimaryActionHoverColor = "#fff";
|
|
509
|
+
export const utrechtButtonFocusBackgroundColor = "#475569";
|
|
510
|
+
export const utrechtButtonFocusBorderColor = "transparent";
|
|
511
|
+
export const utrechtButtonFocusColor = "#fff";
|
|
1083
512
|
export const utrechtButtonPrimaryActionBackgroundColor = "#a90061";
|
|
1084
513
|
export const utrechtButtonPrimaryActionBorderColor = "transparent";
|
|
1085
514
|
export const utrechtButtonPrimaryActionColor = "#fff";
|
|
515
|
+
export const utrechtButtonPrimaryActionFontSize = "1.25rem";
|
|
516
|
+
export const utrechtButtonPrimaryActionFontWeight = 700;
|
|
517
|
+
export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
|
|
1086
518
|
export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#e5b3d0";
|
|
1087
519
|
export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
|
|
1088
520
|
export const utrechtButtonPrimaryActionDisabledColor = "#BE4088";
|
|
521
|
+
export const utrechtButtonPrimaryActionHoverBackgroundColor = "#741344";
|
|
522
|
+
export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
|
|
523
|
+
export const utrechtButtonPrimaryActionHoverColor = "#fff";
|
|
1089
524
|
export const utrechtButtonPrimaryActionFocusBackgroundColor = "#741344";
|
|
1090
525
|
export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
|
|
1091
526
|
export const utrechtButtonPrimaryActionFocusColor = "#fff";
|
|
1092
|
-
export const utrechtButtonPrimaryActionFontWeight = 700;
|
|
1093
|
-
export const utrechtButtonPrimaryActionActiveBackgroundColor = "#65003a";
|
|
1094
|
-
export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
|
|
1095
|
-
export const utrechtButtonPrimaryActionActiveColor = "#fff";
|
|
1096
|
-
export const utrechtButtonPrimaryActionFontSize = "1.25rem";
|
|
1097
|
-
export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
|
|
1098
|
-
export const utrechtButtonPrimaryActionPressedBackgroundColor = "#63143a";
|
|
1099
527
|
export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
|
|
1100
528
|
export const utrechtButtonPrimaryActionPressedColor = "#fff";
|
|
1101
|
-
export const
|
|
1102
|
-
export const
|
|
1103
|
-
export const
|
|
529
|
+
export const utrechtButtonPrimaryActionPressedBackgroundColor = "#63143a";
|
|
530
|
+
export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
|
|
531
|
+
export const utrechtButtonPrimaryActionActiveColor = "#fff";
|
|
532
|
+
export const utrechtButtonPrimaryActionActiveBackgroundColor = "#65003a";
|
|
1104
533
|
export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
|
|
1105
534
|
export const utrechtButtonSecondaryActionBorderColor = "#a90061";
|
|
1106
535
|
export const utrechtButtonSecondaryActionColor = "#a90061";
|
|
536
|
+
export const utrechtButtonSecondaryActionFontSize = "1.25rem";
|
|
537
|
+
export const utrechtButtonSecondaryActionFontWeight = 700;
|
|
538
|
+
export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
|
|
1107
539
|
export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
|
|
1108
540
|
export const utrechtButtonSecondaryActionDisabledBorderColor = "#D88CB7";
|
|
1109
541
|
export const utrechtButtonSecondaryActionDisabledColor = "#CB66A0";
|
|
542
|
+
export const utrechtButtonSecondaryActionHoverBackgroundColor = "#f2d9e7";
|
|
543
|
+
export const utrechtButtonSecondaryActionHoverBorderColor = "#741344";
|
|
544
|
+
export const utrechtButtonSecondaryActionHoverColor = "#741344";
|
|
1110
545
|
export const utrechtButtonSecondaryActionFocusBackgroundColor = "#f2d9e7";
|
|
1111
546
|
export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
|
|
1112
547
|
export const utrechtButtonSecondaryActionFocusColor = "#741344";
|
|
1113
|
-
export const utrechtButtonSecondaryActionFontWeight = 700;
|
|
1114
|
-
export const utrechtButtonSecondaryActionActiveBackgroundColor = "#D88CB7";
|
|
1115
|
-
export const utrechtButtonSecondaryActionActiveBorderColor = "#63143a";
|
|
1116
|
-
export const utrechtButtonSecondaryActionActiveColor = "#741344";
|
|
1117
|
-
export const utrechtButtonSecondaryActionFontSize = "1.25rem";
|
|
1118
|
-
export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
|
|
1119
548
|
export const utrechtButtonSecondaryActionPressedBackgroundColor = "#e5b3d0";
|
|
1120
549
|
export const utrechtButtonSecondaryActionPressedBorderColor = "#63143a";
|
|
1121
550
|
export const utrechtButtonSecondaryActionPressedColor = "#63143a";
|
|
1122
|
-
export const
|
|
1123
|
-
export const
|
|
1124
|
-
export const
|
|
1125
|
-
export const utrechtButtonSubtleHoverBorderColor = "transparent";
|
|
1126
|
-
export const utrechtButtonSubtleHoverColor = "#741344";
|
|
551
|
+
export const utrechtButtonSecondaryActionActiveBackgroundColor = "#D88CB7";
|
|
552
|
+
export const utrechtButtonSecondaryActionActiveColor = "#741344";
|
|
553
|
+
export const utrechtButtonSecondaryActionActiveBorderColor = "#63143a";
|
|
1127
554
|
export const utrechtButtonSubtleBackgroundColor = "transparent";
|
|
1128
555
|
export const utrechtButtonSubtleBorderColor = "transparent";
|
|
1129
556
|
export const utrechtButtonSubtleColor = "#a90061";
|
|
557
|
+
export const utrechtButtonSubtleFontSize = "1.25rem";
|
|
558
|
+
export const utrechtButtonSubtleFontWeight = 700;
|
|
559
|
+
export const utrechtButtonSubtleLineHeight = "1.875rem";
|
|
1130
560
|
export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
|
|
1131
561
|
export const utrechtButtonSubtleDisabledBorderColor = "transparent";
|
|
1132
562
|
export const utrechtButtonSubtleDisabledColor = "#e5b3d0";
|
|
563
|
+
export const utrechtButtonSubtleHoverBackgroundColor = "#f2d9e7";
|
|
564
|
+
export const utrechtButtonSubtleHoverBorderColor = "transparent";
|
|
565
|
+
export const utrechtButtonSubtleHoverColor = "#741344";
|
|
1133
566
|
export const utrechtButtonSubtleFocusBackgroundColor = "#f2d9e7";
|
|
1134
567
|
export const utrechtButtonSubtleFocusBorderColor = "transparent";
|
|
1135
568
|
export const utrechtButtonSubtleFocusColor = "#741344";
|
|
1136
|
-
export const utrechtButtonSubtleActiveBackgroundColor = "#D88CB7";
|
|
1137
|
-
export const utrechtButtonSubtleActiveBorderColor = "transparent";
|
|
1138
|
-
export const utrechtButtonSubtleActiveColor = "#65003a";
|
|
1139
|
-
export const utrechtButtonSubtleLineHeight = "1.875rem";
|
|
1140
569
|
export const utrechtButtonSubtlePressedBackgroundColor = "#e5b3d0";
|
|
1141
570
|
export const utrechtButtonSubtlePressedBorderColor = "transparent";
|
|
1142
571
|
export const utrechtButtonSubtlePressedColor = "#63143a";
|
|
1143
|
-
export const
|
|
1144
|
-
export const
|
|
1145
|
-
export const
|
|
1146
|
-
export const
|
|
1147
|
-
export const
|
|
1148
|
-
export const
|
|
1149
|
-
export const
|
|
1150
|
-
export const
|
|
1151
|
-
export const
|
|
1152
|
-
export const
|
|
1153
|
-
export const
|
|
1154
|
-
export const
|
|
1155
|
-
export const
|
|
1156
|
-
export const
|
|
1157
|
-
export const
|
|
1158
|
-
export const
|
|
1159
|
-
export const
|
|
1160
|
-
export const
|
|
1161
|
-
export const
|
|
1162
|
-
export const
|
|
1163
|
-
export const
|
|
1164
|
-
export const
|
|
1165
|
-
export const
|
|
1166
|
-
export const
|
|
1167
|
-
export const
|
|
1168
|
-
export const
|
|
1169
|
-
export const
|
|
1170
|
-
export const
|
|
1171
|
-
export const
|
|
1172
|
-
export const
|
|
1173
|
-
export const
|
|
1174
|
-
export const
|
|
1175
|
-
export const
|
|
1176
|
-
export const
|
|
1177
|
-
export const
|
|
1178
|
-
export const
|
|
1179
|
-
export const
|
|
1180
|
-
export const
|
|
1181
|
-
export const
|
|
1182
|
-
export const
|
|
1183
|
-
export const
|
|
1184
|
-
export const
|
|
1185
|
-
export const
|
|
1186
|
-
export const utrechtAlertColor = "#000";
|
|
1187
|
-
export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
|
|
1188
|
-
export const utrechtAlertInfoBorderColor = "transparent";
|
|
1189
|
-
export const utrechtAlertInfoColor = "#000";
|
|
1190
|
-
export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
|
|
1191
|
-
export const utrechtAlertErrorBorderColor = "transparent";
|
|
1192
|
-
export const utrechtAlertErrorColor = "#000";
|
|
1193
|
-
export const utrechtAlertOkBackgroundColor = "#e1eddb";
|
|
1194
|
-
export const utrechtAlertOkBorderColor = "transparent";
|
|
1195
|
-
export const utrechtAlertOkColor = "#000";
|
|
1196
|
-
export const utrechtAlertWarningBackgroundColor = "#fff4db";
|
|
1197
|
-
export const utrechtAlertWarningBorderColor = "transparent";
|
|
1198
|
-
export const utrechtAlertWarningColor = "#000";
|
|
1199
|
-
export const utrechtAlertIconInsetBlockStart = "3px";
|
|
1200
|
-
export const utrechtAlertIconInfoColor = "#007bc7";
|
|
1201
|
-
export const utrechtAlertIconErrorColor = "#d52b1e";
|
|
1202
|
-
export const utrechtAlertIconOkColor = "#39870c";
|
|
1203
|
-
export const utrechtAlertIconWarningColor = "#ffb612";
|
|
1204
|
-
export const utrechtAlertIconSize = "24px";
|
|
1205
|
-
export const utrechtAlertMessageLineHeight = "150%";
|
|
1206
|
-
export const utrechtAlertMessageColumnGap = "0.5rem";
|
|
1207
|
-
export const utrechtAlertBorderRadius = 0;
|
|
572
|
+
export const utrechtButtonSubtleActiveBackgroundColor = "#D88CB7";
|
|
573
|
+
export const utrechtButtonSubtleActiveBorderColor = "transparent";
|
|
574
|
+
export const utrechtButtonSubtleActiveColor = "#65003a";
|
|
575
|
+
export const utrechtButtonGroupMarginBlockEnd = "0rem";
|
|
576
|
+
export const utrechtButtonGroupMarginBlockStart = "0rem";
|
|
577
|
+
export const utrechtButtonGroupBackgroundColor = "transparent";
|
|
578
|
+
export const utrechtButtonGroupColumnGap = "0.5rem";
|
|
579
|
+
export const utrechtButtonGroupPaddingBlockEnd = "0px";
|
|
580
|
+
export const utrechtButtonGroupPaddingBlockStart = "0px";
|
|
581
|
+
export const utrechtButtonGroupRowGap = "0.5rem";
|
|
582
|
+
export const utrechtBreadcrumbNavDividerColor = "#334155";
|
|
583
|
+
export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
|
|
584
|
+
export const utrechtBreadcrumbNavDividerSize = "24px";
|
|
585
|
+
export const utrechtBreadcrumbNavLinkPaddingBlockEnd = "0.75rem";
|
|
586
|
+
export const utrechtBreadcrumbNavLinkPaddingBlockStart = "0.75rem";
|
|
587
|
+
export const utrechtBreadcrumbNavLinkPaddingInlineEnd = "0rem";
|
|
588
|
+
export const utrechtBreadcrumbNavLinkPaddingInlineStart = "0rem";
|
|
589
|
+
export const utrechtBreadcrumbNavLinkCurrentColor = "#334155";
|
|
590
|
+
export const utrechtBreadcrumbNavLinkCurrentFontWeight = 400;
|
|
591
|
+
export const utrechtBreadcrumbNavLinkIconInsetBlockStart = 0;
|
|
592
|
+
export const utrechtBreadcrumbNavLinkIconMarginInline = "0.25rem";
|
|
593
|
+
export const utrechtBreadcrumbNavLinkIconSize = "24px";
|
|
594
|
+
export const utrechtBreadcrumbNavLinkColor = "#01689b";
|
|
595
|
+
export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
|
|
596
|
+
export const utrechtBreadcrumbNavLinkActiveColor = "#163f5b";
|
|
597
|
+
export const utrechtBreadcrumbNavLinkActiveTextDecoration = "underline";
|
|
598
|
+
export const utrechtBreadcrumbNavLinkDisabledColor = "#334155";
|
|
599
|
+
export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
|
|
600
|
+
export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
|
|
601
|
+
export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
|
|
602
|
+
export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
|
|
603
|
+
export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
|
|
604
|
+
export const utrechtBreadcrumbNavFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
605
|
+
export const utrechtBreadcrumbNavFontSize = "1.25rem";
|
|
606
|
+
export const utrechtBreadcrumbNavLineHeight = "150%";
|
|
607
|
+
export const utrechtBreadcrumbNavMinBlockSize = "48px";
|
|
608
|
+
export const utrechtBreadcrumbNavItemPaddingBlockEnd = "0.5rem";
|
|
609
|
+
export const utrechtBreadcrumbNavItemPaddingBlockStart = "0.5rem";
|
|
610
|
+
export const utrechtBreadcrumbNavItemPaddingInlineEnd = "0.5rem";
|
|
611
|
+
export const utrechtBreadcrumbNavItemPaddingInlineStart = "0.5rem";
|
|
612
|
+
export const utrechtBreadcrumbNavItemFirstPaddingInlineStart = "0rem";
|
|
613
|
+
export const utrechtBreadcrumbNavSeparatorColor = "#334155";
|
|
614
|
+
export const utrechtBreadcrumbNavSeparatorIconSize = "24px";
|
|
1208
615
|
export const utrechtActionActivateCursor = "pointer";
|
|
1209
616
|
export const utrechtActionBusyCursor = "wait";
|
|
1210
617
|
export const utrechtActionDisabledCursor = "not-allowed";
|
|
1211
618
|
export const utrechtActionInertCursor = "default";
|
|
1212
619
|
export const utrechtActionNavigateCursor = "pointer";
|
|
1213
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";
|
|
653
|
+
export const utrechtTableHeaderCellLineHeight = "150%";
|
|
654
|
+
export const utrechtTableHeaderCellColor = "#0F172A";
|
|
655
|
+
export const utrechtTableHeaderCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
656
|
+
export const utrechtTableHeaderCellFontWeight = 700;
|
|
657
|
+
export const utrechtTableHeaderCellFontSize = "1.25rem";
|
|
658
|
+
export const utrechtTableCaptionLineHeight = "125%";
|
|
659
|
+
export const utrechtTableCaptionMarginBlockEnd = "1.5rem";
|
|
660
|
+
export const utrechtTableCaptionColor = "#0F172A";
|
|
661
|
+
export const utrechtTableCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
662
|
+
export const utrechtTableCaptionFontWeight = 700;
|
|
663
|
+
export const utrechtTableCaptionFontSize = "1.875rem";
|
|
664
|
+
export const utrechtTableCellPaddingBlockEnd = "0.75rem";
|
|
665
|
+
export const utrechtTableCellPaddingBlockStart = "0.75rem";
|
|
666
|
+
export const utrechtTableCellPaddingInlineEnd = "1rem";
|
|
667
|
+
export const utrechtTableCellPaddingInlineStart = "1rem";
|
|
668
|
+
export const utrechtTableCellLineHeight = "150%";
|
|
669
|
+
export const utrechtTableDataCellColor = "#0F172A";
|
|
670
|
+
export const utrechtTableDataCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
671
|
+
export const utrechtTableDataCellFontWeight = 400;
|
|
672
|
+
export const utrechtTableDataCellLineHeight = "150%";
|
|
673
|
+
export const utrechtTableDataCellFontSize = "1.25rem";
|
|
674
|
+
export const utrechtTableHeaderBorderBlockEndWidth = "2px";
|
|
675
|
+
export const utrechtTableHeaderBorderBlockEndColor = "#CBD5E1";
|
|
676
|
+
export const utrechtTableHeaderBackgroundColor = "transparent";
|
|
677
|
+
export const utrechtTableFooterBorderBlockEndWidth = "1px";
|
|
678
|
+
export const utrechtTableFooterBorderBlockEndColor = "#CBD5E1";
|
|
679
|
+
export const utrechtTableFooterBackgroundColor = "transparent";
|
|
680
|
+
export const utrechtTableRowBorderBlockEndWidth = "1px";
|
|
681
|
+
export const utrechtTableRowBorderBlockEndColor = "#CBD5E1";
|
|
682
|
+
export const utrechtTableRowBackgroundColor = "transparent";
|
|
683
|
+
export const utrechtTableFooterCellFontWeight = 700;
|
|
684
|
+
export const utrechtTableFooterCellFontSize = "1.25rem";
|
|
685
|
+
export const utrechtTableFooterCellColor = "#0F172A";
|
|
686
|
+
export const utrechtTableFooterCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
687
|
+
export const utrechtTableFooterCellLineHeight = "150%";
|
|
688
|
+
export const utrechtTableContainerBoxInlineEndShadowX = 0;
|
|
689
|
+
export const utrechtTableContainerBoxInlineEndShadowY = "16px";
|
|
690
|
+
export const utrechtTableContainerBoxInlineEndShadowBlur = "48px";
|
|
691
|
+
export const utrechtTableContainerBoxInlineEndShadowSpread = 0;
|
|
692
|
+
export const utrechtTableContainerBoxInlineEndShadowColor = "#0000001a";
|
|
693
|
+
export const utrechtTableContainerBoxInlineStartShadowX = 0;
|
|
694
|
+
export const utrechtTableContainerBoxInlineStartShadowY = "16px";
|
|
695
|
+
export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
|
|
696
|
+
export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
|
|
697
|
+
export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
|
|
698
|
+
export const utrechtTableFontSize = "1.25rem";
|
|
699
|
+
export const utrechtSeparatorBlockSize = "2px";
|
|
700
|
+
export const utrechtSeparatorColor = "#CBD5E1";
|
|
701
|
+
export const utrechtSeparatorMarginBlockEnd = "0.75rem";
|
|
702
|
+
export const utrechtSeparatorMarginBlockStart = "0.75rem";
|
|
703
|
+
export const utrechtPreHeadingColor = "#0F172A";
|
|
704
|
+
export const utrechtPreHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
705
|
+
export const utrechtPreHeadingFontWeight = 700;
|
|
706
|
+
export const utrechtPreHeadingLineHeight = "125%";
|
|
707
|
+
export const utrechtPreHeadingFontSize = "1rem";
|
|
708
|
+
export const utrechtParagraphColor = "#0F172A";
|
|
709
|
+
export const utrechtParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
710
|
+
export const utrechtParagraphFontSize = "1.25rem";
|
|
711
|
+
export const utrechtParagraphFontWeight = 400;
|
|
712
|
+
export const utrechtParagraphLineHeight = "150%";
|
|
713
|
+
export const utrechtParagraphLeadColor = "#0F172A";
|
|
714
|
+
export const utrechtParagraphLeadFontSize = "1.5rem";
|
|
715
|
+
export const utrechtParagraphLeadFontWeight = 400;
|
|
716
|
+
export const utrechtParagraphLeadLineHeight = "150%";
|
|
717
|
+
export const utrechtParagraphSmallFontSize = "1.5rem";
|
|
718
|
+
export const utrechtParagraphSmallColor = "#0F172A";
|
|
719
|
+
export const utrechtParagraphSmallFontWeight = 400;
|
|
720
|
+
export const utrechtParagraphSmallLineHeight = "150%";
|
|
721
|
+
export const utrechtParagraphMarginBlockEnd = "0rem";
|
|
722
|
+
export const utrechtParagraphMarginBlockStart = "0rem";
|
|
723
|
+
export const utrechtHeading1Color = "#154273";
|
|
724
|
+
export const utrechtHeading1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
725
|
+
export const utrechtHeading1FontSize = "3.125rem";
|
|
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 = "#a90061";
|
|
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";
|
|
782
|
+
export const utrechtArticleMaxInlineSize = "75ch";
|
|
1214
783
|
export const utrechtDocumentBackgroundColor = "#fff";
|
|
1215
784
|
export const utrechtDocumentColor = "#0F172A";
|
|
1216
785
|
export const utrechtDocumentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
@@ -1221,23 +790,93 @@ export const utrechtRichTextStrangerMarginBlockEnd = "2rem";
|
|
|
1221
790
|
export const utrechtRichTextAcquaintanceMarginBlockEnd = "1rem";
|
|
1222
791
|
export const utrechtRichTextFriendMarginBlockEnd = "0.5rem";
|
|
1223
792
|
export const utrechtRichTextBestFriendMarginBlockEnd = "0.25rem";
|
|
1224
|
-
export const utrechtRichTextConfidantMarginBlockEnd =
|
|
793
|
+
export const utrechtRichTextConfidantMarginBlockEnd = "0rem";
|
|
1225
794
|
export const utrechtPointerTargetMinSize = "48px";
|
|
1226
795
|
export const utrechtFocusOutlineColor = "#000";
|
|
1227
796
|
export const utrechtFocusOutlineOffset = "0.125rem";
|
|
1228
797
|
export const utrechtFocusOutlineStyle = "solid";
|
|
1229
798
|
export const utrechtFocusOutlineWidth = "2px";
|
|
1230
799
|
export const utrechtFocusInverseOutlineColor = "#fff";
|
|
1231
|
-
export const
|
|
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 = "#a90061";
|
|
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";
|
|
1232
869
|
export const nlSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1233
|
-
export const
|
|
1234
|
-
export const nlSkipLinkLineHeight = "150%";
|
|
1235
|
-
export const nlSkipLinkMinBlockSize = "48px";
|
|
1236
|
-
export const nlSkipLinkMinInlineSize = "48px";
|
|
870
|
+
export const nlSkipLinkFontWeight = 700;
|
|
1237
871
|
export const nlSkipLinkPaddingBlockEnd = "0.75rem";
|
|
1238
872
|
export const nlSkipLinkPaddingBlockStart = "0.75rem";
|
|
1239
873
|
export const nlSkipLinkPaddingInlineEnd = "1rem";
|
|
1240
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;
|
|
1241
880
|
export const nlSkipLinkFocusBackgroundColor = "#fff";
|
|
1242
881
|
export const nlSkipLinkFocusBorderColor = "#a90061";
|
|
1243
882
|
export const nlSkipLinkFocusBorderStyle = "solid";
|
|
@@ -1245,95 +884,635 @@ export const nlSkipLinkFocusBorderWidth = "2px";
|
|
|
1245
884
|
export const nlSkipLinkFocusColor = "#0F172A";
|
|
1246
885
|
export const nlSkipLinkFocusTextDecoration = "None";
|
|
1247
886
|
export const nlSkipLinkFocusVisibleOutlineColor = "#000";
|
|
1248
|
-
export const nlSkipLinkBackgroundColor = "#a90061";
|
|
1249
|
-
export const nlSkipLinkBorderColor = "transparent";
|
|
1250
|
-
export const nlSkipLinkColor = "#fff";
|
|
1251
|
-
export const nlSkipLinkBorderWidth = "2px";
|
|
1252
|
-
export const nlSkipLinkBoxBlockEndShadowOffsetX = 0;
|
|
1253
|
-
export const nlSkipLinkBoxBlockEndShadowOffsetY = "16px";
|
|
1254
|
-
export const nlSkipLinkBoxBlockEndShadowBlurRadius = "48px";
|
|
1255
|
-
export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
|
|
1256
|
-
export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
|
|
1257
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";
|
|
1258
895
|
export const nlSkipLinkTextUnderlineOffset = "0.125rem";
|
|
1259
|
-
export const
|
|
1260
|
-
export const
|
|
1261
|
-
export const
|
|
1262
|
-
export const
|
|
1263
|
-
export const
|
|
1264
|
-
export const
|
|
1265
|
-
export const
|
|
1266
|
-
export const
|
|
1267
|
-
export const
|
|
1268
|
-
export const nlParagraphLeadFontWeight = 400;
|
|
1269
|
-
export const nlParagraphLeadLineHeight = "150%";
|
|
1270
|
-
export const nlLinkColor = "#01689b";
|
|
1271
|
-
export const nlLinkTextDecorationColor = "#01689b";
|
|
1272
|
-
export const nlLinkActiveColor = "#42145f";
|
|
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";
|
|
1273
905
|
export const nlLinkActiveTextDecoration = "None";
|
|
906
|
+
export const nlLinkActiveColor = "#1a4972";
|
|
1274
907
|
export const nlLinkFocusBackgroundColor = "transparent";
|
|
1275
908
|
export const nlLinkFocusColor = "#01689b";
|
|
1276
909
|
export const nlLinkFocusTextDecoration = "None";
|
|
1277
910
|
export const nlLinkFocusTextDecorationThickness = "auto";
|
|
1278
|
-
export const
|
|
1279
|
-
export const
|
|
1280
|
-
export const
|
|
1281
|
-
export const
|
|
1282
|
-
export const
|
|
1283
|
-
export const nlLinkIconInsetBlockStart = "0.25rem";
|
|
1284
|
-
export const nlLinkIconSize = "24px";
|
|
1285
|
-
export const nlLinkColumnGap = "0.25rem";
|
|
1286
|
-
export const nlLinkTextDecorationThickness = "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";
|
|
1287
916
|
export const nlLinkTextUnderlineOffset = "0.125rem";
|
|
1288
|
-
export const
|
|
1289
|
-
export const
|
|
1290
|
-
export const
|
|
1291
|
-
export const
|
|
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";
|
|
1292
936
|
export const nlHeadingLevel1Color = "#154273";
|
|
1293
937
|
export const nlHeadingLevel1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
938
|
+
export const nlHeadingLevel1FontSize = "3.125rem";
|
|
1294
939
|
export const nlHeadingLevel1FontWeight = 700;
|
|
1295
940
|
export const nlHeadingLevel1LineHeight = "125%";
|
|
1296
|
-
export const
|
|
1297
|
-
export const
|
|
1298
|
-
export const nlHeadingLevel1MarginBlockStart = 0;
|
|
941
|
+
export const nlHeadingLevel1MarginBlockEnd = "0rem";
|
|
942
|
+
export const nlHeadingLevel1MarginBlockStart = "0rem";
|
|
1299
943
|
export const nlHeadingLevel2Color = "#154273";
|
|
1300
944
|
export const nlHeadingLevel2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
945
|
+
export const nlHeadingLevel2FontSize = "2.5rem";
|
|
1301
946
|
export const nlHeadingLevel2FontWeight = 700;
|
|
1302
947
|
export const nlHeadingLevel2LineHeight = "125%";
|
|
1303
|
-
export const
|
|
1304
|
-
export const
|
|
1305
|
-
export const nlHeadingLevel2MarginBlockStart = 0;
|
|
948
|
+
export const nlHeadingLevel2MarginBlockEnd = "0rem";
|
|
949
|
+
export const nlHeadingLevel2MarginBlockStart = "0rem";
|
|
1306
950
|
export const nlHeadingLevel3Color = "#154273";
|
|
1307
951
|
export const nlHeadingLevel3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
952
|
+
export const nlHeadingLevel3FontSize = "1.875rem";
|
|
1308
953
|
export const nlHeadingLevel3FontWeight = 700;
|
|
1309
954
|
export const nlHeadingLevel3LineHeight = "125%";
|
|
1310
|
-
export const
|
|
1311
|
-
export const
|
|
1312
|
-
export const nlHeadingLevel3MarginBlockStart = 0;
|
|
955
|
+
export const nlHeadingLevel3MarginBlockEnd = "0rem";
|
|
956
|
+
export const nlHeadingLevel3MarginBlockStart = "0rem";
|
|
1313
957
|
export const nlHeadingLevel4Color = "#154273";
|
|
1314
958
|
export const nlHeadingLevel4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1315
|
-
export const nlHeadingLevel4FontWeight = 700;
|
|
1316
|
-
export const nlHeadingLevel4LineHeight = "125%";
|
|
1317
959
|
export const nlHeadingLevel4FontSize = "1.5rem";
|
|
1318
|
-
export const
|
|
1319
|
-
export const
|
|
960
|
+
export const nlHeadingLevel4FontWeight = 700;
|
|
961
|
+
export const nlHeadingLevel4LineHeight = "150%";
|
|
962
|
+
export const nlHeadingLevel4MarginBlockEnd = "0rem";
|
|
963
|
+
export const nlHeadingLevel4MarginBlockStart = "0rem";
|
|
1320
964
|
export const nlHeadingLevel5Color = "#154273";
|
|
1321
|
-
export const nlHeadingLevel5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1322
|
-
export const
|
|
1323
|
-
export const
|
|
1324
|
-
export const
|
|
1325
|
-
export const nlHeadingLevel5MarginBlockEnd =
|
|
1326
|
-
export const nlHeadingLevel5MarginBlockStart =
|
|
1327
|
-
export const
|
|
1328
|
-
export const
|
|
1329
|
-
export const
|
|
1330
|
-
export const
|
|
1331
|
-
export const
|
|
1332
|
-
export const
|
|
1333
|
-
export const
|
|
1334
|
-
export const
|
|
1335
|
-
export const
|
|
1336
|
-
export const
|
|
1337
|
-
export const
|
|
1338
|
-
export const
|
|
1339
|
-
export const
|
|
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 rhcAccordionBorderRadius = "0px";
|
|
979
|
+
export const rhcAccordionColor = "#0F172A";
|
|
980
|
+
export const rhcAccordionHeaderMargin = 0;
|
|
981
|
+
export const rhcAccordionSectionBorderBlockEndWidth = "1px";
|
|
982
|
+
export const rhcAccordionSectionBorderColor = "#94A3B8";
|
|
983
|
+
export const rhcAccordionSectionBorderWidth = "1px";
|
|
984
|
+
export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
|
|
985
|
+
export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
|
|
986
|
+
export const rhcAccordionButtonPaddingInlineEnd = "1rem";
|
|
987
|
+
export const rhcAccordionButtonPaddingInlineStart = "1rem";
|
|
988
|
+
export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
|
|
989
|
+
export const rhcAccordionButtonExpandedColor = "#0F172A";
|
|
990
|
+
export const rhcAccordionButtonIconMarginBlock = "0.25rem";
|
|
991
|
+
export const rhcAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
992
|
+
export const rhcAccordionButtonFontWeight = 400;
|
|
993
|
+
export const rhcAccordionButtonFontSize = "1.25rem";
|
|
994
|
+
export const rhcAccordionButtonLineHeight = "150%";
|
|
995
|
+
export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.";
|
|
996
|
+
export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
|
|
997
|
+
export const rhcKeepTopLeftBorderRadiusTopRight = 0;
|
|
998
|
+
export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
|
|
999
|
+
export const rhcKeepTopLeftBorderRadiusBottomLeft = 0;
|
|
1000
|
+
export const rhcKeepTopRightBorderRadiusTopRight = "48px";
|
|
1001
|
+
export const rhcKeepTopRightBorderRadiusTopLeft = 0;
|
|
1002
|
+
export const rhcKeepTopRightBorderRadiusBottomRight = 0;
|
|
1003
|
+
export const rhcKeepTopRightBorderRadiusBottomLeft = 0;
|
|
1004
|
+
export const rhcKeepBottomRightBorderRadiusTopLeft = 0;
|
|
1005
|
+
export const rhcKeepBottomRightBorderRadiusTopRight = 0;
|
|
1006
|
+
export const rhcKeepBottomRightBorderRadiusBottomRight = "48px";
|
|
1007
|
+
export const rhcKeepBottomRightBorderRadiusBottomLeft = 0;
|
|
1008
|
+
export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
|
|
1009
|
+
export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
|
|
1010
|
+
export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
|
|
1011
|
+
export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
|
|
1012
|
+
export const rhcLinkListTextDecoration = "None";
|
|
1013
|
+
export const rhcDataBadgeButtonColumnGap = "0.125rem";
|
|
1014
|
+
export const rhcDataBadgeButtonHoverBackgroundColor = "#a90061";
|
|
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";
|
|
1020
|
+
export const rhcDataSummaryFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1021
|
+
export const rhcDataSummaryItemValueFontWeight = 400;
|
|
1022
|
+
export const rhcDataSummaryItemValueRowPaddingBlockEnd = "0.75rem";
|
|
1023
|
+
export const rhcDataSummaryItemValueRowPaddingBlockStart = "0.75rem";
|
|
1024
|
+
export const rhcDataSummaryItemValueRowPaddingInlineEnd = "0rem";
|
|
1025
|
+
export const rhcDataSummaryItemValueRowPaddingInlineStart = "0px";
|
|
1026
|
+
export const rhcDataSummaryItemValuePaddingBlockEnd = "0.75rem";
|
|
1027
|
+
export const rhcDataSummaryItemValuePaddingBlockStart = "0rem";
|
|
1028
|
+
export const rhcDataSummaryItemValuePaddingInlineEnd = "0rem";
|
|
1029
|
+
export const rhcDataSummaryItemValuePaddingInlineStart = "0rem";
|
|
1030
|
+
export const rhcDataSummaryItemKeyFontWeight = 700;
|
|
1031
|
+
export const rhcDataSummaryItemKeyRowPaddingBlockEnd = "0.75rem";
|
|
1032
|
+
export const rhcDataSummaryItemKeyRowPaddingBlockStart = "0.75rem";
|
|
1033
|
+
export const rhcDataSummaryItemKeyRowPaddingInlineEnd = "1rem";
|
|
1034
|
+
export const rhcDataSummaryItemKeyRowPaddingInlineStart = "0rem";
|
|
1035
|
+
export const rhcDataSummaryItemKeyPaddingBlockEnd = "0.25rem";
|
|
1036
|
+
export const rhcDataSummaryItemKeyPaddingBlockStart = "0.75rem";
|
|
1037
|
+
export const rhcDataSummaryItemKeyPaddingInlineEnd = "0rem";
|
|
1038
|
+
export const rhcDataSummaryItemKeyPaddingInlineStart = "0rem";
|
|
1039
|
+
export const rhcDataSummaryItemBorderWidth = "1px";
|
|
1040
|
+
export const rhcDataSummaryItemBorderColor = "#CBD5E1";
|
|
1041
|
+
export const rhcDataSummaryItemBorderBlockEndStyle = "solid";
|
|
1042
|
+
export const rhcDataSummaryItemColor = "#0F172A";
|
|
1043
|
+
export const rhcDataSummaryFontSize = "1.25rem";
|
|
1044
|
+
export const rhcDataSummaryLineHeight = "150%";
|
|
1045
|
+
export const rhcDataSummaryItemActionRowPaddingBlockEnd = "0.75rem";
|
|
1046
|
+
export const rhcDataSummaryItemActionRowPaddingBlockStart = "0.75rem";
|
|
1047
|
+
export const rhcDataSummaryItemActionRowPaddingInlineEnd = "0rem";
|
|
1048
|
+
export const rhcDataSummaryItemActionRowPaddingInlineStart = "1rem";
|
|
1049
|
+
export const rhcDataSummaryItemActionPaddingBlockEnd = "0.75rem";
|
|
1050
|
+
export const rhcDataSummaryItemActionPaddingBlockStart = "0.75rem";
|
|
1051
|
+
export const rhcDataSummaryItemActionPaddingInlineEnd = "1rem";
|
|
1052
|
+
export const rhcDataSummaryItemActionPaddingInlineStart = "0rem";
|
|
1053
|
+
export const rhcColorPrimary50 = "#f2d9e7";
|
|
1054
|
+
export const rhcColorPrimary100 = "#e5b3d0";
|
|
1055
|
+
export const rhcColorPrimary200 = "#D88CB7";
|
|
1056
|
+
export const rhcColorPrimary300 = "#CB66A0";
|
|
1057
|
+
export const rhcColorPrimary400 = "#BE4088";
|
|
1058
|
+
export const rhcColorPrimary500 = "#a90061";
|
|
1059
|
+
export const rhcColorPrimaryHover = "#741344";
|
|
1060
|
+
export const rhcColorFocusOutline = "#000";
|
|
1061
|
+
export const rhcColorForegroundDefault = "#0F172A";
|
|
1062
|
+
export const rhcColorForegroundSubdued = "#334155";
|
|
1063
|
+
export const rhcColorForegroundLink = "#01689b";
|
|
1064
|
+
export const rhcColorForegroundOnDarkColor = "#fff";
|
|
1065
|
+
export const rhcColorForegroundOnLightColor = "#000";
|
|
1066
|
+
export const rhcColorBorderDefault = "#64748B";
|
|
1067
|
+
export const rhcColorBorderSubdued = "#94A3B8";
|
|
1068
|
+
export const rhcColorBorderStrong = "#0F172A";
|
|
1069
|
+
export const rhcColorCanvas = "#fff";
|
|
1070
|
+
export const rhcColorFeedbackSuccessDefault = "#39870c";
|
|
1071
|
+
export const rhcColorFeedbackSuccessSubdued = "#e1eddb";
|
|
1072
|
+
export const rhcColorFeedbackInfoDefault = "#007bc7";
|
|
1073
|
+
export const rhcColorFeedbackInfoSubdued = "#d9ebf7";
|
|
1074
|
+
export const rhcColorFeedbackErrorDefault = "#d52b1e";
|
|
1075
|
+
export const rhcColorFeedbackErrorSubdued = "#f9dfdd";
|
|
1076
|
+
export const rhcColorFeedbackWarningDefault = "#ffb612";
|
|
1077
|
+
export const rhcColorFeedbackWarningSubdued = "#fff4db";
|
|
1078
|
+
export const rhcColorAccent500 = "#8fcae7";
|
|
1079
|
+
export const rhcColorAccent2500 = "#f092cd";
|
|
1080
|
+
export const rhcColorCoolGrey50 = "#F8FAFC";
|
|
1081
|
+
export const rhcColorCoolGrey100 = "#F1F5F9";
|
|
1082
|
+
export const rhcColorCoolGrey200 = "#E2E8F0";
|
|
1083
|
+
export const rhcColorCoolGrey300 = "#CBD5E1";
|
|
1084
|
+
export const rhcColorCoolGrey400 = "#94A3B8";
|
|
1085
|
+
export const rhcColorCoolGrey500 = "#64748B";
|
|
1086
|
+
export const rhcColorCoolGrey600 = "#475569";
|
|
1087
|
+
export const rhcColorCoolGrey700 = "#334155";
|
|
1088
|
+
export const rhcColorCoolGrey800 = "#1E293B";
|
|
1089
|
+
export const rhcColorCoolGrey900 = "#0F172A";
|
|
1090
|
+
export const rhcColorLichtblauw50 = "#eef7fb";
|
|
1091
|
+
export const rhcColorLichtblauw100 = "#ddeff8";
|
|
1092
|
+
export const rhcColorLichtblauw200 = "#CCE7F4";
|
|
1093
|
+
export const rhcColorLichtblauw300 = "#BCDFF0";
|
|
1094
|
+
export const rhcColorLichtblauw400 = "#ABD7ED";
|
|
1095
|
+
export const rhcColorLichtblauw500 = "#8fcae7";
|
|
1096
|
+
export const rhcColorViolet50 = "#f2d9e7";
|
|
1097
|
+
export const rhcColorViolet100 = "#e5b3d0";
|
|
1098
|
+
export const rhcColorViolet200 = "#D88CB7";
|
|
1099
|
+
export const rhcColorViolet300 = "#CB66A0";
|
|
1100
|
+
export const rhcColorViolet400 = "#BE4088";
|
|
1101
|
+
export const rhcColorViolet500 = "#a90061";
|
|
1102
|
+
export const rhcColorPaars50 = "#e3dce7";
|
|
1103
|
+
export const rhcColorPaars100 = "#c6b9cf";
|
|
1104
|
+
export const rhcColorPaars200 = "#A995B7";
|
|
1105
|
+
export const rhcColorPaars300 = "#8D729F";
|
|
1106
|
+
export const rhcColorPaars400 = "#714f87";
|
|
1107
|
+
export const rhcColorPaars500 = "#42145f";
|
|
1108
|
+
export const rhcColorHemelblauw50 = "#d9ebf7";
|
|
1109
|
+
export const rhcColorHemelblauw100 = "#b3d7ee";
|
|
1110
|
+
export const rhcColorHemelblauw200 = "#8CC3E6";
|
|
1111
|
+
export const rhcColorHemelblauw300 = "#66AFDD";
|
|
1112
|
+
export const rhcColorHemelblauw400 = "#409CD5";
|
|
1113
|
+
export const rhcColorHemelblauw500 = "#007bc7";
|
|
1114
|
+
export const rhcColorDonkerblauw50 = "#d9e8f0";
|
|
1115
|
+
export const rhcColorDonkerblauw100 = "#b3d2e1";
|
|
1116
|
+
export const rhcColorDonkerblauw200 = "#8CBBD2";
|
|
1117
|
+
export const rhcColorDonkerblauw300 = "#66A4C3";
|
|
1118
|
+
export const rhcColorDonkerblauw400 = "#408EB4";
|
|
1119
|
+
export const rhcColorDonkerblauw500 = "#01689b";
|
|
1120
|
+
export const rhcColorMintgroen50 = "#eaf8f4";
|
|
1121
|
+
export const rhcColorMintgroen100 = "#d6f2e9";
|
|
1122
|
+
export const rhcColorMintgroen200 = "#C1EBDE";
|
|
1123
|
+
export const rhcColorMintgroen300 = "#ACE4D3";
|
|
1124
|
+
export const rhcColorMintgroen400 = "#98DDC8";
|
|
1125
|
+
export const rhcColorMintgroen500 = "#76d2b6";
|
|
1126
|
+
export const rhcColorMosgroen50 = "#ebebd9";
|
|
1127
|
+
export const rhcColorMosgroen100 = "#d6d7b3";
|
|
1128
|
+
export const rhcColorMosgroen200 = "#C1C38C";
|
|
1129
|
+
export const rhcColorMosgroen300 = "#ADAF66";
|
|
1130
|
+
export const rhcColorMosgroen400 = "#999C40";
|
|
1131
|
+
export const rhcColorMosgroen500 = "#777b00";
|
|
1132
|
+
export const rhcColorGroen50 = "#e1eddb";
|
|
1133
|
+
export const rhcColorGroen100 = "#c4dbb6";
|
|
1134
|
+
export const rhcColorGroen200 = "#A5C991";
|
|
1135
|
+
export const rhcColorGroen300 = "#88B76D";
|
|
1136
|
+
export const rhcColorGroen400 = "#6AA549";
|
|
1137
|
+
export const rhcColorGroen500 = "#39870c";
|
|
1138
|
+
export const rhcColorDonkergroen50 = "#dfe6e1";
|
|
1139
|
+
export const rhcColorDonkergroen100 = "#becdc3";
|
|
1140
|
+
export const rhcColorDonkergroen200 = "#9DB4A4";
|
|
1141
|
+
export const rhcColorDonkergroen300 = "#7D9B87";
|
|
1142
|
+
export const rhcColorDonkergroen400 = "#5D8269";
|
|
1143
|
+
export const rhcColorDonkergroen500 = "#275937";
|
|
1144
|
+
export const rhcColorBruin50 = "#efeada";
|
|
1145
|
+
export const rhcColorBruin100 = "#dfd4b6";
|
|
1146
|
+
export const rhcColorBruin200 = "#CFBF90";
|
|
1147
|
+
export const rhcColorBruin300 = "#BFA96C";
|
|
1148
|
+
export const rhcColorBruin400 = "#AF9447";
|
|
1149
|
+
export const rhcColorBruin500 = "#94710a";
|
|
1150
|
+
export const rhcColorDonkerbruin50 = "#e8e0df";
|
|
1151
|
+
export const rhcColorDonkerbruin100 = "#d1c2be";
|
|
1152
|
+
export const rhcColorDonkerbruin200 = "#BAA39D";
|
|
1153
|
+
export const rhcColorDonkerbruin300 = "#A3847D";
|
|
1154
|
+
export const rhcColorDonkerbruin400 = "#8D665D";
|
|
1155
|
+
export const rhcColorDonkerbruin500 = "#673327";
|
|
1156
|
+
export const rhcColorGeel50 = "#fefbdd";
|
|
1157
|
+
export const rhcColorGeel100 = "#fdf6bc";
|
|
1158
|
+
export const rhcColorGeel200 = "#FCF199";
|
|
1159
|
+
export const rhcColorGeel300 = "#FBED78";
|
|
1160
|
+
export const rhcColorGeel400 = "#FAE856";
|
|
1161
|
+
export const rhcColorGeel500 = "#f9e11e";
|
|
1162
|
+
export const rhcColorDonkergeel50 = "#fff4db";
|
|
1163
|
+
export const rhcColorDonkergeel100 = "#ffe9b8";
|
|
1164
|
+
export const rhcColorDonkergeel200 = "#FDDE94";
|
|
1165
|
+
export const rhcColorDonkergeel300 = "#FDD370";
|
|
1166
|
+
export const rhcColorDonkergeel400 = "#FDC84D";
|
|
1167
|
+
export const rhcColorDonkergeel500 = "#ffb612";
|
|
1168
|
+
export const rhcColorOranje50 = "#fbead9";
|
|
1169
|
+
export const rhcColorOranje100 = "#f6d4b3";
|
|
1170
|
+
export const rhcColorOranje200 = "#F1BE8C";
|
|
1171
|
+
export const rhcColorOranje300 = "#EDA966";
|
|
1172
|
+
export const rhcColorOranje400 = "#E89440";
|
|
1173
|
+
export const rhcColorOranje500 = "#e17000";
|
|
1174
|
+
export const rhcColorRood50 = "#f9dfdd";
|
|
1175
|
+
export const rhcColorRood100 = "#f2bfbc";
|
|
1176
|
+
export const rhcColorRood200 = "#EC9F99";
|
|
1177
|
+
export const rhcColorRood300 = "#E67F78";
|
|
1178
|
+
export const rhcColorRood400 = "#DF6056";
|
|
1179
|
+
export const rhcColorRood500 = "#d52b1e";
|
|
1180
|
+
export const rhcColorRoze50 = "#fdeff8";
|
|
1181
|
+
export const rhcColorRoze100 = "#fbdef0";
|
|
1182
|
+
export const rhcColorRoze200 = "#F8CEE8";
|
|
1183
|
+
export const rhcColorRoze300 = "#F6BDE1";
|
|
1184
|
+
export const rhcColorRoze400 = "#F4ADD9";
|
|
1185
|
+
export const rhcColorRoze500 = "#f092cd";
|
|
1186
|
+
export const rhcColorRobijnrood50 = "#f7d9e7";
|
|
1187
|
+
export const rhcColorRobijnrood100 = "#efb3ce";
|
|
1188
|
+
export const rhcColorRobijnrood200 = "#E78CB6";
|
|
1189
|
+
export const rhcColorRobijnrood300 = "#DF669D";
|
|
1190
|
+
export const rhcColorRobijnrood400 = "#D74085";
|
|
1191
|
+
export const rhcColorRobijnrood500 = "#ca005d";
|
|
1192
|
+
export const rhcColorLintblauw50 = "#dce3ea";
|
|
1193
|
+
export const rhcColorLintblauw100 = "#b8c6d5";
|
|
1194
|
+
export const rhcColorLintblauw200 = "#95a9c0";
|
|
1195
|
+
export const rhcColorLintblauw300 = "#738eab";
|
|
1196
|
+
export const rhcColorLintblauw400 = "#4f7196";
|
|
1197
|
+
export const rhcColorLintblauw500 = "#154273";
|
|
1198
|
+
export const rhcColorWit = "#fff";
|
|
1199
|
+
export const rhcColorZwart = "#000";
|
|
1200
|
+
export const rhcColorNone = "transparent";
|
|
1201
|
+
export const rhcBorderRadiusSm = 0;
|
|
1202
|
+
export const rhcBorderRadiusMd = 0;
|
|
1203
|
+
export const rhcBorderRadiusKeep = 0;
|
|
1204
|
+
export const rhcBorderRadiusCircle = "999px";
|
|
1205
|
+
export const rhcBorderRadiusNone = "0px";
|
|
1206
|
+
export const rhcSubNavBarBackgroundColor = "#f2f4f6";
|
|
1207
|
+
export const rhcSubNavBarColumnGap = "0.5rem";
|
|
1208
|
+
export const rhcSubNavBarColumnWidth = "375px";
|
|
1209
|
+
export const rhcSubNavBarPaddingBlockEnd = "2rem";
|
|
1210
|
+
export const rhcSubNavBarPaddingBlockStart = "2rem";
|
|
1211
|
+
export const rhcSubNavBarInlineSize = "100%";
|
|
1212
|
+
export const rhcSubNavBarContentPaddingInlineEnd = "1rem";
|
|
1213
|
+
export const rhcSubNavBarContentPaddingInlineStart = "1rem";
|
|
1214
|
+
export const rhcSubNavBarContentMaxInlineSize = "1280px";
|
|
1215
|
+
export const rhcSubNavBarContentListRowGap = "0.5rem";
|
|
1216
|
+
export const rhcToggletipColor = "#fff";
|
|
1217
|
+
export const rhcToggletipBackgroundColor = "#007bc7";
|
|
1218
|
+
export const rhcToggletipBorderColor = "transparent";
|
|
1219
|
+
export const rhcToggletipBorderRadius = 0;
|
|
1220
|
+
export const rhcToggletipBorderWidth = "1px";
|
|
1221
|
+
export const rhcToggletipIconSize = "24px";
|
|
1222
|
+
export const rhcToggletipSize = "24px";
|
|
1223
|
+
export const rhcToggletipActiveColor = "#007bc7";
|
|
1224
|
+
export const rhcToggletipActiveBackgroundColor = "#fff";
|
|
1225
|
+
export const rhcToggletipActiveBorderColor = "#007bc7";
|
|
1226
|
+
export const rhcToggletipHoverColor = "#0F172A";
|
|
1227
|
+
export const rhcToggletipHoverBackgroundColor = "#66AFDD";
|
|
1228
|
+
export const rhcToggletipFocusColor = "#fff";
|
|
1229
|
+
export const rhcToggletipFocusBackgroundColor = "#007bc7";
|
|
1230
|
+
export const rhcSidenavDisplay = "flex";
|
|
1231
|
+
export const rhcSidenavLinkLineHeight = "150%";
|
|
1232
|
+
export const rhcSidenavLinkIconSize = "24px";
|
|
1233
|
+
export const rhcSidenavLinkIconMarginInline = "0.5rem";
|
|
1234
|
+
export const rhcSidenavLinkFontSize = "1.25rem";
|
|
1235
|
+
export const rhcSidenavLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1236
|
+
export const rhcSidenavLinkFontWeight = 400;
|
|
1237
|
+
export const rhcSidenavLinkCurrentFontWeight = 700;
|
|
1238
|
+
export const rhcSidenavLinkCurrentColor = "#0F172A";
|
|
1239
|
+
export const rhcSidenavLinkColor = "#01689b";
|
|
1240
|
+
export const rhcSidenavLinkActiveColor = "#42145f";
|
|
1241
|
+
export const rhcSidenavLinkActiveTextDecoration = "underline";
|
|
1242
|
+
export const rhcSidenavLinkFocusBorderRadius = 0;
|
|
1243
|
+
export const rhcSidenavLinkFocusBorderWidth = "2px";
|
|
1244
|
+
export const rhcSidenavLinkFocusBorderStyle = "solid";
|
|
1245
|
+
export const rhcSidenavLinkFocusBorderColor = "#a90061";
|
|
1246
|
+
export const rhcSidenavLinkFocusBackgroundColor = "none";
|
|
1247
|
+
export const rhcSidenavLinkFocusColor = "#01689b";
|
|
1248
|
+
export const rhcSidenavLinkFocusTextDecoration = "None";
|
|
1249
|
+
export const rhcSidenavLinkHoverColor = "#15496a";
|
|
1250
|
+
export const rhcSidenavLinkHoverTextDecoration = "underline";
|
|
1251
|
+
export const rhcSidenavLinkPaddingBlockStart = "0.75rem";
|
|
1252
|
+
export const rhcSidenavLinkPaddingBlockEnd = "0.75rem";
|
|
1253
|
+
export const rhcSidenavLinkTextDecoration = "None";
|
|
1254
|
+
export const rhcSidenavLinkColumnGap = "0.5rem";
|
|
1255
|
+
export const rhcRadioGroupPaddingBlockEnd = "0.5rem";
|
|
1256
|
+
export const rhcRadioGroupPaddingBlockStart = "0.5rem";
|
|
1257
|
+
export const rhcRadioGroupRowGap = "1rem";
|
|
1258
|
+
export const rhcNavigationListIconBackgroundColor = "#0F172A";
|
|
1259
|
+
export const rhcNavigationListIconBorderRadius = "999px";
|
|
1260
|
+
export const rhcNavigationListIconColor = "#fff";
|
|
1261
|
+
export const rhcNavigationListItemIconPaddingInline = "0.5rem";
|
|
1262
|
+
export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
|
|
1263
|
+
export const rhcNavigationListItemIconSize = "24px";
|
|
1264
|
+
export const rhcNavigationListItemContentFontSize = "1.25rem";
|
|
1265
|
+
export const rhcNavigationListItemContentColumnGap = "0.5rem";
|
|
1266
|
+
export const rhcNavigationListItemContentRowGap = "0.25rem";
|
|
1267
|
+
export const rhcNavigationListItemLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1268
|
+
export const rhcNavigationListItemLabelFontSize = "1.875rem";
|
|
1269
|
+
export const rhcNavigationListItemLabelFontWeight = 700;
|
|
1270
|
+
export const rhcNavigationListItemLabelLineHeight = "150%";
|
|
1271
|
+
export const rhcNavigationListItemActiveBackgroundColor = "#F1F5F9";
|
|
1272
|
+
export const rhcNavigationListItemHoverBackgroundColor = "#F8FAFC";
|
|
1273
|
+
export const rhcNavigationListItemFocusBackgroundColor = "#f2d9e7";
|
|
1274
|
+
export const rhcNavigationListItemBackgroundColor = "#fff";
|
|
1275
|
+
export const rhcNavigationListItemColor = "#334155";
|
|
1276
|
+
export const rhcNavigationListItemBorderWidth = "1px";
|
|
1277
|
+
export const rhcNavigationListItemBorderColor = "#CBD5E1";
|
|
1278
|
+
export const rhcNavigationListItemHeadingColor = "#0F172A";
|
|
1279
|
+
export const rhcNavigationListItemColumnGap = "1rem";
|
|
1280
|
+
export const rhcNavigationListItemMinHeight = "48px";
|
|
1281
|
+
export const rhcNavigationListItemPaddingBlock = "0.75rem";
|
|
1282
|
+
export const rhcNavigationListItemPaddingInline = "1rem";
|
|
1283
|
+
export const rhcNavBarBorderBlockEndWidth = "1px";
|
|
1284
|
+
export const rhcNavBarMaxInlineSize = "1280px";
|
|
1285
|
+
export const rhcNavBarPaddingInline = "1rem";
|
|
1286
|
+
export const rhcNavBarContainerInlineSize = "100%";
|
|
1287
|
+
export const rhcNavBarContentColumnGap = "1rem";
|
|
1288
|
+
export const rhcNavBarIconColor = "#0F172A";
|
|
1289
|
+
export const rhcNavBarIconActiveColor = "#fff";
|
|
1290
|
+
export const rhcNavBarIconSize = "24px";
|
|
1291
|
+
export const rhcNavBarLinkActiveBackgroundColor = "#a90061";
|
|
1292
|
+
export const rhcNavBarLinkActiveColor = "#fff";
|
|
1293
|
+
export const rhcNavBarLinkBackgroundColor = "#fff";
|
|
1294
|
+
export const rhcNavBarLinkColor = "#a90061";
|
|
1295
|
+
export const rhcNavBarLinkFocusBackgroundColor = "#f2d9e7";
|
|
1296
|
+
export const rhcNavBarLinkFocusColor = "#a90061";
|
|
1297
|
+
export const rhcNavBarLinkHoverBackgroundColor = "#F8FAFC";
|
|
1298
|
+
export const rhcNavBarLinkHoverColor = "#a90061";
|
|
1299
|
+
export const rhcNavBarLinkPaddingBlockEnd = "1rem";
|
|
1300
|
+
export const rhcNavBarLinkPaddingBlockStart = "1rem";
|
|
1301
|
+
export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
|
|
1302
|
+
export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
|
|
1303
|
+
export const rhcNavBarLinkColumnGap = "0.5rem";
|
|
1304
|
+
export const rhcNavBarHeadingFontWeight = 700;
|
|
1305
|
+
export const rhcNavBarBackgroundColor = "#fff";
|
|
1306
|
+
export const rhcNavBarColor = "#a90061";
|
|
1307
|
+
export const rhcNavBarBorderColor = "#BE4088";
|
|
1308
|
+
export const rhcMessageListItemBackgroundColor = "#fff";
|
|
1309
|
+
export const rhcMessageListItemBorderColor = "#CBD5E1";
|
|
1310
|
+
export const rhcMessageListItemBorderWidth = "1px";
|
|
1311
|
+
export const rhcMessageListItemColor = "#334155";
|
|
1312
|
+
export const rhcMessageListItemColumnGap = "1rem";
|
|
1313
|
+
export const rhcMessageListItemIconSize = "24px";
|
|
1314
|
+
export const rhcMessageListItemIconColor = "#0F172A";
|
|
1315
|
+
export const rhcMessageListItemMinHeight = "48px";
|
|
1316
|
+
export const rhcMessageListItemPaddingBlock = "0.75rem";
|
|
1317
|
+
export const rhcMessageListItemPaddingInline = "1rem";
|
|
1318
|
+
export const rhcMessageListItemContentFontSize = "1.25rem";
|
|
1319
|
+
export const rhcMessageListItemContentColumnGap = "0.5rem";
|
|
1320
|
+
export const rhcMessageListItemContentRowGap = "0.5rem";
|
|
1321
|
+
export const rhcMessageListItemLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1322
|
+
export const rhcMessageListItemLabelFontSize = "1.25rem";
|
|
1323
|
+
export const rhcMessageListItemLabelFontWeight = 700;
|
|
1324
|
+
export const rhcMessageListItemLabelLineHeight = "150%";
|
|
1325
|
+
export const rhcMessageListItemHeadingColor = "#0F172A";
|
|
1326
|
+
export const rhcLogoImageBackgroundColor = "#fff";
|
|
1327
|
+
export const rhcLogoImageInlineSize = "48px";
|
|
1328
|
+
export const rhcLogoImageBlockSize = "96px";
|
|
1329
|
+
export const rhcLogoImageColor = "#154273";
|
|
1330
|
+
export const rhcLogoTitleFontWeight = 600;
|
|
1331
|
+
export const rhcLogoTitleLineHeight = "1.063rem";
|
|
1332
|
+
export const rhcLogoTitleFontSize = "0.913rem";
|
|
1333
|
+
export const rhcLogoTitlePaddingBlockStart = "3.125rem";
|
|
1334
|
+
export const rhcLogoSubtitleFontWeight = 400;
|
|
1335
|
+
export const rhcLogoSubtitleLineHeight = "1rem";
|
|
1336
|
+
export const rhcLogoSubtitleFontSize = "0.775rem";
|
|
1337
|
+
export const rhcLogoColumnGap = "12px";
|
|
1338
|
+
export const rhcLogoFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1339
|
+
export const rhcLogoColor = "#154273";
|
|
1340
|
+
export const rhcLinkListCardBackgroundColor = "#fff";
|
|
1341
|
+
export const rhcLinkListCardPaddingBlockStart = "1.5rem";
|
|
1342
|
+
export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
|
|
1343
|
+
export const rhcLinkListCardRowGap = "1rem";
|
|
1344
|
+
export const rhcLinkListCardPaddingInlineStart = "1.5rem";
|
|
1345
|
+
export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
|
|
1346
|
+
export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
|
|
1347
|
+
export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
|
|
1348
|
+
export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
|
|
1349
|
+
export const rhcIconOnlyButtonPaddingInlineStart = "0.75rem";
|
|
1350
|
+
export const rhcHeroHeadingFontWeight = 700;
|
|
1351
|
+
export const rhcHeroHeadingLineHeight = "125%";
|
|
1352
|
+
export const rhcHeroHeadingFontSize = "1.875rem";
|
|
1353
|
+
export const rhcHeroHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1354
|
+
export const rhcHeroSubHeadingFontWeight = 400;
|
|
1355
|
+
export const rhcHeroSubHeadingLineHeight = "150%";
|
|
1356
|
+
export const rhcHeroSubHeadingFontSize = "1.25rem";
|
|
1357
|
+
export const rhcHeroSubHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1358
|
+
export const rhcHeroMessageBackgroundColor = "#a90061";
|
|
1359
|
+
export const rhcHeroMessageColor = "#fff";
|
|
1360
|
+
export const rhcHeroMessageRowGap = "0.125rem";
|
|
1361
|
+
export const rhcHeroMessagePaddingBlockEnd = "1rem";
|
|
1362
|
+
export const rhcHeroMessagePaddingInlineEnd = "1rem";
|
|
1363
|
+
export const rhcHeroMessagePaddingInlineStart = "1rem";
|
|
1364
|
+
export const rhcHeroMessagePaddingBlockStart = "1rem";
|
|
1365
|
+
export const rhcHeroMessageBorderRadius = "20px";
|
|
1366
|
+
export const rhcHeroMessageInlineSize = "90%";
|
|
1367
|
+
export const rhcHeroBorderRadius = "40px";
|
|
1368
|
+
export const rhcHeroInlineSize = "100%";
|
|
1369
|
+
export const rhcFormFieldRadioOptionColumnGap = "0.5rem";
|
|
1370
|
+
export const rhcFormFieldRadioOptionFontWeight = 400;
|
|
1371
|
+
export const rhcFormFieldRadioOptionRowGap = "0.5rem";
|
|
1372
|
+
export const rhcFormFieldRadioOptionLabelMarginBlockEnd = "0rem";
|
|
1373
|
+
export const rhcFormFieldRadioOptionInputMarginBlockStart = "0.25rem";
|
|
1374
|
+
export const rhcFormFieldCheckboxOptionColumnGap = "0.5rem";
|
|
1375
|
+
export const rhcFormFieldCheckboxOptionMarginBlockEnd = "0rem";
|
|
1376
|
+
export const rhcPageFooterColumnGap = "1.5rem";
|
|
1377
|
+
export const rhcPageFooterColumnWidth = "200px";
|
|
1378
|
+
export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
|
|
1379
|
+
export const rhcPageFooterContentMaxInlineSize = "1280px";
|
|
1380
|
+
export const rhcPageFooterContentPaddingInlineStart = "1rem";
|
|
1381
|
+
export const rhcPageFooterContentPaddingInlineEnd = "1rem";
|
|
1382
|
+
export const rhcPageFooterContentColumnGap = "2rem";
|
|
1383
|
+
export const rhcPageFooterBorderBlockStartWidth = "2px";
|
|
1384
|
+
export const rhcPageFooterBorderBlockStartColor = "#CB66A0";
|
|
1385
|
+
export const rhcPageFooterBorderBlockStartStyle = "solid";
|
|
1386
|
+
export const rhcPageFooterOutlinedBackgroundColor = "#fff";
|
|
1387
|
+
export const rhcPageFooterOutlinedColor = "#a90061";
|
|
1388
|
+
export const rhcPageFooterOutlinedBorderColor = "#a90061";
|
|
1389
|
+
export const rhcPageFooterPaddingBlockStart = "2.5rem";
|
|
1390
|
+
export const rhcPageFooterPaddingBlockEnd = "2.5rem";
|
|
1391
|
+
export const rhcPageFooterPaddingInlineStart = "2.5rem";
|
|
1392
|
+
export const rhcPageFooterPaddingInlineEnd = "2.5rem";
|
|
1393
|
+
export const rhcPageFooterFlexDirection = "column";
|
|
1394
|
+
export const rhcFileInputColumnGap = "0.75rem";
|
|
1395
|
+
export const rhcFileInputRowGap = "0.75rem";
|
|
1396
|
+
export const rhcFileInputFeedbackColor = "#475569";
|
|
1397
|
+
export const rhcFileInputFeedbackFontSize = "1rem";
|
|
1398
|
+
export const rhcFileBorderStyle = "solid";
|
|
1399
|
+
export const rhcFileBorderColor = "#a90061";
|
|
1400
|
+
export const rhcFileBorderWidth = "1px";
|
|
1401
|
+
export const rhcFileBorderRadius = 0;
|
|
1402
|
+
export const rhcFilePaddingInlineStart = "1rem";
|
|
1403
|
+
export const rhcFilePaddingInlineEnd = "1rem";
|
|
1404
|
+
export const rhcFilePaddingBlockStart = "0.75rem";
|
|
1405
|
+
export const rhcFilePaddingBlockEnd = "0.75rem";
|
|
1406
|
+
export const rhcFileColumnGap = "0.25rem";
|
|
1407
|
+
export const rhcFileErrorBorderColor = "#d52b1e";
|
|
1408
|
+
export const rhcFileSubtitleColor = "#64748B";
|
|
1409
|
+
export const rhcDotBadgeBorderRadius = "999px";
|
|
1410
|
+
export const rhcDotBadgeColor = "#d52b1e";
|
|
1411
|
+
export const rhcDotBadgeSize = "12px";
|
|
1412
|
+
export const rhcCodeInputSize = "48px";
|
|
1413
|
+
export const rhcCodeInputGroupColumnGap = "0.5rem";
|
|
1414
|
+
export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
|
|
1415
|
+
export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
|
|
1416
|
+
export const rhcCheckboxGroupRowGap = "1rem";
|
|
1417
|
+
export const rhcCardAsLinkBackgroundColor = "#fff";
|
|
1418
|
+
export const rhcCardAsLinkBorderColor = "#CBD5E1";
|
|
1419
|
+
export const rhcCardAsLinkBorderRadius = 0;
|
|
1420
|
+
export const rhcCardAsLinkBorderWidth = "1px";
|
|
1421
|
+
export const rhcCardAsLinkColor = "#0F172A";
|
|
1422
|
+
export const rhcCardAsLinkColumnGap = "1rem";
|
|
1423
|
+
export const rhcCardAsLinkInlineSize = "328px";
|
|
1424
|
+
export const rhcCardAsLinkIconColor = "#a90061";
|
|
1425
|
+
export const rhcCardAsLinkIconSize = "24px";
|
|
1426
|
+
export const rhcCardAsLinkLinkColor = "#01689b";
|
|
1427
|
+
export const rhcCardAsLinkLinkTextDecoration = "underline";
|
|
1428
|
+
export const rhcCardAsLinkLinkActiveTextDecoration = "none";
|
|
1429
|
+
export const rhcCardAsLinkLinkHoverTextDecoration = "none";
|
|
1430
|
+
export const rhcCardAsLinkLinkFocusTextDecoration = "none";
|
|
1431
|
+
export const rhcCardAsLinkMetadataColor = "#334155";
|
|
1432
|
+
export const rhcCardAsLinkPaddingBlockEnd = "1rem";
|
|
1433
|
+
export const rhcCardAsLinkPaddingBlockStart = "1rem";
|
|
1434
|
+
export const rhcCardAsLinkPaddingInlineEnd = "1rem";
|
|
1435
|
+
export const rhcCardAsLinkPaddingInlineStart = "1rem";
|
|
1436
|
+
export const rhcCardAsLinkRowGap = "0.75rem";
|
|
1437
|
+
export const rhcCardAsLinkActiveBackgroundColor = "#F1F5F9";
|
|
1438
|
+
export const rhcCardAsLinkActiveTextDecoration = "underline";
|
|
1439
|
+
export const rhcCardAsLinkHoverBackgroundColor = "#F8FAFC";
|
|
1440
|
+
export const rhcCardAsLinkHoverTextDecoration = "underline";
|
|
1441
|
+
export const rhcCardAsLinkFocusBackgroundColor = "#f2d9e7";
|
|
1442
|
+
export const rhcCardAsLinkFocusTextDecoration = "underline";
|
|
1443
|
+
export const rhcCardAsLinkFullBleedBackgroundColor = "#000";
|
|
1444
|
+
export const rhcCardAsLinkFullBleedBorderColor = "transparent";
|
|
1445
|
+
export const rhcCardAsLinkFullBleedColor = "#fff";
|
|
1446
|
+
export const rhcCardAsLinkFullBleedOpacity = 0.5;
|
|
1447
|
+
export const rhcCardAsLinkHeadingColor = "#a90061";
|
|
1448
|
+
export const rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
|
|
1449
|
+
export const rhcCardAsLinkHeadingFontSize = "1.5rem";
|
|
1450
|
+
export const rhcCardAsLinkHeadingFontWeight = 700;
|
|
1451
|
+
export const rhcCardAsLinkHorizontalBackgroundColor = "#a90061";
|
|
1452
|
+
export const rhcCardAsLinkHorizontalBorderColor = "transparent";
|
|
1453
|
+
export const rhcCardAsLinkHorizontalColor = "#fff";
|
|
1454
|
+
export const rhcCardAsLinkHorizontalMaxBlockSize = "96px";
|
|
1455
|
+
export const rhcCardAsLinkHorizontalPaddingBlockEnd = 0;
|
|
1456
|
+
export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
|
|
1457
|
+
export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
|
|
1458
|
+
export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
|
|
1459
|
+
export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
|
|
1460
|
+
export const rhcFocusOutlineOffset = "0.125rem";
|
|
1461
|
+
export const rhcFocusOutlineStyle = "solid";
|
|
1462
|
+
export const rhcFocusOutlineWidth = "2px";
|
|
1463
|
+
export const rhcFontSizeHeadingLevel1 = "3.125rem";
|
|
1464
|
+
export const rhcFontSizeHeadingLevel2 = "2.5rem";
|
|
1465
|
+
export const rhcFontSizeHeadingLevel3 = "1.875rem";
|
|
1466
|
+
export const rhcFontSizeHeadingLevel4 = "1.5rem";
|
|
1467
|
+
export const rhcFontSizeHeadingLevel5 = "1.25rem";
|
|
1468
|
+
export const rhcFontSizeBodyIntro = "1.5rem";
|
|
1469
|
+
export const rhcFontSizeBodyDefault = "1.25rem";
|
|
1470
|
+
export const rhcFontSizeXsDesktop = "1.25rem";
|
|
1471
|
+
export const rhcFontSizeXsTablet = "1.125rem";
|
|
1472
|
+
export const rhcFontSizeXsMobile = "1rem";
|
|
1473
|
+
export const rhcFontSizeSmDesktop = "1.5rem";
|
|
1474
|
+
export const rhcFontSizeSmTablet = "1.35rem";
|
|
1475
|
+
export const rhcFontSizeSmMobile = "1.2rem";
|
|
1476
|
+
export const rhcFontSizeMdDesktop = "1.875rem";
|
|
1477
|
+
export const rhcFontSizeMdTablet = "1.688rem";
|
|
1478
|
+
export const rhcFontSizeMdMobile = "1.5rem";
|
|
1479
|
+
export const rhcFontSizeLgDesktop = "2.5rem";
|
|
1480
|
+
export const rhcFontSizeLgTablet = "2.25rem";
|
|
1481
|
+
export const rhcFontSizeLgMobile = "2rem";
|
|
1482
|
+
export const rhcFontSizeXlDesktop = "3.125rem";
|
|
1483
|
+
export const rhcFontSizeXlTablet = "2.813rem";
|
|
1484
|
+
export const rhcFontSizeXlMobile = "2.5rem";
|
|
1485
|
+
export const rhcFontWeightDefault = 400;
|
|
1486
|
+
export const rhcFontWeightStrong = 700;
|
|
1487
|
+
export const rhcFontWeightExtraBold = 800;
|
|
1488
|
+
export const rhcFontWeightBold = 700;
|
|
1489
|
+
export const rhcFontWeightSemiBold = 600;
|
|
1490
|
+
export const rhcFontWeightRegular = 400;
|
|
1491
|
+
export const rhcFontWeightLight = 300;
|
|
1492
|
+
export const rhcFontWeightThin = 200;
|
|
1493
|
+
export const rhcLineHeightBody = "150%";
|
|
1494
|
+
export const rhcLineHeightSm = "125%";
|
|
1495
|
+
export const rhcLineHeightMd = "150%";
|
|
1496
|
+
export const rhcSizeTarget = "48px";
|
|
1497
|
+
export const rhcSizeIconFunctional = "24px";
|
|
1498
|
+
export const rhcSizeQuarterLint = "12px";
|
|
1499
|
+
export const rhcSizeHalfLint = "24px";
|
|
1500
|
+
export const rhcSizeLint = "48px";
|
|
1501
|
+
export const rhcSize2Lint = "96px";
|
|
1502
|
+
export const rhcSize3Lint = "1440px";
|
|
1503
|
+
export const rhcFontFamilyPrimary = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1504
|
+
export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
|
|
1505
|
+
export const rhcBorderWidthDefault = "1px";
|
|
1506
|
+
export const rhcBorderWidthM = "2px";
|
|
1507
|
+
export const rhcBorderWidthNone = "0px";
|
|
1508
|
+
export const rhcSpace0 = "0rem";
|
|
1509
|
+
export const rhcSpace25 = "0.125rem";
|
|
1510
|
+
export const rhcSpace50 = "0.25rem";
|
|
1511
|
+
export const rhcSpace100 = "0.5rem";
|
|
1512
|
+
export const rhcSpace150 = "0.75rem";
|
|
1513
|
+
export const rhcSpace200 = "1rem";
|
|
1514
|
+
export const rhcSpace300 = "1.5rem";
|
|
1515
|
+
export const rhcSpace400 = "2rem";
|
|
1516
|
+
export const rhcSpace500 = "2.5rem";
|
|
1517
|
+
export const rhcSpace600 = "3rem";
|
|
1518
|
+
export const rhcSpace700 = "3.5rem";
|