@rijkshuisstijl-community/design-tokens 1.0.1 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/dist/_variables.scss +747 -624
- package/dist/index.css +747 -624
- package/dist/index.d.ts +624 -501
- package/dist/index.js +650 -527
- package/dist/index.json +649 -526
- package/dist/index.tokens.json +1684 -1515
- package/dist/root.css +747 -624
- package/dist/tokens.d.ts +1595 -1426
- package/dist/tokens.js +23437 -20600
- package/dist/uitvoerend-mintgroen-focus/_variables.scss +644 -522
- package/dist/uitvoerend-mintgroen-focus/index.css +644 -522
- package/dist/uitvoerend-mintgroen-focus/index.d.ts +736 -614
- package/dist/uitvoerend-mintgroen-focus/index.js +738 -616
- package/dist/uitvoerend-mintgroen-focus/index.json +737 -615
- package/dist/uitvoerend-mintgroen-focus/index.tokens.json +1680 -1516
- package/dist/uitvoerend-mintgroen-focus/root.css +644 -522
- package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +1587 -1423
- package/dist/uitvoerend-mintgroen-focus/tokens.js +22945 -20135
- package/dist/uitvoerend-violet/_variables.scss +153 -30
- package/dist/uitvoerend-violet/index.css +153 -30
- package/dist/uitvoerend-violet/index.d.ts +125 -2
- package/dist/uitvoerend-violet/index.js +153 -30
- package/dist/uitvoerend-violet/index.json +152 -29
- package/dist/uitvoerend-violet/index.tokens.json +202 -33
- package/dist/uitvoerend-violet/root.css +153 -30
- package/dist/uitvoerend-violet/tokens.d.ts +175 -6
- package/dist/uitvoerend-violet/tokens.js +5872 -3035
- package/dist/uitvoerend-violet-oud/_variables.scss +153 -30
- package/dist/uitvoerend-violet-oud/index.css +153 -30
- package/dist/uitvoerend-violet-oud/index.d.ts +125 -2
- package/dist/uitvoerend-violet-oud/index.js +153 -30
- package/dist/uitvoerend-violet-oud/index.json +152 -29
- package/dist/uitvoerend-violet-oud/index.tokens.json +202 -33
- package/dist/uitvoerend-violet-oud/root.css +153 -30
- package/dist/uitvoerend-violet-oud/tokens.d.ts +175 -6
- package/dist/uitvoerend-violet-oud/tokens.js +5872 -3035
- package/dist/wetgevend/_variables.scss +153 -30
- package/dist/wetgevend/index.css +153 -30
- package/dist/wetgevend/index.d.ts +125 -2
- package/dist/wetgevend/index.js +153 -30
- package/dist/wetgevend/index.json +152 -29
- package/dist/wetgevend/index.tokens.json +202 -33
- package/dist/wetgevend/root.css +153 -30
- package/dist/wetgevend/tokens.d.ts +175 -6
- package/dist/wetgevend/tokens.js +5872 -3035
- package/figma/figma.tokens.json +2083 -236
- package/package.json +1 -1
- package/src/generated/base.tokens.json +4588 -4007
- package/src/generated/themes.json +6707 -4391
- package/src/generated/uitvoerend-mintgroen-focus/tokens.json +4663 -4090
- package/src/generated/uitvoerend-violet/tokens.json +625 -44
- package/src/generated/uitvoerend-violet-oud/tokens.json +625 -44
- package/src/generated/wetgevend/tokens.json +625 -44
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 29 Apr 2025 12:01:02 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtPreHeadingColor : string;
|
|
@@ -138,6 +138,34 @@ export const utrechtTableContainerBoxInlineStartShadowBlur : string;
|
|
|
138
138
|
export const utrechtTableContainerBoxInlineStartShadowSpread : number;
|
|
139
139
|
export const utrechtTableContainerBoxInlineStartShadowColor : string;
|
|
140
140
|
export const utrechtTableFontSize : string;
|
|
141
|
+
export const utrechtSkipLinkFontWeight : number;
|
|
142
|
+
export const utrechtSkipLinkFontFamily : string;
|
|
143
|
+
export const utrechtSkipLinkFontSize : string;
|
|
144
|
+
export const utrechtSkipLinkLineHeight : string;
|
|
145
|
+
export const utrechtSkipLinkMinBlockSize : string;
|
|
146
|
+
export const utrechtSkipLinkMinInlineSize : string;
|
|
147
|
+
export const utrechtSkipLinkPaddingBlockEnd : string;
|
|
148
|
+
export const utrechtSkipLinkPaddingBlockStart : string;
|
|
149
|
+
export const utrechtSkipLinkPaddingInlineEnd : string;
|
|
150
|
+
export const utrechtSkipLinkPaddingInlineStart : string;
|
|
151
|
+
export const utrechtSkipLinkFocusBackgroundColor : string;
|
|
152
|
+
export const utrechtSkipLinkFocusBorderColor : string;
|
|
153
|
+
export const utrechtSkipLinkFocusBorderStyle : string;
|
|
154
|
+
export const utrechtSkipLinkFocusBorderWidth : string;
|
|
155
|
+
export const utrechtSkipLinkFocusColor : string;
|
|
156
|
+
export const utrechtSkipLinkFocusTextDecoration : string;
|
|
157
|
+
export const utrechtSkipLinkFocusVisibleOutlineColor : string;
|
|
158
|
+
export const utrechtSkipLinkBackgroundColor : string;
|
|
159
|
+
export const utrechtSkipLinkBorderColor : string;
|
|
160
|
+
export const utrechtSkipLinkColor : string;
|
|
161
|
+
export const utrechtSkipLinkBorderWidth : string;
|
|
162
|
+
export const utrechtSkipLinkBoxBlockEndShadowOffsetX : number;
|
|
163
|
+
export const utrechtSkipLinkBoxBlockEndShadowOffsetY : string;
|
|
164
|
+
export const utrechtSkipLinkBoxBlockEndShadowBlurRadius : string;
|
|
165
|
+
export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius : number;
|
|
166
|
+
export const utrechtSkipLinkBoxBlockEndShadowColor : string;
|
|
167
|
+
export const utrechtSkipLinkTextDecoration : string;
|
|
168
|
+
export const utrechtSkipLinkTextUnderlineOffset : string;
|
|
141
169
|
export const utrechtSeparatorColor : string;
|
|
142
170
|
export const utrechtSeparatorBlockSize : string;
|
|
143
171
|
export const utrechtSeparatorMarginBlockEnd : string;
|
|
@@ -214,6 +242,17 @@ export const utrechtRadioButtonHoverBorderColor : string;
|
|
|
214
242
|
export const utrechtRadioButtonHoverBorderWidth : string;
|
|
215
243
|
export const utrechtRadioButtonBorderRadius : string;
|
|
216
244
|
export const utrechtRadioButtonBorderWidth : string;
|
|
245
|
+
export const utrechtParagraphColor : string;
|
|
246
|
+
export const utrechtParagraphFontFamily : string;
|
|
247
|
+
export const utrechtParagraphFontSize : string;
|
|
248
|
+
export const utrechtParagraphFontWeight : number;
|
|
249
|
+
export const utrechtParagraphLineHeight : string;
|
|
250
|
+
export const utrechtParagraphMarginBlockEnd : number;
|
|
251
|
+
export const utrechtParagraphMarginBlockStart : number;
|
|
252
|
+
export const utrechtParagraphLeadColor : string;
|
|
253
|
+
export const utrechtParagraphLeadFontSize : string;
|
|
254
|
+
export const utrechtParagraphLeadFontWeight : number;
|
|
255
|
+
export const utrechtParagraphLeadLineHeight : string;
|
|
217
256
|
export const utrechtOrderedListPaddingInlineStart : string;
|
|
218
257
|
export const utrechtOrderedListMarginBlockEnd : string;
|
|
219
258
|
export const utrechtOrderedListMarginBlockStart : string;
|
|
@@ -255,6 +294,41 @@ export const utrechtLinkFontFamily : string;
|
|
|
255
294
|
export const utrechtLinkFontWeight : number;
|
|
256
295
|
export const utrechtLinkFontSize : string;
|
|
257
296
|
export const utrechtLinkLineHeight : string;
|
|
297
|
+
export const utrechtHeading1Color : string;
|
|
298
|
+
export const utrechtHeading1FontFamily : string;
|
|
299
|
+
export const utrechtHeading1FontWeight : number;
|
|
300
|
+
export const utrechtHeading1LineHeight : string;
|
|
301
|
+
export const utrechtHeading1FontSize : string;
|
|
302
|
+
export const utrechtHeading1MarginBlockEnd : number;
|
|
303
|
+
export const utrechtHeading1MarginBlockStart : number;
|
|
304
|
+
export const utrechtHeading2Color : string;
|
|
305
|
+
export const utrechtHeading2FontFamily : string;
|
|
306
|
+
export const utrechtHeading2FontWeight : number;
|
|
307
|
+
export const utrechtHeading2LineHeight : string;
|
|
308
|
+
export const utrechtHeading2FontSize : string;
|
|
309
|
+
export const utrechtHeading2MarginBlockEnd : number;
|
|
310
|
+
export const utrechtHeading2MarginBlockStart : number;
|
|
311
|
+
export const utrechtHeading3Color : string;
|
|
312
|
+
export const utrechtHeading3FontFamily : string;
|
|
313
|
+
export const utrechtHeading3FontWeight : number;
|
|
314
|
+
export const utrechtHeading3LineHeight : string;
|
|
315
|
+
export const utrechtHeading3FontSize : string;
|
|
316
|
+
export const utrechtHeading3MarginBlockEnd : number;
|
|
317
|
+
export const utrechtHeading3MarginBlockStart : number;
|
|
318
|
+
export const utrechtHeading4Color : string;
|
|
319
|
+
export const utrechtHeading4FontFamily : string;
|
|
320
|
+
export const utrechtHeading4FontWeight : number;
|
|
321
|
+
export const utrechtHeading4LineHeight : string;
|
|
322
|
+
export const utrechtHeading4FontSize : string;
|
|
323
|
+
export const utrechtHeading4MarginBlockEnd : number;
|
|
324
|
+
export const utrechtHeading4MarginBlockStart : number;
|
|
325
|
+
export const utrechtHeading5Color : string;
|
|
326
|
+
export const utrechtHeading5FontFamily : string;
|
|
327
|
+
export const utrechtHeading5FontWeight : number;
|
|
328
|
+
export const utrechtHeading5LineHeight : string;
|
|
329
|
+
export const utrechtHeading5FontSize : string;
|
|
330
|
+
export const utrechtHeading5MarginBlockEnd : number;
|
|
331
|
+
export const utrechtHeading5MarginBlockStart : number;
|
|
258
332
|
export const utrechtFormLabelColor : string;
|
|
259
333
|
export const utrechtFormLabelFontSize : string;
|
|
260
334
|
export const utrechtFormLabelFontWeight : number;
|
|
@@ -314,6 +388,19 @@ export const utrechtFormFieldsetSectionColor : string;
|
|
|
314
388
|
export const utrechtFormFieldsetInvalidBorderInlineStartColor : string;
|
|
315
389
|
export const utrechtFormFieldsetInvalidPaddingInlineStart : number;
|
|
316
390
|
export const utrechtFormFieldsetInvalidBorderInlineStartWidth : string;
|
|
391
|
+
export const utrechtNumberBadgeFontSize : string;
|
|
392
|
+
export const utrechtNumberBadgeLineHeight : string;
|
|
393
|
+
export const utrechtNumberBadgeMinBlockSize : string;
|
|
394
|
+
export const utrechtNumberBadgeMinInlineSize : string;
|
|
395
|
+
export const utrechtNumberBadgeFontWeight : number;
|
|
396
|
+
export const utrechtNumberBadgeBorderWidth : string;
|
|
397
|
+
export const utrechtNumberBadgeBorderRadius : string;
|
|
398
|
+
export const utrechtNumberBadgeFontFamily : string;
|
|
399
|
+
export const utrechtNumberBadgeBackgroundColor : string;
|
|
400
|
+
export const utrechtNumberBadgeBorderColor : string;
|
|
401
|
+
export const utrechtNumberBadgeColor : string;
|
|
402
|
+
export const utrechtNumberBadgePaddingInline : string;
|
|
403
|
+
export const utrechtNumberBadgePaddingBlock : string;
|
|
317
404
|
export const utrechtCheckboxBorderRadius : string;
|
|
318
405
|
export const utrechtCheckboxSize : string;
|
|
319
406
|
export const utrechtCheckboxIconSize : string;
|
|
@@ -427,6 +514,9 @@ export const utrechtButtonPrimaryActionActiveBorderColor : string;
|
|
|
427
514
|
export const utrechtButtonPrimaryActionActiveColor : string;
|
|
428
515
|
export const utrechtButtonPrimaryActionFontSize : string;
|
|
429
516
|
export const utrechtButtonPrimaryActionLineHeight : string;
|
|
517
|
+
export const utrechtButtonPrimaryActionPressedBackgroundColor : string;
|
|
518
|
+
export const utrechtButtonPrimaryActionPressedBorderColor : string;
|
|
519
|
+
export const utrechtButtonPrimaryActionPressedColor : string;
|
|
430
520
|
export const utrechtButtonSecondaryActionHoverBackgroundColor : string;
|
|
431
521
|
export const utrechtButtonSecondaryActionHoverBorderColor : string;
|
|
432
522
|
export const utrechtButtonSecondaryActionHoverColor : string;
|
|
@@ -445,6 +535,9 @@ export const utrechtButtonSecondaryActionActiveBorderColor : string;
|
|
|
445
535
|
export const utrechtButtonSecondaryActionActiveColor : string;
|
|
446
536
|
export const utrechtButtonSecondaryActionFontSize : string;
|
|
447
537
|
export const utrechtButtonSecondaryActionLineHeight : string;
|
|
538
|
+
export const utrechtButtonSecondaryActionPressedBackgroundColor : string;
|
|
539
|
+
export const utrechtButtonSecondaryActionPressedBorderColor : string;
|
|
540
|
+
export const utrechtButtonSecondaryActionPressedColor : string;
|
|
448
541
|
export const utrechtButtonSubtleFontSize : string;
|
|
449
542
|
export const utrechtButtonSubtleFontWeight : number;
|
|
450
543
|
export const utrechtButtonSubtleHoverBackgroundColor : string;
|
|
@@ -463,6 +556,12 @@ export const utrechtButtonSubtleActiveBackgroundColor : string;
|
|
|
463
556
|
export const utrechtButtonSubtleActiveBorderColor : string;
|
|
464
557
|
export const utrechtButtonSubtleActiveColor : string;
|
|
465
558
|
export const utrechtButtonSubtleLineHeight : string;
|
|
559
|
+
export const utrechtButtonSubtlePressedBackgroundColor : string;
|
|
560
|
+
export const utrechtButtonSubtlePressedBorderColor : string;
|
|
561
|
+
export const utrechtButtonSubtlePressedColor : string;
|
|
562
|
+
export const utrechtButtonPressedBackgroundColor : string;
|
|
563
|
+
export const utrechtButtonPressedBorderColor : string;
|
|
564
|
+
export const utrechtButtonPressedColor : string;
|
|
466
565
|
export const utrechtBreadcrumbNavLineHeight : number;
|
|
467
566
|
export const utrechtBreadcrumbNavFontSize : string;
|
|
468
567
|
export const utrechtBreadcrumbNavLinkIconSize : string;
|
|
@@ -855,6 +954,7 @@ export const rhcCardAsLinkFullBleedBackgroundColor : string;
|
|
|
855
954
|
export const rhcCardAsLinkFullBleedBorderColor : string;
|
|
856
955
|
export const rhcCardAsLinkFullBleedColor : string;
|
|
857
956
|
export const rhcCardAsLinkFullBleedOpacity : number;
|
|
957
|
+
export const rhcCardAsLinkHeadingColor : string;
|
|
858
958
|
export const rhcCardAsLinkHeadingPaddingBlockStart : string;
|
|
859
959
|
export const rhcCardAsLinkHeadingFontSize : string;
|
|
860
960
|
export const rhcCardAsLinkHeadingFontWeight : number;
|
|
@@ -908,8 +1008,8 @@ export const rhcBorderRadiusNone : string;
|
|
|
908
1008
|
export const rhcColorFocusOutline : string;
|
|
909
1009
|
export const rhcColorForegroundDefault : string;
|
|
910
1010
|
export const rhcColorForegroundSubdued : string;
|
|
911
|
-
export const rhcColorForegroundOnEmphasis : string;
|
|
912
1011
|
export const rhcColorForegroundLink : string;
|
|
1012
|
+
export const rhcColorForegroundOnEmphasis : string;
|
|
913
1013
|
export const rhcColorBorderDefault : string;
|
|
914
1014
|
export const rhcColorBorderSubdued : string;
|
|
915
1015
|
export const rhcColorBorderStrong : string;
|
|
@@ -923,6 +1023,7 @@ export const rhcColorFeedbackErrorSubdued : string;
|
|
|
923
1023
|
export const rhcColorFeedbackWarningDefault : string;
|
|
924
1024
|
export const rhcColorFeedbackWarningSubdued : string;
|
|
925
1025
|
export const rhcColorAccent500 : string;
|
|
1026
|
+
export const rhcColorAccent2500 : string;
|
|
926
1027
|
export const rhcColorPrimary50 : string;
|
|
927
1028
|
export const rhcColorPrimary100 : string;
|
|
928
1029
|
export const rhcColorPrimary200 : string;
|
|
@@ -1149,6 +1250,28 @@ export const nlParagraphLeadColor : string;
|
|
|
1149
1250
|
export const nlParagraphLeadFontSize : string;
|
|
1150
1251
|
export const nlParagraphLeadFontWeight : number;
|
|
1151
1252
|
export const nlParagraphLeadLineHeight : string;
|
|
1253
|
+
export const nlLinkColor : string;
|
|
1254
|
+
export const nlLinkTextDecorationColor : string;
|
|
1255
|
+
export const nlLinkActiveColor : string;
|
|
1256
|
+
export const nlLinkActiveTextDecoration : string;
|
|
1257
|
+
export const nlLinkFocusBackgroundColor : string;
|
|
1258
|
+
export const nlLinkFocusColor : string;
|
|
1259
|
+
export const nlLinkFocusTextDecoration : string;
|
|
1260
|
+
export const nlLinkFocusTextDecorationThickness : string;
|
|
1261
|
+
export const nlLinkHoverColor : string;
|
|
1262
|
+
export const nlLinkHoverTextDecoration : string;
|
|
1263
|
+
export const nlLinkHoverTextDecorationThickness : string;
|
|
1264
|
+
export const nlLinkVisitedColor : string;
|
|
1265
|
+
export const nlLinkTextDecoration : string;
|
|
1266
|
+
export const nlLinkIconInsetBlockStart : string;
|
|
1267
|
+
export const nlLinkIconSize : string;
|
|
1268
|
+
export const nlLinkColumnGap : string;
|
|
1269
|
+
export const nlLinkTextDecorationThickness : string;
|
|
1270
|
+
export const nlLinkTextUnderlineOffset : string;
|
|
1271
|
+
export const nlLinkFontFamily : string;
|
|
1272
|
+
export const nlLinkFontWeight : number;
|
|
1273
|
+
export const nlLinkFontSize : string;
|
|
1274
|
+
export const nlLinkLineHeight : string;
|
|
1152
1275
|
export const nlHeadingLevel1Color : string;
|
|
1153
1276
|
export const nlHeadingLevel1FontFamily : string;
|
|
1154
1277
|
export const nlHeadingLevel1FontWeight : number;
|
package/dist/wetgevend/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 29 Apr 2025 12:01:02 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtPreHeadingColor = "#0F172A";
|
|
@@ -138,6 +138,34 @@ export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
|
|
|
138
138
|
export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
|
|
139
139
|
export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
|
|
140
140
|
export const utrechtTableFontSize = "1.25rem";
|
|
141
|
+
export const utrechtSkipLinkFontWeight = 700;
|
|
142
|
+
export const utrechtSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
143
|
+
export const utrechtSkipLinkFontSize = "1.25rem";
|
|
144
|
+
export const utrechtSkipLinkLineHeight = "150%";
|
|
145
|
+
export const utrechtSkipLinkMinBlockSize = "48px";
|
|
146
|
+
export const utrechtSkipLinkMinInlineSize = "48px";
|
|
147
|
+
export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
|
|
148
|
+
export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
|
|
149
|
+
export const utrechtSkipLinkPaddingInlineEnd = "1rem";
|
|
150
|
+
export const utrechtSkipLinkPaddingInlineStart = "1rem";
|
|
151
|
+
export const utrechtSkipLinkFocusBackgroundColor = "#fff";
|
|
152
|
+
export const utrechtSkipLinkFocusBorderColor = "#154273";
|
|
153
|
+
export const utrechtSkipLinkFocusBorderStyle = "solid";
|
|
154
|
+
export const utrechtSkipLinkFocusBorderWidth = "2px";
|
|
155
|
+
export const utrechtSkipLinkFocusColor = "#0F172A";
|
|
156
|
+
export const utrechtSkipLinkFocusTextDecoration = "None";
|
|
157
|
+
export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
|
|
158
|
+
export const utrechtSkipLinkBackgroundColor = "#154273";
|
|
159
|
+
export const utrechtSkipLinkBorderColor = "transparent";
|
|
160
|
+
export const utrechtSkipLinkColor = "#fff";
|
|
161
|
+
export const utrechtSkipLinkBorderWidth = "2px";
|
|
162
|
+
export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
|
|
163
|
+
export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
|
|
164
|
+
export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
|
|
165
|
+
export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
|
|
166
|
+
export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
|
|
167
|
+
export const utrechtSkipLinkTextDecoration = "underline";
|
|
168
|
+
export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
|
|
141
169
|
export const utrechtSeparatorColor = "#CBD5E1";
|
|
142
170
|
export const utrechtSeparatorBlockSize = "2px";
|
|
143
171
|
export const utrechtSeparatorMarginBlockEnd = "0.75rem";
|
|
@@ -214,6 +242,17 @@ export const utrechtRadioButtonHoverBorderColor = "#738eab";
|
|
|
214
242
|
export const utrechtRadioButtonHoverBorderWidth = "1px";
|
|
215
243
|
export const utrechtRadioButtonBorderRadius = "999px";
|
|
216
244
|
export const utrechtRadioButtonBorderWidth = "1px";
|
|
245
|
+
export const utrechtParagraphColor = "#0F172A";
|
|
246
|
+
export const utrechtParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
247
|
+
export const utrechtParagraphFontSize = "1.25rem";
|
|
248
|
+
export const utrechtParagraphFontWeight = 400;
|
|
249
|
+
export const utrechtParagraphLineHeight = "150%";
|
|
250
|
+
export const utrechtParagraphMarginBlockEnd = 0;
|
|
251
|
+
export const utrechtParagraphMarginBlockStart = 0;
|
|
252
|
+
export const utrechtParagraphLeadColor = "#0F172A";
|
|
253
|
+
export const utrechtParagraphLeadFontSize = "1.5rem";
|
|
254
|
+
export const utrechtParagraphLeadFontWeight = 400;
|
|
255
|
+
export const utrechtParagraphLeadLineHeight = "150%";
|
|
217
256
|
export const utrechtOrderedListPaddingInlineStart = "1.5rem";
|
|
218
257
|
export const utrechtOrderedListMarginBlockEnd = "0.25rem";
|
|
219
258
|
export const utrechtOrderedListMarginBlockStart = "0.25rem";
|
|
@@ -255,6 +294,41 @@ export const utrechtLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
|
255
294
|
export const utrechtLinkFontWeight = 400;
|
|
256
295
|
export const utrechtLinkFontSize = "1.25rem";
|
|
257
296
|
export const utrechtLinkLineHeight = "150%";
|
|
297
|
+
export const utrechtHeading1Color = "#154273";
|
|
298
|
+
export const utrechtHeading1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
299
|
+
export const utrechtHeading1FontWeight = 700;
|
|
300
|
+
export const utrechtHeading1LineHeight = "125%";
|
|
301
|
+
export const utrechtHeading1FontSize = "3.125rem";
|
|
302
|
+
export const utrechtHeading1MarginBlockEnd = 0;
|
|
303
|
+
export const utrechtHeading1MarginBlockStart = 0;
|
|
304
|
+
export const utrechtHeading2Color = "#154273";
|
|
305
|
+
export const utrechtHeading2FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
306
|
+
export const utrechtHeading2FontWeight = 700;
|
|
307
|
+
export const utrechtHeading2LineHeight = "125%";
|
|
308
|
+
export const utrechtHeading2FontSize = "2.5rem";
|
|
309
|
+
export const utrechtHeading2MarginBlockEnd = 0;
|
|
310
|
+
export const utrechtHeading2MarginBlockStart = 0;
|
|
311
|
+
export const utrechtHeading3Color = "#154273";
|
|
312
|
+
export const utrechtHeading3FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
313
|
+
export const utrechtHeading3FontWeight = 700;
|
|
314
|
+
export const utrechtHeading3LineHeight = "125%";
|
|
315
|
+
export const utrechtHeading3FontSize = "1.875rem";
|
|
316
|
+
export const utrechtHeading3MarginBlockEnd = 0;
|
|
317
|
+
export const utrechtHeading3MarginBlockStart = 0;
|
|
318
|
+
export const utrechtHeading4Color = "#154273";
|
|
319
|
+
export const utrechtHeading4FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
320
|
+
export const utrechtHeading4FontWeight = 700;
|
|
321
|
+
export const utrechtHeading4LineHeight = "125%";
|
|
322
|
+
export const utrechtHeading4FontSize = "1.5rem";
|
|
323
|
+
export const utrechtHeading4MarginBlockEnd = 0;
|
|
324
|
+
export const utrechtHeading4MarginBlockStart = 0;
|
|
325
|
+
export const utrechtHeading5Color = "#154273";
|
|
326
|
+
export const utrechtHeading5FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
327
|
+
export const utrechtHeading5FontWeight = 700;
|
|
328
|
+
export const utrechtHeading5LineHeight = "125%";
|
|
329
|
+
export const utrechtHeading5FontSize = "1.25rem";
|
|
330
|
+
export const utrechtHeading5MarginBlockEnd = 0;
|
|
331
|
+
export const utrechtHeading5MarginBlockStart = 0;
|
|
258
332
|
export const utrechtFormLabelColor = "#0F172A";
|
|
259
333
|
export const utrechtFormLabelFontSize = "1.25rem";
|
|
260
334
|
export const utrechtFormLabelFontWeight = 700;
|
|
@@ -314,6 +388,19 @@ export const utrechtFormFieldsetSectionColor = "#0F172A";
|
|
|
314
388
|
export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
|
|
315
389
|
export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
|
|
316
390
|
export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
|
|
391
|
+
export const utrechtNumberBadgeFontSize = "1.25rem";
|
|
392
|
+
export const utrechtNumberBadgeLineHeight = "150%";
|
|
393
|
+
export const utrechtNumberBadgeMinBlockSize = "24px";
|
|
394
|
+
export const utrechtNumberBadgeMinInlineSize = "24px";
|
|
395
|
+
export const utrechtNumberBadgeFontWeight = 700;
|
|
396
|
+
export const utrechtNumberBadgeBorderWidth = "0px";
|
|
397
|
+
export const utrechtNumberBadgeBorderRadius = "999px";
|
|
398
|
+
export const utrechtNumberBadgeFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
399
|
+
export const utrechtNumberBadgeBackgroundColor = "#154273";
|
|
400
|
+
export const utrechtNumberBadgeBorderColor = "transparent";
|
|
401
|
+
export const utrechtNumberBadgeColor = "#fff";
|
|
402
|
+
export const utrechtNumberBadgePaddingInline = "0.5rem";
|
|
403
|
+
export const utrechtNumberBadgePaddingBlock = "0.5rem";
|
|
317
404
|
export const utrechtCheckboxBorderRadius = "2.5px";
|
|
318
405
|
export const utrechtCheckboxSize = "24px";
|
|
319
406
|
export const utrechtCheckboxIconSize = "24px";
|
|
@@ -379,9 +466,9 @@ export const utrechtButtonGroupMarginBlockStart = "0px";
|
|
|
379
466
|
export const utrechtButtonGroupPaddingBlockEnd = "0px";
|
|
380
467
|
export const utrechtButtonGroupPaddingBlockStart = "0px";
|
|
381
468
|
export const utrechtButtonGroupRowGap = "0.5rem";
|
|
382
|
-
export const utrechtButtonBackgroundColor = "
|
|
383
|
-
export const utrechtButtonBorderColor = "
|
|
384
|
-
export const utrechtButtonColor = "#
|
|
469
|
+
export const utrechtButtonBackgroundColor = "#0F172A";
|
|
470
|
+
export const utrechtButtonBorderColor = "transparent";
|
|
471
|
+
export const utrechtButtonColor = "#fff";
|
|
385
472
|
export const utrechtButtonBorderRadius = "5px";
|
|
386
473
|
export const utrechtButtonBorderWidth = "1px";
|
|
387
474
|
export const utrechtButtonIconGap = "0.5rem";
|
|
@@ -394,18 +481,18 @@ export const utrechtButtonPaddingBlockEnd = "0.5rem";
|
|
|
394
481
|
export const utrechtButtonPaddingBlockStart = "0.5rem";
|
|
395
482
|
export const utrechtButtonPaddingInlineEnd = "1rem";
|
|
396
483
|
export const utrechtButtonPaddingInlineStart = "1rem";
|
|
397
|
-
export const utrechtButtonDisabledBackgroundColor = "#
|
|
484
|
+
export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
|
|
398
485
|
export const utrechtButtonDisabledBorderColor = "transparent";
|
|
399
|
-
export const utrechtButtonDisabledColor = "#
|
|
400
|
-
export const utrechtButtonFocusBackgroundColor = "#
|
|
486
|
+
export const utrechtButtonDisabledColor = "#94A3B8";
|
|
487
|
+
export const utrechtButtonFocusBackgroundColor = "#475569";
|
|
401
488
|
export const utrechtButtonFocusBorderColor = "transparent";
|
|
402
|
-
export const utrechtButtonFocusColor = "#
|
|
403
|
-
export const utrechtButtonHoverBackgroundColor = "#
|
|
404
|
-
export const utrechtButtonHoverBorderColor = "
|
|
405
|
-
export const utrechtButtonHoverColor = "#
|
|
406
|
-
export const utrechtButtonActiveBackgroundColor = "#
|
|
407
|
-
export const utrechtButtonActiveBorderColor = "
|
|
408
|
-
export const utrechtButtonActiveColor = "#
|
|
489
|
+
export const utrechtButtonFocusColor = "#fff";
|
|
490
|
+
export const utrechtButtonHoverBackgroundColor = "#475569";
|
|
491
|
+
export const utrechtButtonHoverBorderColor = "transparent";
|
|
492
|
+
export const utrechtButtonHoverColor = "#fff";
|
|
493
|
+
export const utrechtButtonActiveBackgroundColor = "#1E293B";
|
|
494
|
+
export const utrechtButtonActiveBorderColor = "transparent";
|
|
495
|
+
export const utrechtButtonActiveColor = "#fff";
|
|
409
496
|
export const utrechtButtonMinBlockSize = "48px";
|
|
410
497
|
export const utrechtButtonMinInlineSize = "48px";
|
|
411
498
|
export const utrechtButtonColumnGap = "0.5rem";
|
|
@@ -416,9 +503,9 @@ export const utrechtButtonPrimaryActionBackgroundColor = "#154273";
|
|
|
416
503
|
export const utrechtButtonPrimaryActionBorderColor = "transparent";
|
|
417
504
|
export const utrechtButtonPrimaryActionColor = "#fff";
|
|
418
505
|
export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#b8c6d5";
|
|
419
|
-
export const utrechtButtonPrimaryActionDisabledBorderColor = "
|
|
506
|
+
export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
|
|
420
507
|
export const utrechtButtonPrimaryActionDisabledColor = "#4f7196";
|
|
421
|
-
export const utrechtButtonPrimaryActionFocusBackgroundColor = "#
|
|
508
|
+
export const utrechtButtonPrimaryActionFocusBackgroundColor = "#162f50";
|
|
422
509
|
export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
|
|
423
510
|
export const utrechtButtonPrimaryActionFocusColor = "#fff";
|
|
424
511
|
export const utrechtButtonPrimaryActionFontWeight = 700;
|
|
@@ -427,27 +514,33 @@ export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
|
|
|
427
514
|
export const utrechtButtonPrimaryActionActiveColor = "#fff";
|
|
428
515
|
export const utrechtButtonPrimaryActionFontSize = "1.25rem";
|
|
429
516
|
export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
|
|
430
|
-
export const
|
|
431
|
-
export const
|
|
432
|
-
export const
|
|
517
|
+
export const utrechtButtonPrimaryActionPressedBackgroundColor = "#162945";
|
|
518
|
+
export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
|
|
519
|
+
export const utrechtButtonPrimaryActionPressedColor = "#fff";
|
|
520
|
+
export const utrechtButtonSecondaryActionHoverBackgroundColor = "#dce3ea";
|
|
521
|
+
export const utrechtButtonSecondaryActionHoverBorderColor = "#162f50";
|
|
522
|
+
export const utrechtButtonSecondaryActionHoverColor = "#162f50";
|
|
433
523
|
export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
|
|
434
524
|
export const utrechtButtonSecondaryActionBorderColor = "#154273";
|
|
435
525
|
export const utrechtButtonSecondaryActionColor = "#154273";
|
|
436
526
|
export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
|
|
437
|
-
export const utrechtButtonSecondaryActionDisabledBorderColor = "#
|
|
527
|
+
export const utrechtButtonSecondaryActionDisabledBorderColor = "#95a9c0";
|
|
438
528
|
export const utrechtButtonSecondaryActionDisabledColor = "#738eab";
|
|
439
|
-
export const utrechtButtonSecondaryActionFocusBackgroundColor = "#
|
|
529
|
+
export const utrechtButtonSecondaryActionFocusBackgroundColor = "#dce3ea";
|
|
440
530
|
export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
|
|
441
|
-
export const utrechtButtonSecondaryActionFocusColor = "#
|
|
531
|
+
export const utrechtButtonSecondaryActionFocusColor = "#162f50";
|
|
442
532
|
export const utrechtButtonSecondaryActionFontWeight = 700;
|
|
443
533
|
export const utrechtButtonSecondaryActionActiveBackgroundColor = "#95a9c0";
|
|
444
|
-
export const utrechtButtonSecondaryActionActiveBorderColor = "#
|
|
445
|
-
export const utrechtButtonSecondaryActionActiveColor = "#
|
|
534
|
+
export const utrechtButtonSecondaryActionActiveBorderColor = "#162945";
|
|
535
|
+
export const utrechtButtonSecondaryActionActiveColor = "#162f50";
|
|
446
536
|
export const utrechtButtonSecondaryActionFontSize = "1.25rem";
|
|
447
537
|
export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
|
|
538
|
+
export const utrechtButtonSecondaryActionPressedBackgroundColor = "#b8c6d5";
|
|
539
|
+
export const utrechtButtonSecondaryActionPressedBorderColor = "#162945";
|
|
540
|
+
export const utrechtButtonSecondaryActionPressedColor = "#162945";
|
|
448
541
|
export const utrechtButtonSubtleFontSize = "1.25rem";
|
|
449
542
|
export const utrechtButtonSubtleFontWeight = 700;
|
|
450
|
-
export const utrechtButtonSubtleHoverBackgroundColor = "
|
|
543
|
+
export const utrechtButtonSubtleHoverBackgroundColor = "#dce3ea";
|
|
451
544
|
export const utrechtButtonSubtleHoverBorderColor = "transparent";
|
|
452
545
|
export const utrechtButtonSubtleHoverColor = "#162f50";
|
|
453
546
|
export const utrechtButtonSubtleBackgroundColor = "transparent";
|
|
@@ -458,11 +551,17 @@ export const utrechtButtonSubtleDisabledBorderColor = "transparent";
|
|
|
458
551
|
export const utrechtButtonSubtleDisabledColor = "#b8c6d5";
|
|
459
552
|
export const utrechtButtonSubtleFocusBackgroundColor = "#dce3ea";
|
|
460
553
|
export const utrechtButtonSubtleFocusBorderColor = "transparent";
|
|
461
|
-
export const utrechtButtonSubtleFocusColor = "#
|
|
462
|
-
export const utrechtButtonSubtleActiveBackgroundColor = "
|
|
554
|
+
export const utrechtButtonSubtleFocusColor = "#162f50";
|
|
555
|
+
export const utrechtButtonSubtleActiveBackgroundColor = "#95a9c0";
|
|
463
556
|
export const utrechtButtonSubtleActiveBorderColor = "transparent";
|
|
464
557
|
export const utrechtButtonSubtleActiveColor = "#0d2845";
|
|
465
558
|
export const utrechtButtonSubtleLineHeight = "1.875rem";
|
|
559
|
+
export const utrechtButtonSubtlePressedBackgroundColor = "#b8c6d5";
|
|
560
|
+
export const utrechtButtonSubtlePressedBorderColor = "transparent";
|
|
561
|
+
export const utrechtButtonSubtlePressedColor = "#162945";
|
|
562
|
+
export const utrechtButtonPressedBackgroundColor = "#1E293B";
|
|
563
|
+
export const utrechtButtonPressedBorderColor = "transparent";
|
|
564
|
+
export const utrechtButtonPressedColor = "#fff";
|
|
466
565
|
export const utrechtBreadcrumbNavLineHeight = 1.4;
|
|
467
566
|
export const utrechtBreadcrumbNavFontSize = "1.25rem";
|
|
468
567
|
export const utrechtBreadcrumbNavLinkIconSize = "24px";
|
|
@@ -832,14 +931,14 @@ export const rhcCardAsLinkBorderWidth = "1px";
|
|
|
832
931
|
export const rhcCardAsLinkColor = "#0F172A";
|
|
833
932
|
export const rhcCardAsLinkColumnGap = "1rem";
|
|
834
933
|
export const rhcCardAsLinkInlineSize = "328px";
|
|
835
|
-
export const rhcCardAsLinkIconColor = "#
|
|
934
|
+
export const rhcCardAsLinkIconColor = "#154273";
|
|
836
935
|
export const rhcCardAsLinkIconSize = "24px";
|
|
837
936
|
export const rhcCardAsLinkLinkColor = "#01689b";
|
|
838
937
|
export const rhcCardAsLinkLinkTextDecoration = "underline";
|
|
839
938
|
export const rhcCardAsLinkLinkActiveTextDecoration = "none";
|
|
840
939
|
export const rhcCardAsLinkLinkHoverTextDecoration = "none";
|
|
841
940
|
export const rhcCardAsLinkLinkFocusTextDecoration = "none";
|
|
842
|
-
export const rhcCardAsLinkMetadataColor = "#
|
|
941
|
+
export const rhcCardAsLinkMetadataColor = "#334155";
|
|
843
942
|
export const rhcCardAsLinkPaddingBlockEnd = "1rem";
|
|
844
943
|
export const rhcCardAsLinkPaddingBlockStart = "1rem";
|
|
845
944
|
export const rhcCardAsLinkPaddingInlineEnd = "1rem";
|
|
@@ -855,6 +954,7 @@ export const rhcCardAsLinkFullBleedBackgroundColor = "#000";
|
|
|
855
954
|
export const rhcCardAsLinkFullBleedBorderColor = "transparent";
|
|
856
955
|
export const rhcCardAsLinkFullBleedColor = "#fff";
|
|
857
956
|
export const rhcCardAsLinkFullBleedOpacity = 0.5;
|
|
957
|
+
export const rhcCardAsLinkHeadingColor = "#154273";
|
|
858
958
|
export const rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
|
|
859
959
|
export const rhcCardAsLinkHeadingFontSize = "1.5rem";
|
|
860
960
|
export const rhcCardAsLinkHeadingFontWeight = 700;
|
|
@@ -908,8 +1008,8 @@ export const rhcBorderRadiusNone = "0px";
|
|
|
908
1008
|
export const rhcColorFocusOutline = "#000";
|
|
909
1009
|
export const rhcColorForegroundDefault = "#0F172A";
|
|
910
1010
|
export const rhcColorForegroundSubdued = "#334155";
|
|
911
|
-
export const rhcColorForegroundOnEmphasis = "#fff";
|
|
912
1011
|
export const rhcColorForegroundLink = "#01689b";
|
|
1012
|
+
export const rhcColorForegroundOnEmphasis = "#fff";
|
|
913
1013
|
export const rhcColorBorderDefault = "#64748B";
|
|
914
1014
|
export const rhcColorBorderSubdued = "#94A3B8";
|
|
915
1015
|
export const rhcColorBorderStrong = "#0F172A";
|
|
@@ -923,6 +1023,7 @@ export const rhcColorFeedbackErrorSubdued = "#f9dfdd";
|
|
|
923
1023
|
export const rhcColorFeedbackWarningDefault = "#ffb612";
|
|
924
1024
|
export const rhcColorFeedbackWarningSubdued = "#fff4db";
|
|
925
1025
|
export const rhcColorAccent500 = "#8fcae7";
|
|
1026
|
+
export const rhcColorAccent2500 = "#f092cd";
|
|
926
1027
|
export const rhcColorPrimary50 = "#dce3ea";
|
|
927
1028
|
export const rhcColorPrimary100 = "#b8c6d5";
|
|
928
1029
|
export const rhcColorPrimary200 = "#95a9c0";
|
|
@@ -1149,6 +1250,28 @@ export const nlParagraphLeadColor = "#0F172A";
|
|
|
1149
1250
|
export const nlParagraphLeadFontSize = "1.5rem";
|
|
1150
1251
|
export const nlParagraphLeadFontWeight = 400;
|
|
1151
1252
|
export const nlParagraphLeadLineHeight = "150%";
|
|
1253
|
+
export const nlLinkColor = "#01689b";
|
|
1254
|
+
export const nlLinkTextDecorationColor = "#01689b";
|
|
1255
|
+
export const nlLinkActiveColor = "#42145f";
|
|
1256
|
+
export const nlLinkActiveTextDecoration = "None";
|
|
1257
|
+
export const nlLinkFocusBackgroundColor = "transparent";
|
|
1258
|
+
export const nlLinkFocusColor = "#01689b";
|
|
1259
|
+
export const nlLinkFocusTextDecoration = "None";
|
|
1260
|
+
export const nlLinkFocusTextDecorationThickness = "auto";
|
|
1261
|
+
export const nlLinkHoverColor = "#01496c";
|
|
1262
|
+
export const nlLinkHoverTextDecoration = "None";
|
|
1263
|
+
export const nlLinkHoverTextDecorationThickness = "auto";
|
|
1264
|
+
export const nlLinkVisitedColor = "#42145f";
|
|
1265
|
+
export const nlLinkTextDecoration = "underline";
|
|
1266
|
+
export const nlLinkIconInsetBlockStart = "0.25rem";
|
|
1267
|
+
export const nlLinkIconSize = "24px";
|
|
1268
|
+
export const nlLinkColumnGap = "0.25rem";
|
|
1269
|
+
export const nlLinkTextDecorationThickness = "auto";
|
|
1270
|
+
export const nlLinkTextUnderlineOffset = "0.125rem";
|
|
1271
|
+
export const nlLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1272
|
+
export const nlLinkFontWeight = 400;
|
|
1273
|
+
export const nlLinkFontSize = "1.25rem";
|
|
1274
|
+
export const nlLinkLineHeight = "150%";
|
|
1152
1275
|
export const nlHeadingLevel1Color = "#154273";
|
|
1153
1276
|
export const nlHeadingLevel1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
1154
1277
|
export const nlHeadingLevel1FontWeight = 700;
|