@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.
Files changed (54) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/_variables.scss +747 -624
  3. package/dist/index.css +747 -624
  4. package/dist/index.d.ts +624 -501
  5. package/dist/index.js +650 -527
  6. package/dist/index.json +649 -526
  7. package/dist/index.tokens.json +1684 -1515
  8. package/dist/root.css +747 -624
  9. package/dist/tokens.d.ts +1595 -1426
  10. package/dist/tokens.js +23437 -20600
  11. package/dist/uitvoerend-mintgroen-focus/_variables.scss +644 -522
  12. package/dist/uitvoerend-mintgroen-focus/index.css +644 -522
  13. package/dist/uitvoerend-mintgroen-focus/index.d.ts +736 -614
  14. package/dist/uitvoerend-mintgroen-focus/index.js +738 -616
  15. package/dist/uitvoerend-mintgroen-focus/index.json +737 -615
  16. package/dist/uitvoerend-mintgroen-focus/index.tokens.json +1680 -1516
  17. package/dist/uitvoerend-mintgroen-focus/root.css +644 -522
  18. package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +1587 -1423
  19. package/dist/uitvoerend-mintgroen-focus/tokens.js +22945 -20135
  20. package/dist/uitvoerend-violet/_variables.scss +153 -30
  21. package/dist/uitvoerend-violet/index.css +153 -30
  22. package/dist/uitvoerend-violet/index.d.ts +125 -2
  23. package/dist/uitvoerend-violet/index.js +153 -30
  24. package/dist/uitvoerend-violet/index.json +152 -29
  25. package/dist/uitvoerend-violet/index.tokens.json +202 -33
  26. package/dist/uitvoerend-violet/root.css +153 -30
  27. package/dist/uitvoerend-violet/tokens.d.ts +175 -6
  28. package/dist/uitvoerend-violet/tokens.js +5872 -3035
  29. package/dist/uitvoerend-violet-oud/_variables.scss +153 -30
  30. package/dist/uitvoerend-violet-oud/index.css +153 -30
  31. package/dist/uitvoerend-violet-oud/index.d.ts +125 -2
  32. package/dist/uitvoerend-violet-oud/index.js +153 -30
  33. package/dist/uitvoerend-violet-oud/index.json +152 -29
  34. package/dist/uitvoerend-violet-oud/index.tokens.json +202 -33
  35. package/dist/uitvoerend-violet-oud/root.css +153 -30
  36. package/dist/uitvoerend-violet-oud/tokens.d.ts +175 -6
  37. package/dist/uitvoerend-violet-oud/tokens.js +5872 -3035
  38. package/dist/wetgevend/_variables.scss +153 -30
  39. package/dist/wetgevend/index.css +153 -30
  40. package/dist/wetgevend/index.d.ts +125 -2
  41. package/dist/wetgevend/index.js +153 -30
  42. package/dist/wetgevend/index.json +152 -29
  43. package/dist/wetgevend/index.tokens.json +202 -33
  44. package/dist/wetgevend/root.css +153 -30
  45. package/dist/wetgevend/tokens.d.ts +175 -6
  46. package/dist/wetgevend/tokens.js +5872 -3035
  47. package/figma/figma.tokens.json +2083 -236
  48. package/package.json +1 -1
  49. package/src/generated/base.tokens.json +4588 -4007
  50. package/src/generated/themes.json +6707 -4391
  51. package/src/generated/uitvoerend-mintgroen-focus/tokens.json +4663 -4090
  52. package/src/generated/uitvoerend-violet/tokens.json +625 -44
  53. package/src/generated/uitvoerend-violet-oud/tokens.json +625 -44
  54. package/src/generated/wetgevend/tokens.json +625 -44
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Sun, 09 Mar 2025 17:51:30 GMT
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;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Sun, 09 Mar 2025 17:51:30 GMT
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 = "transparent";
383
- export const utrechtButtonBorderColor = "#334155";
384
- export const utrechtButtonColor = "#334155";
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 = "#F8FAFC";
484
+ export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
398
485
  export const utrechtButtonDisabledBorderColor = "transparent";
399
- export const utrechtButtonDisabledColor = "#64748B";
400
- export const utrechtButtonFocusBackgroundColor = "#FDDE94";
486
+ export const utrechtButtonDisabledColor = "#94A3B8";
487
+ export const utrechtButtonFocusBackgroundColor = "#475569";
401
488
  export const utrechtButtonFocusBorderColor = "transparent";
402
- export const utrechtButtonFocusColor = "#1E293B";
403
- export const utrechtButtonHoverBackgroundColor = "#F8FAFC";
404
- export const utrechtButtonHoverBorderColor = "#1E293B";
405
- export const utrechtButtonHoverColor = "#1E293B";
406
- export const utrechtButtonActiveBackgroundColor = "#CBD5E1";
407
- export const utrechtButtonActiveBorderColor = "#0F172A";
408
- export const utrechtButtonActiveColor = "#0F172A";
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 = "#95a9c0";
506
+ export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
420
507
  export const utrechtButtonPrimaryActionDisabledColor = "#4f7196";
421
- export const utrechtButtonPrimaryActionFocusBackgroundColor = "#154273";
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 utrechtButtonSecondaryActionHoverBackgroundColor = "#b8c6d5";
431
- export const utrechtButtonSecondaryActionHoverBorderColor = "transparent";
432
- export const utrechtButtonSecondaryActionHoverColor = "#154273";
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 = "#738eab";
527
+ export const utrechtButtonSecondaryActionDisabledBorderColor = "#95a9c0";
438
528
  export const utrechtButtonSecondaryActionDisabledColor = "#738eab";
439
- export const utrechtButtonSecondaryActionFocusBackgroundColor = "#b8c6d5";
529
+ export const utrechtButtonSecondaryActionFocusBackgroundColor = "#dce3ea";
440
530
  export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
441
- export const utrechtButtonSecondaryActionFocusColor = "#154273";
531
+ export const utrechtButtonSecondaryActionFocusColor = "#162f50";
442
532
  export const utrechtButtonSecondaryActionFontWeight = 700;
443
533
  export const utrechtButtonSecondaryActionActiveBackgroundColor = "#95a9c0";
444
- export const utrechtButtonSecondaryActionActiveBorderColor = "#154273";
445
- export const utrechtButtonSecondaryActionActiveColor = "#154273";
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 = "transparent";
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 = "#154273";
462
- export const utrechtButtonSubtleActiveBackgroundColor = "transparent";
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 = "#0F172A";
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 = "#0F172A";
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;