@rijkshuisstijl-community/design-tokens 1.1.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +34 -0
- package/README.md +153 -12
- package/dist/_variables.scss +772 -743
- package/dist/index.css +772 -743
- package/dist/index.d.ts +545 -516
- package/dist/index.js +609 -580
- package/dist/index.json +608 -579
- package/dist/index.tokens.json +1664 -1613
- package/dist/root.css +772 -743
- package/dist/tokens.d.ts +1569 -1518
- package/dist/tokens.js +22875 -22078
- package/dist/uitvoerend-groen/_variables.scss +1337 -0
- package/dist/uitvoerend-groen/index.css +1340 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/index.d.ts +442 -418
- package/dist/uitvoerend-groen/index.js +1338 -0
- package/dist/uitvoerend-groen/index.json +1335 -0
- package/dist/uitvoerend-groen/index.tokens.json +2049 -0
- package/dist/uitvoerend-groen/root.css +1340 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.d.ts +646 -628
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.js +14276 -13624
- package/dist/uitvoerend-hemelblauw/_variables.scss +1337 -0
- package/dist/uitvoerend-hemelblauw/index.css +1340 -0
- package/dist/uitvoerend-hemelblauw/index.d.ts +1338 -0
- package/dist/uitvoerend-hemelblauw/index.js +1338 -0
- package/dist/uitvoerend-hemelblauw/index.json +1335 -0
- package/dist/uitvoerend-hemelblauw/index.tokens.json +2049 -0
- package/dist/uitvoerend-hemelblauw/root.css +1340 -0
- package/dist/uitvoerend-hemelblauw/tokens.d.ts +2072 -0
- package/dist/uitvoerend-hemelblauw/tokens.js +31258 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/_variables.scss +533 -509
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.css +534 -510
- package/dist/uitvoerend-mintgroen/index.d.ts +1338 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.js +507 -483
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.json +506 -482
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.tokens.json +734 -716
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/root.css +533 -509
- package/dist/uitvoerend-mintgroen/tokens.d.ts +2072 -0
- package/dist/uitvoerend-mintgroen/tokens.js +31258 -0
- package/dist/uitvoerend-oranje/_variables.scss +1337 -0
- package/dist/uitvoerend-oranje/index.css +1340 -0
- package/dist/uitvoerend-oranje/index.d.ts +1338 -0
- package/dist/uitvoerend-oranje/index.js +1338 -0
- package/dist/uitvoerend-oranje/index.json +1335 -0
- package/dist/uitvoerend-oranje/index.tokens.json +2049 -0
- package/dist/uitvoerend-oranje/root.css +1340 -0
- package/dist/uitvoerend-oranje/tokens.d.ts +2072 -0
- package/dist/uitvoerend-oranje/tokens.js +31258 -0
- package/dist/uitvoerend-paars/_variables.scss +1337 -0
- package/dist/uitvoerend-paars/index.css +1340 -0
- package/dist/uitvoerend-paars/index.d.ts +1338 -0
- package/dist/uitvoerend-paars/index.js +1338 -0
- package/dist/uitvoerend-paars/index.json +1335 -0
- package/dist/uitvoerend-paars/index.tokens.json +2049 -0
- package/dist/uitvoerend-paars/root.css +1340 -0
- package/dist/uitvoerend-paars/tokens.d.ts +2072 -0
- package/dist/uitvoerend-paars/tokens.js +31258 -0
- package/dist/uitvoerend-violet/_variables.scss +231 -202
- package/dist/uitvoerend-violet/index.css +231 -202
- package/dist/uitvoerend-violet/index.d.ts +102 -73
- package/dist/uitvoerend-violet/index.js +231 -202
- package/dist/uitvoerend-violet/index.json +230 -201
- package/dist/uitvoerend-violet/index.tokens.json +281 -230
- package/dist/uitvoerend-violet/root.css +231 -202
- package/dist/uitvoerend-violet/tokens.d.ts +151 -100
- package/dist/uitvoerend-violet/tokens.js +16369 -15572
- package/dist/uitvoerend-violet-oud/_variables.scss +231 -201
- package/dist/uitvoerend-violet-oud/index.css +231 -201
- package/dist/uitvoerend-violet-oud/index.d.ts +102 -72
- package/dist/uitvoerend-violet-oud/index.js +231 -201
- package/dist/uitvoerend-violet-oud/index.json +230 -200
- package/dist/uitvoerend-violet-oud/index.tokens.json +281 -229
- package/dist/uitvoerend-violet-oud/root.css +231 -201
- package/dist/uitvoerend-violet-oud/tokens.d.ts +151 -99
- package/dist/uitvoerend-violet-oud/tokens.js +12621 -11803
- package/dist/wetgevend/_variables.scss +171 -142
- package/dist/wetgevend/index.css +171 -142
- package/dist/wetgevend/index.d.ts +102 -73
- package/dist/wetgevend/index.js +171 -142
- package/dist/wetgevend/index.json +170 -141
- package/dist/wetgevend/index.tokens.json +221 -170
- package/dist/wetgevend/root.css +171 -142
- package/dist/wetgevend/tokens.d.ts +151 -100
- package/dist/wetgevend/tokens.js +12217 -11420
- package/figma/figma.tokens.json +2428 -556
- package/package.json +1 -1
- package/src/generated/base.tokens.json +4520 -4338
- package/src/generated/themes.json +28993 -3285
- package/src/generated/uitvoerend-groen/tokens.json +6252 -0
- package/src/generated/uitvoerend-hemelblauw/tokens.json +6252 -0
- package/src/generated/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.json +2374 -2240
- package/src/generated/uitvoerend-oranje/tokens.json +6252 -0
- package/src/generated/uitvoerend-paars/tokens.json +6252 -0
- package/src/generated/uitvoerend-violet/tokens.json +640 -458
- package/src/generated/uitvoerend-violet-oud/tokens.json +643 -457
- package/src/generated/wetgevend/tokens.json +602 -420
|
@@ -1,9 +1,63 @@
|
|
|
1
1
|
{
|
|
2
|
-
"
|
|
3
|
-
"
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
"
|
|
2
|
+
"utrechtColumnLayoutColumnRuleColor": "transparent",
|
|
3
|
+
"utrechtColumnLayoutColumnRuleWidth": "0px",
|
|
4
|
+
"utrechtColumnLayoutColumnWidth": "400px",
|
|
5
|
+
"utrechtColumnLayoutGap": "0.75rem",
|
|
6
|
+
"utrechtBlockquoteBackgroundColor": "transparent",
|
|
7
|
+
"utrechtBlockquoteBorderInlineStartWidth": 0,
|
|
8
|
+
"utrechtBlockquoteBorderColor": "transparent",
|
|
9
|
+
"utrechtBlockquoteBorderRadius": 0,
|
|
10
|
+
"utrechtBlockquoteBorderWidth": 0,
|
|
11
|
+
"utrechtBlockquoteColor": "#154273",
|
|
12
|
+
"utrechtBlockquoteFontSize": "1.25rem",
|
|
13
|
+
"utrechtBlockquoteFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
14
|
+
"utrechtBlockquotePaddingBlockEnd": "2rem",
|
|
15
|
+
"utrechtBlockquotePaddingBlockStart": "2rem",
|
|
16
|
+
"utrechtBlockquotePaddingInlineEnd": "2rem",
|
|
17
|
+
"utrechtBlockquotePaddingInlineStart": "2rem",
|
|
18
|
+
"utrechtBlockquoteRowGap": "0.75rem",
|
|
19
|
+
"utrechtBlockquoteAttributionColor": "#154273",
|
|
20
|
+
"utrechtBlockquoteAttributionFontSize": "1.25rem",
|
|
21
|
+
"utrechtBlockquoteContentColor": "#154273",
|
|
22
|
+
"utrechtBlockquoteContentFontSize": "1.25rem",
|
|
23
|
+
"utrechtBlockquoteContentFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
24
|
+
"utrechtBlockquoteContentLineHeight": "150%",
|
|
25
|
+
"utrechtBlockquoteContentFontWeight": 400,
|
|
26
|
+
"utrechtBlockquoteCaptionFontSize": "1.25rem",
|
|
27
|
+
"utrechtBlockquoteCaptionFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
28
|
+
"utrechtBlockquoteCaptionLineHeight": "150%",
|
|
29
|
+
"utrechtBlockquoteCaptionFontWeight": 400,
|
|
30
|
+
"utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
|
|
31
|
+
"utrechtBlockquoteCaptionColor": "#154273",
|
|
32
|
+
"utrechtBlockquoteMarginBlockEnd": 0,
|
|
33
|
+
"utrechtBlockquoteMarginBlockStart": 0,
|
|
34
|
+
"utrechtBlockquoteMarginInlineEnd": 0,
|
|
35
|
+
"utrechtBlockquoteMarginInlineStart": 0,
|
|
36
|
+
"utrechtBlockquoteBorderBlockStartWidth": 0,
|
|
37
|
+
"utrechtBlockquoteBorderBlockEndWidth": 0,
|
|
38
|
+
"utrechtBlockquoteBorderInlineEndWidth": 0,
|
|
39
|
+
"utrechtBlockquoteBorderStartStartRadius": 0,
|
|
40
|
+
"utrechtBlockquoteBorderStartEndRadius": 0,
|
|
41
|
+
"utrechtBlockquoteBorderEndStartRadius": 0,
|
|
42
|
+
"utrechtBlockquoteBorderEndEndRadius": 0,
|
|
43
|
+
"utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#a90061",
|
|
44
|
+
"utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
|
|
45
|
+
"utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
|
|
46
|
+
"utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
|
|
47
|
+
"utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
|
|
48
|
+
"utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
|
|
49
|
+
"utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
|
|
50
|
+
"utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
|
|
51
|
+
"utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
|
|
52
|
+
"utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
|
|
53
|
+
"utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
|
|
54
|
+
"utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
|
|
55
|
+
"utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
|
|
56
|
+
"utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
|
|
57
|
+
"utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
|
|
58
|
+
"utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
|
|
59
|
+
"utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
|
|
60
|
+
"utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
|
|
7
61
|
"utrechtIconColor": "inherit",
|
|
8
62
|
"utrechtIconSize": "24px",
|
|
9
63
|
"utrechtIconInsetBlockStart": 0,
|
|
@@ -11,7 +65,7 @@
|
|
|
11
65
|
"utrechtUnorderedListMarginBlockEnd": "0.25rem",
|
|
12
66
|
"utrechtUnorderedListMarginBlockStart": "0.25rem",
|
|
13
67
|
"utrechtUnorderedListColor": "#0F172A",
|
|
14
|
-
"utrechtUnorderedListFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
68
|
+
"utrechtUnorderedListFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
15
69
|
"utrechtUnorderedListFontWeight": 400,
|
|
16
70
|
"utrechtUnorderedListFontSize": "1.25rem",
|
|
17
71
|
"utrechtUnorderedListLineHeight": "150%",
|
|
@@ -21,7 +75,7 @@
|
|
|
21
75
|
"utrechtUnorderedListMarkerColor": "#0F172A",
|
|
22
76
|
"utrechtUnorderedListMarkerBorderColor": "#0F172A",
|
|
23
77
|
"utrechtTextboxBorderRadius": "2.5px",
|
|
24
|
-
"utrechtTextboxFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
78
|
+
"utrechtTextboxFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
25
79
|
"utrechtTextboxFontSize": "1.25rem",
|
|
26
80
|
"utrechtTextboxFontWeight": 400,
|
|
27
81
|
"utrechtTextboxLineHeight": "150%",
|
|
@@ -31,7 +85,7 @@
|
|
|
31
85
|
"utrechtTextboxPaddingInlineEnd": "0.75rem",
|
|
32
86
|
"utrechtTextboxPaddingInlineStart": "0.75rem",
|
|
33
87
|
"utrechtTextboxBackgroundColor": "#fff",
|
|
34
|
-
"utrechtTextboxBorderColor": "#
|
|
88
|
+
"utrechtTextboxBorderColor": "#a90061",
|
|
35
89
|
"utrechtTextboxColor": "#0F172A",
|
|
36
90
|
"utrechtTextboxInvalidBackgroundColor": "#f9dfdd",
|
|
37
91
|
"utrechtTextboxInvalidBorderColor": "#d52b1e",
|
|
@@ -42,7 +96,7 @@
|
|
|
42
96
|
"utrechtTextboxBorderWidth": "1px",
|
|
43
97
|
"utrechtTextboxFocusBorderWidth": "2px",
|
|
44
98
|
"utrechtTextboxFocusBackgroundColor": "#fff",
|
|
45
|
-
"utrechtTextboxFocusBorderColor": "#
|
|
99
|
+
"utrechtTextboxFocusBorderColor": "#a90061",
|
|
46
100
|
"utrechtTextboxFocusColor": "#0F172A",
|
|
47
101
|
"utrechtTextboxDisabledBackgroundColor": "#CBD5E1",
|
|
48
102
|
"utrechtTextboxDisabledBorderColor": "#94A3B8",
|
|
@@ -52,7 +106,7 @@
|
|
|
52
106
|
"utrechtTextboxReadOnlyColor": "#0F172A",
|
|
53
107
|
"utrechtTextboxHoverBorderWidth": "1px",
|
|
54
108
|
"utrechtTextboxHoverBackgroundColor": "#fff",
|
|
55
|
-
"utrechtTextboxHoverBorderColor": "#
|
|
109
|
+
"utrechtTextboxHoverBorderColor": "#CB66A0",
|
|
56
110
|
"utrechtTextboxHoverColor": "#0F172A",
|
|
57
111
|
"utrechtTextareaMaxInlineSize": "400px",
|
|
58
112
|
"utrechtTextareaPaddingBlockEnd": "0.5rem",
|
|
@@ -60,7 +114,7 @@
|
|
|
60
114
|
"utrechtTextareaPaddingInlineEnd": "0.75rem",
|
|
61
115
|
"utrechtTextareaPaddingInlineStart": "0.75rem",
|
|
62
116
|
"utrechtTextareaBackgroundColor": "#fff",
|
|
63
|
-
"utrechtTextareaBorderColor": "#
|
|
117
|
+
"utrechtTextareaBorderColor": "#a90061",
|
|
64
118
|
"utrechtTextareaColor": "#0F172A",
|
|
65
119
|
"utrechtTextareaInvalidBackgroundColor": "#f9dfdd",
|
|
66
120
|
"utrechtTextareaInvalidBorderColor": "#d52b1e",
|
|
@@ -68,7 +122,7 @@
|
|
|
68
122
|
"utrechtTextareaInvalidBorderWidth": "1px",
|
|
69
123
|
"utrechtTextareaPlaceholderColor": "#64748B",
|
|
70
124
|
"utrechtTextareaFocusBackgroundColor": "#fff",
|
|
71
|
-
"utrechtTextareaFocusBorderColor": "#
|
|
125
|
+
"utrechtTextareaFocusBorderColor": "#a90061",
|
|
72
126
|
"utrechtTextareaFocusColor": "#0F172A",
|
|
73
127
|
"utrechtTextareaFocusBorderWidth": "2px",
|
|
74
128
|
"utrechtTextareaDisabledBackgroundColor": "#CBD5E1",
|
|
@@ -78,25 +132,25 @@
|
|
|
78
132
|
"utrechtTextareaReadOnlyBorderColor": "transparent",
|
|
79
133
|
"utrechtTextareaReadOnlyColor": "#0F172A",
|
|
80
134
|
"utrechtTextareaHoverBackgroundColor": "#fff",
|
|
81
|
-
"utrechtTextareaHoverBorderColor": "#
|
|
135
|
+
"utrechtTextareaHoverBorderColor": "#CB66A0",
|
|
82
136
|
"utrechtTextareaHoverColor": "#0F172A",
|
|
83
137
|
"utrechtTextareaHoverBorderWidth": "1px",
|
|
84
138
|
"utrechtTextareaBorderRadius": "2.5px",
|
|
85
139
|
"utrechtTextareaBorderBottomWidth": "1px",
|
|
86
140
|
"utrechtTextareaBorderWidth": "1px",
|
|
87
|
-
"utrechtTextareaFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
141
|
+
"utrechtTextareaFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
88
142
|
"utrechtTextareaFontWeight": 400,
|
|
89
143
|
"utrechtTextareaLineHeight": "150%",
|
|
90
144
|
"utrechtTextareaFontSize": "1.25rem",
|
|
91
145
|
"utrechtTableHeaderCellLineHeight": "150%",
|
|
92
146
|
"utrechtTableHeaderCellColor": "#0F172A",
|
|
93
|
-
"utrechtTableHeaderCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
147
|
+
"utrechtTableHeaderCellFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
94
148
|
"utrechtTableHeaderCellFontWeight": 700,
|
|
95
149
|
"utrechtTableHeaderCellFontSize": "1.25rem",
|
|
96
150
|
"utrechtTableCaptionLineHeight": "125%",
|
|
97
151
|
"utrechtTableCaptionMarginBlockEnd": "1.5rem",
|
|
98
152
|
"utrechtTableCaptionColor": "#0F172A",
|
|
99
|
-
"utrechtTableCaptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
153
|
+
"utrechtTableCaptionFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
100
154
|
"utrechtTableCaptionFontWeight": 700,
|
|
101
155
|
"utrechtTableCaptionFontSize": "1.875rem",
|
|
102
156
|
"utrechtTableCellPaddingBlockEnd": "0.75rem",
|
|
@@ -105,7 +159,7 @@
|
|
|
105
159
|
"utrechtTableCellPaddingInlineStart": "1rem",
|
|
106
160
|
"utrechtTableCellLineHeight": "150%",
|
|
107
161
|
"utrechtTableDataCellColor": "#0F172A",
|
|
108
|
-
"utrechtTableDataCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
162
|
+
"utrechtTableDataCellFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
109
163
|
"utrechtTableDataCellFontWeight": 400,
|
|
110
164
|
"utrechtTableDataCellLineHeight": "150%",
|
|
111
165
|
"utrechtTableDataCellFontSize": "1.25rem",
|
|
@@ -121,7 +175,7 @@
|
|
|
121
175
|
"utrechtTableFooterCellFontWeight": 700,
|
|
122
176
|
"utrechtTableFooterCellFontSize": "1.25rem",
|
|
123
177
|
"utrechtTableFooterCellColor": "#0F172A",
|
|
124
|
-
"utrechtTableFooterCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
178
|
+
"utrechtTableFooterCellFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
125
179
|
"utrechtTableFooterCellLineHeight": "150%",
|
|
126
180
|
"utrechtTableContainerBoxInlineEndShadowX": 0,
|
|
127
181
|
"utrechtTableContainerBoxInlineEndShadowY": "16px",
|
|
@@ -135,7 +189,7 @@
|
|
|
135
189
|
"utrechtTableContainerBoxInlineStartShadowColor": "#0000001a",
|
|
136
190
|
"utrechtTableFontSize": "1.25rem",
|
|
137
191
|
"utrechtSkipLinkFontWeight": 700,
|
|
138
|
-
"utrechtSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
192
|
+
"utrechtSkipLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
139
193
|
"utrechtSkipLinkFontSize": "1.25rem",
|
|
140
194
|
"utrechtSkipLinkLineHeight": "150%",
|
|
141
195
|
"utrechtSkipLinkMinBlockSize": "48px",
|
|
@@ -145,13 +199,13 @@
|
|
|
145
199
|
"utrechtSkipLinkPaddingInlineEnd": "1rem",
|
|
146
200
|
"utrechtSkipLinkPaddingInlineStart": "1rem",
|
|
147
201
|
"utrechtSkipLinkFocusBackgroundColor": "#fff",
|
|
148
|
-
"utrechtSkipLinkFocusBorderColor": "#
|
|
202
|
+
"utrechtSkipLinkFocusBorderColor": "#a90061",
|
|
149
203
|
"utrechtSkipLinkFocusBorderStyle": "solid",
|
|
150
204
|
"utrechtSkipLinkFocusBorderWidth": "2px",
|
|
151
205
|
"utrechtSkipLinkFocusColor": "#0F172A",
|
|
152
206
|
"utrechtSkipLinkFocusTextDecoration": "None",
|
|
153
207
|
"utrechtSkipLinkFocusVisibleOutlineColor": "#000",
|
|
154
|
-
"utrechtSkipLinkBackgroundColor": "#
|
|
208
|
+
"utrechtSkipLinkBackgroundColor": "#a90061",
|
|
155
209
|
"utrechtSkipLinkBorderColor": "transparent",
|
|
156
210
|
"utrechtSkipLinkColor": "#fff",
|
|
157
211
|
"utrechtSkipLinkBorderWidth": "2px",
|
|
@@ -169,21 +223,21 @@
|
|
|
169
223
|
"utrechtSelectImageBackgroundPosition": "right 0.5rem center",
|
|
170
224
|
"utrechtSelectIconSize": "24px",
|
|
171
225
|
"utrechtSelectBackgroundColor": "#fff",
|
|
172
|
-
"utrechtSelectBorderColor": "#
|
|
226
|
+
"utrechtSelectBorderColor": "#a90061",
|
|
173
227
|
"utrechtSelectColor": "#0F172A",
|
|
174
228
|
"utrechtSelectInvalidBackgroundColor": "#f9dfdd",
|
|
175
229
|
"utrechtSelectInvalidBorderColor": "#d52b1e",
|
|
176
230
|
"utrechtSelectInvalidColor": "#0F172A",
|
|
177
231
|
"utrechtSelectInvalidBorderWidth": "1px",
|
|
178
232
|
"utrechtSelectFocusBackgroundColor": "#fff",
|
|
179
|
-
"utrechtSelectFocusBorderColor": "#
|
|
233
|
+
"utrechtSelectFocusBorderColor": "#a90061",
|
|
180
234
|
"utrechtSelectFocusColor": "#0F172A",
|
|
181
235
|
"utrechtSelectFocusBorderWidth": "2px",
|
|
182
236
|
"utrechtSelectDisabledBackgroundColor": "#CBD5E1",
|
|
183
237
|
"utrechtSelectDisabledBorderColor": "#94A3B8",
|
|
184
238
|
"utrechtSelectDisabledColor": "#475569",
|
|
185
239
|
"utrechtSelectHoverBackgroundColor": "#fff",
|
|
186
|
-
"utrechtSelectHoverBorderColor": "#
|
|
240
|
+
"utrechtSelectHoverBorderColor": "#CB66A0",
|
|
187
241
|
"utrechtSelectHoverColor": "#0F172A",
|
|
188
242
|
"utrechtSelectHoverBorderWidth": "1px",
|
|
189
243
|
"utrechtSelectPaddingBlockEnd": "0.5rem",
|
|
@@ -193,53 +247,58 @@
|
|
|
193
247
|
"utrechtSelectBorderRadius": "2.5px",
|
|
194
248
|
"utrechtSelectBorderBottomWidth": "auto",
|
|
195
249
|
"utrechtSelectBorderWidth": "1px",
|
|
196
|
-
"utrechtSelectFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
250
|
+
"utrechtSelectFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
197
251
|
"utrechtSelectFontWeight": 400,
|
|
198
252
|
"utrechtSelectLineHeight": "150%",
|
|
199
253
|
"utrechtSelectFontSize": "1.25rem",
|
|
200
254
|
"utrechtSelectMaxInlineSize": "400px",
|
|
201
255
|
"utrechtRadioButtonActiveBorderWidth": "1px",
|
|
202
256
|
"utrechtRadioButtonActiveBackgroundColor": "#fff",
|
|
203
|
-
"utrechtRadioButtonActiveBorderColor": "#
|
|
257
|
+
"utrechtRadioButtonActiveBorderColor": "#BE4088",
|
|
204
258
|
"utrechtRadioButtonSize": "24px",
|
|
205
259
|
"utrechtRadioButtonDotSize": "12px",
|
|
206
260
|
"utrechtRadioButtonBackgroundColor": "#fff",
|
|
207
|
-
"utrechtRadioButtonBorderColor": "#
|
|
261
|
+
"utrechtRadioButtonBorderColor": "#a90061",
|
|
208
262
|
"utrechtRadioButtonInvalidBackgroundColor": "#f9dfdd",
|
|
209
263
|
"utrechtRadioButtonInvalidBorderColor": "#d52b1e",
|
|
210
264
|
"utrechtRadioButtonInvalidBorderWidth": "1px",
|
|
211
265
|
"utrechtRadioButtonFocusBackgroundColor": "#fff",
|
|
212
|
-
"utrechtRadioButtonFocusBorderColor": "#
|
|
266
|
+
"utrechtRadioButtonFocusBorderColor": "#a90061",
|
|
213
267
|
"utrechtRadioButtonFocusBorderWidth": "2px",
|
|
214
268
|
"utrechtRadioButtonDisabledBackgroundColor": "#CBD5E1",
|
|
215
269
|
"utrechtRadioButtonDisabledBorderColor": "#94A3B8",
|
|
216
270
|
"utrechtRadioButtonDisabledColor": "#475569",
|
|
217
|
-
"utrechtRadioButtonCheckedBackgroundColor": "#
|
|
271
|
+
"utrechtRadioButtonCheckedBackgroundColor": "#a90061",
|
|
218
272
|
"utrechtRadioButtonCheckedBorderColor": "transparent",
|
|
219
273
|
"utrechtRadioButtonCheckedColor": "#fff",
|
|
220
|
-
"utrechtRadioButtonCheckedHoverBackgroundColor": "#
|
|
274
|
+
"utrechtRadioButtonCheckedHoverBackgroundColor": "#CB66A0",
|
|
221
275
|
"utrechtRadioButtonCheckedHoverBorderColor": "transparent",
|
|
222
276
|
"utrechtRadioButtonCheckedHoverColor": "#fff",
|
|
223
277
|
"utrechtRadioButtonCheckedHoverBorderWidth": "1px",
|
|
224
|
-
"utrechtRadioButtonCheckedActiveBackgroundColor": "#
|
|
278
|
+
"utrechtRadioButtonCheckedActiveBackgroundColor": "#BE4088",
|
|
225
279
|
"utrechtRadioButtonCheckedActiveBorderColor": "transparent",
|
|
226
280
|
"utrechtRadioButtonCheckedActiveColor": "#fff",
|
|
227
281
|
"utrechtRadioButtonCheckedActiveBorderWidth": "1px",
|
|
228
282
|
"utrechtRadioButtonCheckedFocusBackgroundColor": "#fff",
|
|
229
|
-
"utrechtRadioButtonCheckedFocusBorderColor": "#
|
|
230
|
-
"utrechtRadioButtonCheckedFocusColor": "#
|
|
283
|
+
"utrechtRadioButtonCheckedFocusBorderColor": "#a90061",
|
|
284
|
+
"utrechtRadioButtonCheckedFocusColor": "#a90061",
|
|
231
285
|
"utrechtRadioButtonCheckedFocusBorderWidth": "2px",
|
|
232
286
|
"utrechtRadioButtonCheckedDisabledBackgroundColor": "#CBD5E1",
|
|
233
287
|
"utrechtRadioButtonCheckedDisabledBorderColor": "#94A3B8",
|
|
234
288
|
"utrechtRadioButtonCheckedDisabledColor": "#475569",
|
|
235
289
|
"utrechtRadioButtonCheckedBorderWidth": "1px",
|
|
236
290
|
"utrechtRadioButtonHoverBackgroundColor": "#fff",
|
|
237
|
-
"utrechtRadioButtonHoverBorderColor": "#
|
|
291
|
+
"utrechtRadioButtonHoverBorderColor": "#CB66A0",
|
|
238
292
|
"utrechtRadioButtonHoverBorderWidth": "1px",
|
|
239
293
|
"utrechtRadioButtonBorderRadius": "999px",
|
|
240
294
|
"utrechtRadioButtonBorderWidth": "1px",
|
|
295
|
+
"utrechtPreHeadingColor": "#0F172A",
|
|
296
|
+
"utrechtPreHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
297
|
+
"utrechtPreHeadingFontWeight": 700,
|
|
298
|
+
"utrechtPreHeadingLineHeight": "125%",
|
|
299
|
+
"utrechtPreHeadingFontSize": "1rem",
|
|
241
300
|
"utrechtParagraphColor": "#0F172A",
|
|
242
|
-
"utrechtParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
301
|
+
"utrechtParagraphFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
243
302
|
"utrechtParagraphFontSize": "1.25rem",
|
|
244
303
|
"utrechtParagraphFontWeight": 400,
|
|
245
304
|
"utrechtParagraphLineHeight": "150%",
|
|
@@ -257,7 +316,7 @@
|
|
|
257
316
|
"utrechtOrderedListItemMarginBlockEnd": "0.25rem",
|
|
258
317
|
"utrechtOrderedListItemMarginBlockStart": "0.25rem",
|
|
259
318
|
"utrechtOrderedListColor": "#0F172A",
|
|
260
|
-
"utrechtOrderedListFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
319
|
+
"utrechtOrderedListFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
261
320
|
"utrechtOrderedListFontWeight": 400,
|
|
262
321
|
"utrechtOrderedListFontSize": "1.25rem",
|
|
263
322
|
"utrechtOrderedListLineHeight": "150%",
|
|
@@ -286,40 +345,40 @@
|
|
|
286
345
|
"utrechtLinkColumnGap": "0.25rem",
|
|
287
346
|
"utrechtLinkTextDecorationThickness": "auto",
|
|
288
347
|
"utrechtLinkTextUnderlineOffset": "0.125rem",
|
|
289
|
-
"utrechtLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
348
|
+
"utrechtLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
290
349
|
"utrechtLinkFontWeight": 400,
|
|
291
350
|
"utrechtLinkFontSize": "1.25rem",
|
|
292
351
|
"utrechtLinkLineHeight": "150%",
|
|
293
|
-
"utrechtHeading1Color": "#
|
|
294
|
-
"utrechtHeading1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
352
|
+
"utrechtHeading1Color": "#a90061",
|
|
353
|
+
"utrechtHeading1FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
295
354
|
"utrechtHeading1FontWeight": 700,
|
|
296
355
|
"utrechtHeading1LineHeight": "125%",
|
|
297
356
|
"utrechtHeading1FontSize": "3.125rem",
|
|
298
357
|
"utrechtHeading1MarginBlockEnd": 0,
|
|
299
358
|
"utrechtHeading1MarginBlockStart": 0,
|
|
300
|
-
"utrechtHeading2Color": "#
|
|
301
|
-
"utrechtHeading2FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
359
|
+
"utrechtHeading2Color": "#a90061",
|
|
360
|
+
"utrechtHeading2FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
302
361
|
"utrechtHeading2FontWeight": 700,
|
|
303
362
|
"utrechtHeading2LineHeight": "125%",
|
|
304
363
|
"utrechtHeading2FontSize": "2.5rem",
|
|
305
364
|
"utrechtHeading2MarginBlockEnd": 0,
|
|
306
365
|
"utrechtHeading2MarginBlockStart": 0,
|
|
307
|
-
"utrechtHeading3Color": "#
|
|
308
|
-
"utrechtHeading3FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
366
|
+
"utrechtHeading3Color": "#a90061",
|
|
367
|
+
"utrechtHeading3FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
309
368
|
"utrechtHeading3FontWeight": 700,
|
|
310
369
|
"utrechtHeading3LineHeight": "125%",
|
|
311
370
|
"utrechtHeading3FontSize": "1.875rem",
|
|
312
371
|
"utrechtHeading3MarginBlockEnd": 0,
|
|
313
372
|
"utrechtHeading3MarginBlockStart": 0,
|
|
314
|
-
"utrechtHeading4Color": "#
|
|
315
|
-
"utrechtHeading4FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
373
|
+
"utrechtHeading4Color": "#a90061",
|
|
374
|
+
"utrechtHeading4FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
316
375
|
"utrechtHeading4FontWeight": 700,
|
|
317
376
|
"utrechtHeading4LineHeight": "125%",
|
|
318
377
|
"utrechtHeading4FontSize": "1.5rem",
|
|
319
378
|
"utrechtHeading4MarginBlockEnd": 0,
|
|
320
379
|
"utrechtHeading4MarginBlockStart": 0,
|
|
321
|
-
"utrechtHeading5Color": "#
|
|
322
|
-
"utrechtHeading5FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
380
|
+
"utrechtHeading5Color": "#a90061",
|
|
381
|
+
"utrechtHeading5FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
323
382
|
"utrechtHeading5FontWeight": 700,
|
|
324
383
|
"utrechtHeading5LineHeight": "125%",
|
|
325
384
|
"utrechtHeading5FontSize": "1.25rem",
|
|
@@ -329,20 +388,20 @@
|
|
|
329
388
|
"utrechtFormLabelFontSize": "1.25rem",
|
|
330
389
|
"utrechtFormLabelFontWeight": 700,
|
|
331
390
|
"utrechtFormFieldLabelColor": "#0F172A",
|
|
332
|
-
"utrechtFormFieldLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
391
|
+
"utrechtFormFieldLabelFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
333
392
|
"utrechtFormFieldLabelFontSize": "1.25rem",
|
|
334
393
|
"utrechtFormFieldLabelFontWeight": 700,
|
|
335
394
|
"utrechtFormFieldLabelLineHeight": "150%",
|
|
336
395
|
"utrechtFormFieldErrorMessageIconSize": "24px",
|
|
337
396
|
"utrechtFormFieldErrorMessageIconMarginInlineEnd": "0.5rem",
|
|
338
397
|
"utrechtFormFieldErrorMessageColor": "#d52b1e",
|
|
339
|
-
"utrechtFormFieldErrorMessageFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
398
|
+
"utrechtFormFieldErrorMessageFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
340
399
|
"utrechtFormFieldErrorMessageFontSize": "1.25rem",
|
|
341
400
|
"utrechtFormFieldErrorMessageFontWeight": 400,
|
|
342
401
|
"utrechtFormFieldErrorMessageMarginBlockEnd": "0.5rem",
|
|
343
402
|
"utrechtFormFieldErrorMessagePaddingBlockEnd": "0.5rem",
|
|
344
403
|
"utrechtFormFieldDescriptionColor": "#334155",
|
|
345
|
-
"utrechtFormFieldDescriptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
404
|
+
"utrechtFormFieldDescriptionFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
346
405
|
"utrechtFormFieldDescriptionFontSize": "1.25rem",
|
|
347
406
|
"utrechtFormFieldDescriptionLineHeight": "150%",
|
|
348
407
|
"utrechtFormFieldDescriptionMarginBlockStart": "-0.5rem",
|
|
@@ -355,7 +414,7 @@
|
|
|
355
414
|
"utrechtFormFieldInvalidPaddingInlineStart": 0,
|
|
356
415
|
"utrechtFormFieldLabelMarginBlockEnd": "0.5rem",
|
|
357
416
|
"utrechtFormFieldErrorMessageLineHeight": "normal",
|
|
358
|
-
"utrechtPageFooterBackgroundColor": "#
|
|
417
|
+
"utrechtPageFooterBackgroundColor": "#a90061",
|
|
359
418
|
"utrechtPageFooterColor": "#fff",
|
|
360
419
|
"utrechtPageFooterPaddingBlockStart": "3rem",
|
|
361
420
|
"utrechtPageFooterPaddingBlockEnd": "3rem",
|
|
@@ -374,7 +433,7 @@
|
|
|
374
433
|
"utrechtFigureImgBorderStartEndRadius": 0,
|
|
375
434
|
"utrechtFigureImgBorderStartStartRadius": 0,
|
|
376
435
|
"utrechtFormFieldsetLegendColor": "#0F172A",
|
|
377
|
-
"utrechtFormFieldsetLegendFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
436
|
+
"utrechtFormFieldsetLegendFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
378
437
|
"utrechtFormFieldsetLegendFontSize": "1.25rem",
|
|
379
438
|
"utrechtFormFieldsetLegendFontWeight": 700,
|
|
380
439
|
"utrechtFormFieldsetLegendLineHeight": "150%",
|
|
@@ -391,8 +450,8 @@
|
|
|
391
450
|
"utrechtNumberBadgeFontWeight": 700,
|
|
392
451
|
"utrechtNumberBadgeBorderWidth": "0px",
|
|
393
452
|
"utrechtNumberBadgeBorderRadius": "999px",
|
|
394
|
-
"utrechtNumberBadgeFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
395
|
-
"utrechtNumberBadgeBackgroundColor": "#
|
|
453
|
+
"utrechtNumberBadgeFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
454
|
+
"utrechtNumberBadgeBackgroundColor": "#a90061",
|
|
396
455
|
"utrechtNumberBadgeBorderColor": "transparent",
|
|
397
456
|
"utrechtNumberBadgeColor": "#fff",
|
|
398
457
|
"utrechtNumberBadgePaddingInline": "0.5rem",
|
|
@@ -401,16 +460,16 @@
|
|
|
401
460
|
"utrechtCheckboxSize": "24px",
|
|
402
461
|
"utrechtCheckboxIconSize": "24px",
|
|
403
462
|
"utrechtCheckboxBackgroundColor": "#fff",
|
|
404
|
-
"utrechtCheckboxBorderColor": "#
|
|
463
|
+
"utrechtCheckboxBorderColor": "#a90061",
|
|
405
464
|
"utrechtCheckboxInvalidBackgroundColor": "#f9dfdd",
|
|
406
465
|
"utrechtCheckboxInvalidBorderColor": "#d52b1e",
|
|
407
466
|
"utrechtCheckboxInvalidBorderWidth": "1px",
|
|
408
467
|
"utrechtCheckboxFocusBackgroundColor": "#fff",
|
|
409
|
-
"utrechtCheckboxFocusBorderColor": "#
|
|
468
|
+
"utrechtCheckboxFocusBorderColor": "#a90061",
|
|
410
469
|
"utrechtCheckboxFocusBorderWidth": "2px",
|
|
411
470
|
"utrechtCheckboxDisabledBackgroundColor": "#CBD5E1",
|
|
412
471
|
"utrechtCheckboxDisabledBorderColor": "#94A3B8",
|
|
413
|
-
"utrechtCheckboxCheckedBackgroundColor": "#
|
|
472
|
+
"utrechtCheckboxCheckedBackgroundColor": "#a90061",
|
|
414
473
|
"utrechtCheckboxCheckedBorderColor": "transparent",
|
|
415
474
|
"utrechtCheckboxCheckedColor": "#fff",
|
|
416
475
|
"utrechtCheckboxCheckedBorderWidth": "1px",
|
|
@@ -419,42 +478,42 @@
|
|
|
419
478
|
"utrechtCheckboxCheckedDisabledColor": "#475569",
|
|
420
479
|
"utrechtCheckboxCheckedFocusBorderWidth": "2px",
|
|
421
480
|
"utrechtCheckboxCheckedFocusBackgroundColor": "#fff",
|
|
422
|
-
"utrechtCheckboxCheckedFocusBorderColor": "#
|
|
423
|
-
"utrechtCheckboxCheckedFocusColor": "#
|
|
481
|
+
"utrechtCheckboxCheckedFocusBorderColor": "#a90061",
|
|
482
|
+
"utrechtCheckboxCheckedFocusColor": "#a90061",
|
|
424
483
|
"utrechtCheckboxCheckedHoverBorderWidth": "1px",
|
|
425
|
-
"utrechtCheckboxCheckedHoverBackgroundColor": "#
|
|
484
|
+
"utrechtCheckboxCheckedHoverBackgroundColor": "#CB66A0",
|
|
426
485
|
"utrechtCheckboxCheckedHoverBorderColor": "transparent",
|
|
427
486
|
"utrechtCheckboxCheckedHoverColor": "#fff",
|
|
428
487
|
"utrechtCheckboxCheckedActiveBorderWidth": "1px",
|
|
429
|
-
"utrechtCheckboxCheckedActiveBackgroundColor": "#
|
|
488
|
+
"utrechtCheckboxCheckedActiveBackgroundColor": "#BE4088",
|
|
430
489
|
"utrechtCheckboxCheckedActiveBorderColor": "transparent",
|
|
431
490
|
"utrechtCheckboxCheckedActiveColor": "#fff",
|
|
432
|
-
"utrechtCheckboxIndeterminateBackgroundColor": "#
|
|
491
|
+
"utrechtCheckboxIndeterminateBackgroundColor": "#a90061",
|
|
433
492
|
"utrechtCheckboxIndeterminateBorderColor": "transparent",
|
|
434
493
|
"utrechtCheckboxIndeterminateColor": "#fff",
|
|
435
494
|
"utrechtCheckboxIndeterminateBorderWidth": "1px",
|
|
436
495
|
"utrechtCheckboxIndeterminateDisabledBackgroundColor": "#CBD5E1",
|
|
437
496
|
"utrechtCheckboxIndeterminateDisabledBorderColor": "#94A3B8",
|
|
438
497
|
"utrechtCheckboxIndeterminateDisabledColor": "#475569",
|
|
439
|
-
"utrechtCheckboxIndeterminateActiveBackgroundColor": "#
|
|
498
|
+
"utrechtCheckboxIndeterminateActiveBackgroundColor": "#BE4088",
|
|
440
499
|
"utrechtCheckboxIndeterminateActiveBorderColor": "transparent",
|
|
441
500
|
"utrechtCheckboxIndeterminateActiveColor": "#fff",
|
|
442
501
|
"utrechtCheckboxIndeterminateActiveBorderWidth": "1px",
|
|
443
|
-
"utrechtCheckboxIndeterminateHoverBackgroundColor": "#
|
|
502
|
+
"utrechtCheckboxIndeterminateHoverBackgroundColor": "#CB66A0",
|
|
444
503
|
"utrechtCheckboxIndeterminateHoverBorderColor": "transparent",
|
|
445
504
|
"utrechtCheckboxIndeterminateHoverColor": "#fff",
|
|
446
505
|
"utrechtCheckboxIndeterminateHoverBorderWidth": "1px",
|
|
447
506
|
"utrechtCheckboxIndeterminateFocusBackgroundColor": "#fff",
|
|
448
|
-
"utrechtCheckboxIndeterminateFocusBorderColor": "#
|
|
449
|
-
"utrechtCheckboxIndeterminateFocusColor": "#
|
|
507
|
+
"utrechtCheckboxIndeterminateFocusBorderColor": "#a90061",
|
|
508
|
+
"utrechtCheckboxIndeterminateFocusColor": "#a90061",
|
|
450
509
|
"utrechtCheckboxIndeterminateFocusBorderWidth": "2px",
|
|
451
510
|
"utrechtCheckboxBorderWidth": "1px",
|
|
452
511
|
"utrechtCheckboxHoverBorderWidth": "1px",
|
|
453
512
|
"utrechtCheckboxHoverBackgroundColor": "#fff",
|
|
454
|
-
"utrechtCheckboxHoverBorderColor": "#
|
|
513
|
+
"utrechtCheckboxHoverBorderColor": "#CB66A0",
|
|
455
514
|
"utrechtCheckboxActiveBorderWidth": "1px",
|
|
456
515
|
"utrechtCheckboxActiveBackgroundColor": "#fff",
|
|
457
|
-
"utrechtCheckboxActiveBorderColor": "#
|
|
516
|
+
"utrechtCheckboxActiveBorderColor": "#BE4088",
|
|
458
517
|
"utrechtButtonGroupBackgroundColor": "transparent",
|
|
459
518
|
"utrechtButtonGroupColumnGap": "0.5rem",
|
|
460
519
|
"utrechtButtonGroupMarginBlockEnd": "0px",
|
|
@@ -462,14 +521,14 @@
|
|
|
462
521
|
"utrechtButtonGroupPaddingBlockEnd": "0px",
|
|
463
522
|
"utrechtButtonGroupPaddingBlockStart": "0px",
|
|
464
523
|
"utrechtButtonGroupRowGap": "0.5rem",
|
|
465
|
-
"utrechtButtonBackgroundColor": "
|
|
466
|
-
"utrechtButtonBorderColor": "
|
|
467
|
-
"utrechtButtonColor": "#
|
|
524
|
+
"utrechtButtonBackgroundColor": "#0F172A",
|
|
525
|
+
"utrechtButtonBorderColor": "transparent",
|
|
526
|
+
"utrechtButtonColor": "#fff",
|
|
468
527
|
"utrechtButtonBorderRadius": "5px",
|
|
469
528
|
"utrechtButtonBorderWidth": "1px",
|
|
470
529
|
"utrechtButtonIconGap": "0.5rem",
|
|
471
530
|
"utrechtButtonIconSize": "24px",
|
|
472
|
-
"utrechtButtonFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
531
|
+
"utrechtButtonFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
473
532
|
"utrechtButtonFontSize": "1.25rem",
|
|
474
533
|
"utrechtButtonFontWeight": 700,
|
|
475
534
|
"utrechtButtonLineHeight": "150%",
|
|
@@ -477,18 +536,18 @@
|
|
|
477
536
|
"utrechtButtonPaddingBlockStart": "0.5rem",
|
|
478
537
|
"utrechtButtonPaddingInlineEnd": "1rem",
|
|
479
538
|
"utrechtButtonPaddingInlineStart": "1rem",
|
|
480
|
-
"utrechtButtonDisabledBackgroundColor": "#
|
|
539
|
+
"utrechtButtonDisabledBackgroundColor": "#E2E8F0",
|
|
481
540
|
"utrechtButtonDisabledBorderColor": "transparent",
|
|
482
|
-
"utrechtButtonDisabledColor": "#
|
|
483
|
-
"utrechtButtonFocusBackgroundColor": "#
|
|
541
|
+
"utrechtButtonDisabledColor": "#94A3B8",
|
|
542
|
+
"utrechtButtonFocusBackgroundColor": "#475569",
|
|
484
543
|
"utrechtButtonFocusBorderColor": "transparent",
|
|
485
|
-
"utrechtButtonFocusColor": "#
|
|
486
|
-
"utrechtButtonHoverBackgroundColor": "#
|
|
487
|
-
"utrechtButtonHoverBorderColor": "
|
|
488
|
-
"utrechtButtonHoverColor": "#
|
|
489
|
-
"utrechtButtonActiveBackgroundColor": "#
|
|
490
|
-
"utrechtButtonActiveBorderColor": "
|
|
491
|
-
"utrechtButtonActiveColor": "#
|
|
544
|
+
"utrechtButtonFocusColor": "#fff",
|
|
545
|
+
"utrechtButtonHoverBackgroundColor": "#475569",
|
|
546
|
+
"utrechtButtonHoverBorderColor": "transparent",
|
|
547
|
+
"utrechtButtonHoverColor": "#fff",
|
|
548
|
+
"utrechtButtonActiveBackgroundColor": "#1E293B",
|
|
549
|
+
"utrechtButtonActiveBorderColor": "transparent",
|
|
550
|
+
"utrechtButtonActiveColor": "#fff",
|
|
492
551
|
"utrechtButtonMinBlockSize": "48px",
|
|
493
552
|
"utrechtButtonMinInlineSize": "48px",
|
|
494
553
|
"utrechtButtonColumnGap": "0.5rem",
|
|
@@ -499,9 +558,9 @@
|
|
|
499
558
|
"utrechtButtonPrimaryActionBorderColor": "transparent",
|
|
500
559
|
"utrechtButtonPrimaryActionColor": "#fff",
|
|
501
560
|
"utrechtButtonPrimaryActionDisabledBackgroundColor": "#e5b3d0",
|
|
502
|
-
"utrechtButtonPrimaryActionDisabledBorderColor": "
|
|
561
|
+
"utrechtButtonPrimaryActionDisabledBorderColor": "transparent",
|
|
503
562
|
"utrechtButtonPrimaryActionDisabledColor": "#BE4088",
|
|
504
|
-
"utrechtButtonPrimaryActionFocusBackgroundColor": "#
|
|
563
|
+
"utrechtButtonPrimaryActionFocusBackgroundColor": "#741344",
|
|
505
564
|
"utrechtButtonPrimaryActionFocusBorderColor": "transparent",
|
|
506
565
|
"utrechtButtonPrimaryActionFocusColor": "#fff",
|
|
507
566
|
"utrechtButtonPrimaryActionFontWeight": 700,
|
|
@@ -510,27 +569,33 @@
|
|
|
510
569
|
"utrechtButtonPrimaryActionActiveColor": "#fff",
|
|
511
570
|
"utrechtButtonPrimaryActionFontSize": "1.25rem",
|
|
512
571
|
"utrechtButtonPrimaryActionLineHeight": "1.875rem",
|
|
513
|
-
"
|
|
514
|
-
"
|
|
515
|
-
"
|
|
572
|
+
"utrechtButtonPrimaryActionPressedBackgroundColor": "#63143a",
|
|
573
|
+
"utrechtButtonPrimaryActionPressedBorderColor": "transparent",
|
|
574
|
+
"utrechtButtonPrimaryActionPressedColor": "#fff",
|
|
575
|
+
"utrechtButtonSecondaryActionHoverBackgroundColor": "#f2d9e7",
|
|
576
|
+
"utrechtButtonSecondaryActionHoverBorderColor": "#741344",
|
|
577
|
+
"utrechtButtonSecondaryActionHoverColor": "#741344",
|
|
516
578
|
"utrechtButtonSecondaryActionBackgroundColor": "transparent",
|
|
517
579
|
"utrechtButtonSecondaryActionBorderColor": "#a90061",
|
|
518
580
|
"utrechtButtonSecondaryActionColor": "#a90061",
|
|
519
581
|
"utrechtButtonSecondaryActionDisabledBackgroundColor": "transparent",
|
|
520
|
-
"utrechtButtonSecondaryActionDisabledBorderColor": "#
|
|
582
|
+
"utrechtButtonSecondaryActionDisabledBorderColor": "#D88CB7",
|
|
521
583
|
"utrechtButtonSecondaryActionDisabledColor": "#CB66A0",
|
|
522
|
-
"utrechtButtonSecondaryActionFocusBackgroundColor": "#
|
|
584
|
+
"utrechtButtonSecondaryActionFocusBackgroundColor": "#f2d9e7",
|
|
523
585
|
"utrechtButtonSecondaryActionFocusBorderColor": "transparent",
|
|
524
|
-
"utrechtButtonSecondaryActionFocusColor": "#
|
|
586
|
+
"utrechtButtonSecondaryActionFocusColor": "#741344",
|
|
525
587
|
"utrechtButtonSecondaryActionFontWeight": 700,
|
|
526
588
|
"utrechtButtonSecondaryActionActiveBackgroundColor": "#D88CB7",
|
|
527
|
-
"utrechtButtonSecondaryActionActiveBorderColor": "#
|
|
528
|
-
"utrechtButtonSecondaryActionActiveColor": "#
|
|
589
|
+
"utrechtButtonSecondaryActionActiveBorderColor": "#63143a",
|
|
590
|
+
"utrechtButtonSecondaryActionActiveColor": "#741344",
|
|
529
591
|
"utrechtButtonSecondaryActionFontSize": "1.25rem",
|
|
530
592
|
"utrechtButtonSecondaryActionLineHeight": "1.875rem",
|
|
593
|
+
"utrechtButtonSecondaryActionPressedBackgroundColor": "#e5b3d0",
|
|
594
|
+
"utrechtButtonSecondaryActionPressedBorderColor": "#63143a",
|
|
595
|
+
"utrechtButtonSecondaryActionPressedColor": "#63143a",
|
|
531
596
|
"utrechtButtonSubtleFontSize": "1.25rem",
|
|
532
597
|
"utrechtButtonSubtleFontWeight": 700,
|
|
533
|
-
"utrechtButtonSubtleHoverBackgroundColor": "
|
|
598
|
+
"utrechtButtonSubtleHoverBackgroundColor": "#f2d9e7",
|
|
534
599
|
"utrechtButtonSubtleHoverBorderColor": "transparent",
|
|
535
600
|
"utrechtButtonSubtleHoverColor": "#741344",
|
|
536
601
|
"utrechtButtonSubtleBackgroundColor": "transparent",
|
|
@@ -541,11 +606,17 @@
|
|
|
541
606
|
"utrechtButtonSubtleDisabledColor": "#e5b3d0",
|
|
542
607
|
"utrechtButtonSubtleFocusBackgroundColor": "#f2d9e7",
|
|
543
608
|
"utrechtButtonSubtleFocusBorderColor": "transparent",
|
|
544
|
-
"utrechtButtonSubtleFocusColor": "#
|
|
545
|
-
"utrechtButtonSubtleActiveBackgroundColor": "
|
|
609
|
+
"utrechtButtonSubtleFocusColor": "#741344",
|
|
610
|
+
"utrechtButtonSubtleActiveBackgroundColor": "#D88CB7",
|
|
546
611
|
"utrechtButtonSubtleActiveBorderColor": "transparent",
|
|
547
612
|
"utrechtButtonSubtleActiveColor": "#65003a",
|
|
548
613
|
"utrechtButtonSubtleLineHeight": "1.875rem",
|
|
614
|
+
"utrechtButtonSubtlePressedBackgroundColor": "#e5b3d0",
|
|
615
|
+
"utrechtButtonSubtlePressedBorderColor": "transparent",
|
|
616
|
+
"utrechtButtonSubtlePressedColor": "#63143a",
|
|
617
|
+
"utrechtButtonPressedBackgroundColor": "#1E293B",
|
|
618
|
+
"utrechtButtonPressedBorderColor": "transparent",
|
|
619
|
+
"utrechtButtonPressedColor": "#fff",
|
|
549
620
|
"utrechtBreadcrumbNavLineHeight": 1.4,
|
|
550
621
|
"utrechtBreadcrumbNavFontSize": "1.25rem",
|
|
551
622
|
"utrechtBreadcrumbNavLinkIconSize": "24px",
|
|
@@ -569,59 +640,10 @@
|
|
|
569
640
|
"utrechtBreadcrumbNavDividerColor": "#334155",
|
|
570
641
|
"utrechtBreadcrumbNavDividerInsetBlockStart": 0,
|
|
571
642
|
"utrechtBreadcrumbNavMarginInline": "0.5rem",
|
|
572
|
-
"utrechtBreadcrumbNavFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
643
|
+
"utrechtBreadcrumbNavFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
573
644
|
"utrechtBreadcrumbNavFontWeight": 400,
|
|
574
|
-
"utrechtBlockquoteCaptionFontSize": "1.25rem",
|
|
575
|
-
"utrechtBlockquoteCaptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
576
|
-
"utrechtBlockquoteCaptionLineHeight": "150%",
|
|
577
|
-
"utrechtBlockquoteCaptionFontWeight": 400,
|
|
578
|
-
"utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
|
|
579
|
-
"utrechtBlockquoteCaptionColor": "#334155",
|
|
580
|
-
"utrechtBlockquoteContentFontFamily": "RijksoverheidSerifWeb, 'Times New Roman', serif",
|
|
581
|
-
"utrechtBlockquoteContentLineHeight": "150%",
|
|
582
|
-
"utrechtBlockquoteContentFontWeight": 400,
|
|
583
|
-
"utrechtBlockquoteContentFontSize": "1.5rem",
|
|
584
|
-
"utrechtBlockquoteContentColor": "#0F172A",
|
|
585
|
-
"utrechtBlockquoteMarginBlockEnd": 0,
|
|
586
|
-
"utrechtBlockquoteMarginBlockStart": 0,
|
|
587
|
-
"utrechtBlockquoteMarginInlineEnd": 0,
|
|
588
|
-
"utrechtBlockquoteMarginInlineStart": 0,
|
|
589
|
-
"utrechtBlockquotePaddingBlockEnd": "2rem",
|
|
590
|
-
"utrechtBlockquotePaddingBlockStart": "2rem",
|
|
591
|
-
"utrechtBlockquotePaddingInlineEnd": "2rem",
|
|
592
|
-
"utrechtBlockquotePaddingInlineStart": "2rem",
|
|
593
|
-
"utrechtBlockquoteRowGap": "0.75rem",
|
|
594
|
-
"utrechtBlockquoteBackgroundColor": "transparent",
|
|
595
|
-
"utrechtBlockquoteBorderColor": "#a90061",
|
|
596
|
-
"utrechtBlockquoteBorderBlockStartWidth": 0,
|
|
597
|
-
"utrechtBlockquoteBorderBlockEndWidth": 0,
|
|
598
|
-
"utrechtBlockquoteBorderInlineStartWidth": 0,
|
|
599
|
-
"utrechtBlockquoteBorderInlineEndWidth": 0,
|
|
600
|
-
"utrechtBlockquoteBorderStartStartRadius": 0,
|
|
601
|
-
"utrechtBlockquoteBorderStartEndRadius": 0,
|
|
602
|
-
"utrechtBlockquoteBorderEndStartRadius": 0,
|
|
603
|
-
"utrechtBlockquoteBorderEndEndRadius": 0,
|
|
604
|
-
"utrechtBlockquoteBorderWidth": "2px",
|
|
605
|
-
"utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#a90061",
|
|
606
|
-
"utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
|
|
607
|
-
"utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
|
|
608
|
-
"utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
|
|
609
|
-
"utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
|
|
610
|
-
"utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
|
|
611
|
-
"utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
|
|
612
|
-
"utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
|
|
613
|
-
"utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
|
|
614
|
-
"utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
|
|
615
|
-
"utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
|
|
616
|
-
"utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
|
|
617
|
-
"utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
|
|
618
|
-
"utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
|
|
619
|
-
"utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
|
|
620
|
-
"utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
|
|
621
|
-
"utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
|
|
622
|
-
"utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
|
|
623
645
|
"utrechtArticleMaxInlineSize": "75ch",
|
|
624
|
-
"utrechtAlertHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
646
|
+
"utrechtAlertHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
625
647
|
"utrechtAlertHeadingFontWeight": 700,
|
|
626
648
|
"utrechtAlertHeadingLineHeight": "150%",
|
|
627
649
|
"utrechtAlertHeadingFontSize": "1.25rem",
|
|
@@ -672,8 +694,8 @@
|
|
|
672
694
|
"utrechtAccordionButtonBorderColor": "#94A3B8",
|
|
673
695
|
"utrechtAccordionButtonBorderWidth": 0,
|
|
674
696
|
"utrechtAccordionButtonColor": "#0F172A",
|
|
675
|
-
"utrechtAccordionButtonFocusBackgroundColor": "#
|
|
676
|
-
"utrechtAccordionButtonFocusBorderColor": "#
|
|
697
|
+
"utrechtAccordionButtonFocusBackgroundColor": "#f2d9e7",
|
|
698
|
+
"utrechtAccordionButtonFocusBorderColor": "#a90061",
|
|
677
699
|
"utrechtAccordionButtonFocusColor": "#0F172A",
|
|
678
700
|
"utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
|
|
679
701
|
"utrechtAccordionButtonActiveBorderColor": "#94A3B8",
|
|
@@ -681,7 +703,7 @@
|
|
|
681
703
|
"utrechtAccordionButtonActiveRowGap": 0,
|
|
682
704
|
"utrechtDocumentBackgroundColor": "#fff",
|
|
683
705
|
"utrechtDocumentColor": "#0F172A",
|
|
684
|
-
"utrechtDocumentFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
706
|
+
"utrechtDocumentFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
685
707
|
"utrechtDocumentFontSize": "1.25rem",
|
|
686
708
|
"utrechtDocumentLineHeight": "150%",
|
|
687
709
|
"utrechtDocumentFontWeight": 400,
|
|
@@ -696,6 +718,27 @@
|
|
|
696
718
|
"utrechtFocusOutlineStyle": "solid",
|
|
697
719
|
"utrechtFocusOutlineWidth": "2px",
|
|
698
720
|
"utrechtFocusInverseOutlineColor": "#fff",
|
|
721
|
+
"rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
|
|
722
|
+
"rhcKeepTopLeftBorderRadiusTopLeft": "48px",
|
|
723
|
+
"rhcKeepTopLeftBorderRadiusTopRight": 0,
|
|
724
|
+
"rhcKeepTopLeftBorderRadiusBottomRight": 0,
|
|
725
|
+
"rhcKeepTopLeftBorderRadiusBottomLeft": 0,
|
|
726
|
+
"rhcKeepTopRightBorderRadiusTopRight": "48px",
|
|
727
|
+
"rhcKeepTopRightBorderRadiusTopLeft": 0,
|
|
728
|
+
"rhcKeepTopRightBorderRadiusBottomRight": 0,
|
|
729
|
+
"rhcKeepTopRightBorderRadiusBottomLeft": 0,
|
|
730
|
+
"rhcKeepBottomRightBorderRadiusTopLeft": 0,
|
|
731
|
+
"rhcKeepBottomRightBorderRadiusTopRight": 0,
|
|
732
|
+
"rhcKeepBottomRightBorderRadiusBottomRight": "48px",
|
|
733
|
+
"rhcKeepBottomRightBorderRadiusBottomLeft": 0,
|
|
734
|
+
"rhcKeepBottomLeftBorderRadiusTopLeft": 0,
|
|
735
|
+
"rhcKeepBottomLeftBorderRadiusTopRight": 0,
|
|
736
|
+
"rhcKeepBottomLeftBorderRadiusBottomRight": 0,
|
|
737
|
+
"rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
|
|
738
|
+
"rhcRoundedCornerXsBorderRadius": "24px",
|
|
739
|
+
"rhcRoundedCornerMdBorderRadius": "48px",
|
|
740
|
+
"rhcRoundedCornerXlBorderRadius": "96px",
|
|
741
|
+
"rhcRoundedCornerBorderWidth": "2px",
|
|
699
742
|
"rhcColorPrimary50": "#f2d9e7",
|
|
700
743
|
"rhcColorPrimary100": "#e5b3d0",
|
|
701
744
|
"rhcColorPrimary200": "#D88CB7",
|
|
@@ -706,8 +749,10 @@
|
|
|
706
749
|
"rhcColorFocusOutline": "#000",
|
|
707
750
|
"rhcColorForegroundDefault": "#0F172A",
|
|
708
751
|
"rhcColorForegroundSubdued": "#334155",
|
|
709
|
-
"rhcColorForegroundOnEmphasis": "#fff",
|
|
710
752
|
"rhcColorForegroundLink": "#01689b",
|
|
753
|
+
"rhcColorForegroundOnDarkColor": "#fff",
|
|
754
|
+
"rhcColorForegroundOnLightColor": "#000",
|
|
755
|
+
"rhcColorForegroundOnEmphasis": "#fff",
|
|
711
756
|
"rhcColorBorderDefault": "#64748B",
|
|
712
757
|
"rhcColorBorderSubdued": "#94A3B8",
|
|
713
758
|
"rhcColorBorderStrong": "#0F172A",
|
|
@@ -721,6 +766,7 @@
|
|
|
721
766
|
"rhcColorFeedbackWarningDefault": "#ffb612",
|
|
722
767
|
"rhcColorFeedbackWarningSubdued": "#fff4db",
|
|
723
768
|
"rhcColorAccent500": "#8fcae7",
|
|
769
|
+
"rhcColorAccent2500": "#f092cd",
|
|
724
770
|
"rhcColorCoolGrey50": "#F8FAFC",
|
|
725
771
|
"rhcColorCoolGrey100": "#F1F5F9",
|
|
726
772
|
"rhcColorCoolGrey200": "#E2E8F0",
|
|
@@ -871,7 +917,7 @@
|
|
|
871
917
|
"rhcSidenavLinkIconSize": "24px",
|
|
872
918
|
"rhcSidenavLinkIconMarginInline": "0.5rem",
|
|
873
919
|
"rhcSidenavLinkFontSize": "1.25rem",
|
|
874
|
-
"rhcSidenavLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
920
|
+
"rhcSidenavLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
875
921
|
"rhcSidenavLinkFontWeight": 400,
|
|
876
922
|
"rhcSidenavLinkCurrentFontWeight": 700,
|
|
877
923
|
"rhcSidenavLinkCurrentColor": "#0F172A",
|
|
@@ -881,7 +927,7 @@
|
|
|
881
927
|
"rhcSidenavLinkFocusBorderRadius": "5px",
|
|
882
928
|
"rhcSidenavLinkFocusBorderWidth": "2px",
|
|
883
929
|
"rhcSidenavLinkFocusBorderStyle": "solid",
|
|
884
|
-
"rhcSidenavLinkFocusBorderColor": "#
|
|
930
|
+
"rhcSidenavLinkFocusBorderColor": "#a90061",
|
|
885
931
|
"rhcSidenavLinkFocusBackgroundColor": "none",
|
|
886
932
|
"rhcSidenavLinkFocusColor": "#01689b",
|
|
887
933
|
"rhcSidenavLinkFocusTextDecoration": "None",
|
|
@@ -903,13 +949,13 @@
|
|
|
903
949
|
"rhcNavigationListItemContentFontSize": "1.125rem",
|
|
904
950
|
"rhcNavigationListItemContentColumnGap": "0.5rem",
|
|
905
951
|
"rhcNavigationListItemContentRowGap": "0.25rem",
|
|
906
|
-
"rhcNavigationListItemLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
952
|
+
"rhcNavigationListItemLabelFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
907
953
|
"rhcNavigationListItemLabelFontSize": "1.875rem",
|
|
908
954
|
"rhcNavigationListItemLabelFontWeight": 700,
|
|
909
955
|
"rhcNavigationListItemLabelLineHeight": "150%",
|
|
910
956
|
"rhcNavigationListItemActiveBackgroundColor": "#F1F5F9",
|
|
911
957
|
"rhcNavigationListItemHoverBackgroundColor": "#F8FAFC",
|
|
912
|
-
"rhcNavigationListItemFocusBackgroundColor": "#
|
|
958
|
+
"rhcNavigationListItemFocusBackgroundColor": "#f2d9e7",
|
|
913
959
|
"rhcNavigationListItemBackgroundColor": "#fff",
|
|
914
960
|
"rhcNavigationListItemColor": "#334155",
|
|
915
961
|
"rhcNavigationListItemBorderWidth": "1px",
|
|
@@ -957,7 +1003,7 @@
|
|
|
957
1003
|
"rhcMessageListItemContentFontSize": "1.125rem",
|
|
958
1004
|
"rhcMessageListItemContentColumnGap": "0.5rem",
|
|
959
1005
|
"rhcMessageListItemContentRowGap": "0.5rem",
|
|
960
|
-
"rhcMessageListItemLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1006
|
+
"rhcMessageListItemLabelFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
961
1007
|
"rhcMessageListItemLabelFontSize": "1.25rem",
|
|
962
1008
|
"rhcMessageListItemLabelFontWeight": 700,
|
|
963
1009
|
"rhcMessageListItemLabelLineHeight": "150%",
|
|
@@ -974,7 +1020,7 @@
|
|
|
974
1020
|
"rhcLogoSubtitleLineHeight": "1rem",
|
|
975
1021
|
"rhcLogoSubtitleFontSize": "0.775rem",
|
|
976
1022
|
"rhcLogoColumnGap": "12px",
|
|
977
|
-
"rhcLogoFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1023
|
+
"rhcLogoFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
978
1024
|
"rhcLogoColor": "#154273",
|
|
979
1025
|
"rhcLinkListCardBackgroundColor": "#fff",
|
|
980
1026
|
"rhcLinkListCardPaddingBlockStart": "1.5rem",
|
|
@@ -990,12 +1036,12 @@
|
|
|
990
1036
|
"rhcHeroHeadingFontWeight": 700,
|
|
991
1037
|
"rhcHeroHeadingLineHeight": "125%",
|
|
992
1038
|
"rhcHeroHeadingFontSize": "1.875rem",
|
|
993
|
-
"rhcHeroHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1039
|
+
"rhcHeroHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
994
1040
|
"rhcHeroSubHeadingFontWeight": 400,
|
|
995
1041
|
"rhcHeroSubHeadingLineHeight": "150%",
|
|
996
1042
|
"rhcHeroSubHeadingFontSize": "1.25rem",
|
|
997
|
-
"rhcHeroSubHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
998
|
-
"rhcHeroMessageBackgroundColor": "#
|
|
1043
|
+
"rhcHeroSubHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
1044
|
+
"rhcHeroMessageBackgroundColor": "#a90061",
|
|
999
1045
|
"rhcHeroMessageColor": "#fff",
|
|
1000
1046
|
"rhcHeroMessageRowGap": "0.125rem",
|
|
1001
1047
|
"rhcHeroMessagePaddingBlockEnd": "1rem",
|
|
@@ -1021,7 +1067,7 @@
|
|
|
1021
1067
|
"rhcPageFooterContentPaddingInlineEnd": "1rem",
|
|
1022
1068
|
"rhcPageFooterContentColumnGap": "2rem",
|
|
1023
1069
|
"rhcPageFooterBorderBlockStartWidth": "2px",
|
|
1024
|
-
"rhcPageFooterBorderBlockStartColor": "#
|
|
1070
|
+
"rhcPageFooterBorderBlockStartColor": "#CB66A0",
|
|
1025
1071
|
"rhcPageFooterBorderBlockStartStyle": "solid",
|
|
1026
1072
|
"rhcPageFooterOutlinedBackgroundColor": "#fff",
|
|
1027
1073
|
"rhcPageFooterOutlinedColor": "#a90061",
|
|
@@ -1036,7 +1082,7 @@
|
|
|
1036
1082
|
"rhcFileInputFeedbackColor": "#475569",
|
|
1037
1083
|
"rhcFileInputFeedbackFontSize": "1rem",
|
|
1038
1084
|
"rhcFileBorderStyle": "solid",
|
|
1039
|
-
"rhcFileBorderColor": "#
|
|
1085
|
+
"rhcFileBorderColor": "#a90061",
|
|
1040
1086
|
"rhcFileBorderWidth": "1px",
|
|
1041
1087
|
"rhcFileBorderRadius": "5px",
|
|
1042
1088
|
"rhcFilePaddingInlineStart": "1rem",
|
|
@@ -1061,7 +1107,7 @@
|
|
|
1061
1107
|
"rhcCardAsLinkColor": "#0F172A",
|
|
1062
1108
|
"rhcCardAsLinkColumnGap": "1rem",
|
|
1063
1109
|
"rhcCardAsLinkInlineSize": "328px",
|
|
1064
|
-
"rhcCardAsLinkIconColor": "#
|
|
1110
|
+
"rhcCardAsLinkIconColor": "#a90061",
|
|
1065
1111
|
"rhcCardAsLinkIconSize": "24px",
|
|
1066
1112
|
"rhcCardAsLinkLinkColor": "#01689b",
|
|
1067
1113
|
"rhcCardAsLinkLinkTextDecoration": "underline",
|
|
@@ -1078,17 +1124,17 @@
|
|
|
1078
1124
|
"rhcCardAsLinkActiveTextDecoration": "underline",
|
|
1079
1125
|
"rhcCardAsLinkHoverBackgroundColor": "#F8FAFC",
|
|
1080
1126
|
"rhcCardAsLinkHoverTextDecoration": "underline",
|
|
1081
|
-
"rhcCardAsLinkFocusBackgroundColor": "#
|
|
1127
|
+
"rhcCardAsLinkFocusBackgroundColor": "#f2d9e7",
|
|
1082
1128
|
"rhcCardAsLinkFocusTextDecoration": "underline",
|
|
1083
1129
|
"rhcCardAsLinkFullBleedBackgroundColor": "#000",
|
|
1084
1130
|
"rhcCardAsLinkFullBleedBorderColor": "transparent",
|
|
1085
1131
|
"rhcCardAsLinkFullBleedColor": "#fff",
|
|
1086
1132
|
"rhcCardAsLinkFullBleedOpacity": 0.5,
|
|
1087
|
-
"rhcCardAsLinkHeadingColor": "#
|
|
1133
|
+
"rhcCardAsLinkHeadingColor": "#a90061",
|
|
1088
1134
|
"rhcCardAsLinkHeadingPaddingBlockStart": "0.5rem",
|
|
1089
1135
|
"rhcCardAsLinkHeadingFontSize": "1.5rem",
|
|
1090
1136
|
"rhcCardAsLinkHeadingFontWeight": 700,
|
|
1091
|
-
"rhcCardAsLinkHorizontalBackgroundColor": "#
|
|
1137
|
+
"rhcCardAsLinkHorizontalBackgroundColor": "#a90061",
|
|
1092
1138
|
"rhcCardAsLinkHorizontalBorderColor": "transparent",
|
|
1093
1139
|
"rhcCardAsLinkHorizontalColor": "#fff",
|
|
1094
1140
|
"rhcCardAsLinkHorizontalMaxBlockSize": "96px",
|
|
@@ -1097,7 +1143,7 @@
|
|
|
1097
1143
|
"rhcCardAsLinkHorizontalPaddingInlineEnd": "1rem",
|
|
1098
1144
|
"rhcCardAsLinkHorizontalPaddingInlineStart": "1rem",
|
|
1099
1145
|
"rhcCardAsLinkHorizontalHeadingInlineSize": "200px",
|
|
1100
|
-
"rhcAccordionButtonFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1146
|
+
"rhcAccordionButtonFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
1101
1147
|
"rhcAccordionButtonFontSize": "1.25rem",
|
|
1102
1148
|
"rhcAccordionButtonFontWeight": 400,
|
|
1103
1149
|
"rhcAccordionButtonLineHeight": "150%",
|
|
@@ -1114,25 +1160,8 @@
|
|
|
1114
1160
|
"rhcAccordionHeaderMargin": 0,
|
|
1115
1161
|
"rhcAccordionBorderRadius": "0px",
|
|
1116
1162
|
"rhcAccordionColor": "#0F172A",
|
|
1117
|
-
"rhcKeepTopLeftBorderRadiusTopLeft": "48px",
|
|
1118
|
-
"rhcKeepTopLeftBorderRadiusTopRight": 0,
|
|
1119
|
-
"rhcKeepTopLeftBorderRadiusBottomRight": 0,
|
|
1120
|
-
"rhcKeepTopLeftBorderRadiusBottomLeft": 0,
|
|
1121
|
-
"rhcKeepTopRightBorderRadiusTopRight": "48px",
|
|
1122
|
-
"rhcKeepTopRightBorderRadiusTopLeft": 0,
|
|
1123
|
-
"rhcKeepTopRightBorderRadiusBottomRight": 0,
|
|
1124
|
-
"rhcKeepTopRightBorderRadiusBottomLeft": 0,
|
|
1125
|
-
"rhcKeepBottomRightBorderRadiusTopLeft": 0,
|
|
1126
|
-
"rhcKeepBottomRightBorderRadiusTopRight": 0,
|
|
1127
|
-
"rhcKeepBottomRightBorderRadiusBottomRight": "48px",
|
|
1128
|
-
"rhcKeepBottomRightBorderRadiusBottomLeft": 0,
|
|
1129
|
-
"rhcKeepBottomLeftBorderRadiusTopLeft": 0,
|
|
1130
|
-
"rhcKeepBottomLeftBorderRadiusTopRight": 0,
|
|
1131
|
-
"rhcKeepBottomLeftBorderRadiusBottomRight": 0,
|
|
1132
|
-
"rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
|
|
1133
1163
|
"rhcBorderRadiusSm": "2.5px",
|
|
1134
1164
|
"rhcBorderRadiusMd": "5px",
|
|
1135
|
-
"rhcBorderRadiusKeep": "48px",
|
|
1136
1165
|
"rhcBorderRadiusCircle": "999px",
|
|
1137
1166
|
"rhcBorderRadiusNone": "0px",
|
|
1138
1167
|
"rhcFocusOutlineOffset": "0.125rem",
|
|
@@ -1178,7 +1207,7 @@
|
|
|
1178
1207
|
"rhcFontWeightChosenRegular": 400,
|
|
1179
1208
|
"rhcFontWeightLight": 300,
|
|
1180
1209
|
"rhcFontWeightThin": 200,
|
|
1181
|
-
"rhcFontFamilyPrimary": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1210
|
+
"rhcFontFamilyPrimary": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
1182
1211
|
"rhcFontFamilySecondary": "RijksoverheidSerifWeb, 'Times New Roman', serif",
|
|
1183
1212
|
"rhcBorderWidthDefault": "1px",
|
|
1184
1213
|
"rhcBorderWidthM": "2px",
|
|
@@ -1195,7 +1224,7 @@
|
|
|
1195
1224
|
"rhcSpace600": "3rem",
|
|
1196
1225
|
"rhcSpace700": "3.5rem",
|
|
1197
1226
|
"nlSkipLinkFontWeight": 700,
|
|
1198
|
-
"nlSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1227
|
+
"nlSkipLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
1199
1228
|
"nlSkipLinkFontSize": "1.25rem",
|
|
1200
1229
|
"nlSkipLinkLineHeight": "150%",
|
|
1201
1230
|
"nlSkipLinkMinBlockSize": "48px",
|
|
@@ -1205,13 +1234,13 @@
|
|
|
1205
1234
|
"nlSkipLinkPaddingInlineEnd": "1rem",
|
|
1206
1235
|
"nlSkipLinkPaddingInlineStart": "1rem",
|
|
1207
1236
|
"nlSkipLinkFocusBackgroundColor": "#fff",
|
|
1208
|
-
"nlSkipLinkFocusBorderColor": "#
|
|
1237
|
+
"nlSkipLinkFocusBorderColor": "#a90061",
|
|
1209
1238
|
"nlSkipLinkFocusBorderStyle": "solid",
|
|
1210
1239
|
"nlSkipLinkFocusBorderWidth": "2px",
|
|
1211
1240
|
"nlSkipLinkFocusColor": "#0F172A",
|
|
1212
1241
|
"nlSkipLinkFocusTextDecoration": "None",
|
|
1213
1242
|
"nlSkipLinkFocusVisibleOutlineColor": "#000",
|
|
1214
|
-
"nlSkipLinkBackgroundColor": "#
|
|
1243
|
+
"nlSkipLinkBackgroundColor": "#a90061",
|
|
1215
1244
|
"nlSkipLinkBorderColor": "transparent",
|
|
1216
1245
|
"nlSkipLinkColor": "#fff",
|
|
1217
1246
|
"nlSkipLinkBorderWidth": "2px",
|
|
@@ -1223,7 +1252,7 @@
|
|
|
1223
1252
|
"nlSkipLinkTextDecoration": "underline",
|
|
1224
1253
|
"nlSkipLinkTextUnderlineOffset": "0.125rem",
|
|
1225
1254
|
"nlParagraphColor": "#0F172A",
|
|
1226
|
-
"nlParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1255
|
+
"nlParagraphFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
1227
1256
|
"nlParagraphFontSize": "1.25rem",
|
|
1228
1257
|
"nlParagraphFontWeight": 400,
|
|
1229
1258
|
"nlParagraphLineHeight": "150%",
|
|
@@ -1251,40 +1280,40 @@
|
|
|
1251
1280
|
"nlLinkColumnGap": "0.25rem",
|
|
1252
1281
|
"nlLinkTextDecorationThickness": "auto",
|
|
1253
1282
|
"nlLinkTextUnderlineOffset": "0.125rem",
|
|
1254
|
-
"nlLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1283
|
+
"nlLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
1255
1284
|
"nlLinkFontWeight": 400,
|
|
1256
1285
|
"nlLinkFontSize": "1.25rem",
|
|
1257
1286
|
"nlLinkLineHeight": "150%",
|
|
1258
|
-
"nlHeadingLevel1Color": "#
|
|
1259
|
-
"nlHeadingLevel1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1287
|
+
"nlHeadingLevel1Color": "#a90061",
|
|
1288
|
+
"nlHeadingLevel1FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
1260
1289
|
"nlHeadingLevel1FontWeight": 700,
|
|
1261
1290
|
"nlHeadingLevel1LineHeight": "125%",
|
|
1262
1291
|
"nlHeadingLevel1FontSize": "3.125rem",
|
|
1263
1292
|
"nlHeadingLevel1MarginBlockEnd": 0,
|
|
1264
1293
|
"nlHeadingLevel1MarginBlockStart": 0,
|
|
1265
|
-
"nlHeadingLevel2Color": "#
|
|
1266
|
-
"nlHeadingLevel2FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1294
|
+
"nlHeadingLevel2Color": "#a90061",
|
|
1295
|
+
"nlHeadingLevel2FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
1267
1296
|
"nlHeadingLevel2FontWeight": 700,
|
|
1268
1297
|
"nlHeadingLevel2LineHeight": "125%",
|
|
1269
1298
|
"nlHeadingLevel2FontSize": "2.5rem",
|
|
1270
1299
|
"nlHeadingLevel2MarginBlockEnd": 0,
|
|
1271
1300
|
"nlHeadingLevel2MarginBlockStart": 0,
|
|
1272
|
-
"nlHeadingLevel3Color": "#
|
|
1273
|
-
"nlHeadingLevel3FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1301
|
+
"nlHeadingLevel3Color": "#a90061",
|
|
1302
|
+
"nlHeadingLevel3FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
1274
1303
|
"nlHeadingLevel3FontWeight": 700,
|
|
1275
1304
|
"nlHeadingLevel3LineHeight": "125%",
|
|
1276
1305
|
"nlHeadingLevel3FontSize": "1.875rem",
|
|
1277
1306
|
"nlHeadingLevel3MarginBlockEnd": 0,
|
|
1278
1307
|
"nlHeadingLevel3MarginBlockStart": 0,
|
|
1279
|
-
"nlHeadingLevel4Color": "#
|
|
1280
|
-
"nlHeadingLevel4FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1308
|
+
"nlHeadingLevel4Color": "#a90061",
|
|
1309
|
+
"nlHeadingLevel4FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
1281
1310
|
"nlHeadingLevel4FontWeight": 700,
|
|
1282
1311
|
"nlHeadingLevel4LineHeight": "125%",
|
|
1283
1312
|
"nlHeadingLevel4FontSize": "1.5rem",
|
|
1284
1313
|
"nlHeadingLevel4MarginBlockEnd": 0,
|
|
1285
1314
|
"nlHeadingLevel4MarginBlockStart": 0,
|
|
1286
|
-
"nlHeadingLevel5Color": "#
|
|
1287
|
-
"nlHeadingLevel5FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1315
|
+
"nlHeadingLevel5Color": "#a90061",
|
|
1316
|
+
"nlHeadingLevel5FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
1288
1317
|
"nlHeadingLevel5FontWeight": 700,
|
|
1289
1318
|
"nlHeadingLevel5LineHeight": "125%",
|
|
1290
1319
|
"nlHeadingLevel5FontSize": "1.25rem",
|
|
@@ -1297,8 +1326,8 @@
|
|
|
1297
1326
|
"nlNumberBadgeFontWeight": 700,
|
|
1298
1327
|
"nlNumberBadgeBorderWidth": "0px",
|
|
1299
1328
|
"nlNumberBadgeBorderRadius": "999px",
|
|
1300
|
-
"nlNumberBadgeFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1301
|
-
"nlNumberBadgeBackgroundColor": "#
|
|
1329
|
+
"nlNumberBadgeFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
1330
|
+
"nlNumberBadgeBackgroundColor": "#a90061",
|
|
1302
1331
|
"nlNumberBadgeBorderColor": "transparent",
|
|
1303
1332
|
"nlNumberBadgeColor": "#fff",
|
|
1304
1333
|
"nlNumberBadgePaddingInline": "0.5rem",
|