@rijkshuisstijl-community/design-tokens 5.0.0 → 6.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/dist/_variables.scss +603 -668
- package/dist/index.css +603 -668
- package/dist/index.d.ts +690 -755
- package/dist/index.js +692 -757
- package/dist/index.json +691 -756
- package/dist/index.tokens.json +1715 -1802
- package/dist/koop/_variables.scss +38 -118
- package/dist/koop/index.css +38 -118
- package/dist/koop/index.d.ts +36 -116
- package/dist/koop/index.js +38 -118
- package/dist/koop/index.json +37 -117
- package/dist/koop/index.tokens.json +47 -159
- package/dist/koop/root.css +38 -118
- package/dist/koop/tokens.d.ts +46 -158
- package/dist/koop/tokens.js +2345 -4171
- package/dist/root.css +603 -668
- package/dist/tokens.d.ts +1614 -1701
- package/dist/tokens.js +24567 -26048
- package/dist/uitvoerend-groen/_variables.scss +28 -108
- package/dist/uitvoerend-groen/index.css +28 -108
- package/dist/uitvoerend-groen/index.d.ts +26 -106
- package/dist/uitvoerend-groen/index.js +28 -108
- package/dist/uitvoerend-groen/index.json +27 -107
- package/dist/uitvoerend-groen/index.tokens.json +35 -147
- package/dist/uitvoerend-groen/root.css +28 -108
- package/dist/uitvoerend-groen/tokens.d.ts +34 -146
- package/dist/uitvoerend-groen/tokens.js +1240 -3066
- package/dist/uitvoerend-hemelblauw/_variables.scss +28 -108
- package/dist/uitvoerend-hemelblauw/index.css +28 -108
- package/dist/uitvoerend-hemelblauw/index.d.ts +26 -106
- package/dist/uitvoerend-hemelblauw/index.js +28 -108
- package/dist/uitvoerend-hemelblauw/index.json +27 -107
- package/dist/uitvoerend-hemelblauw/index.tokens.json +35 -147
- package/dist/uitvoerend-hemelblauw/root.css +28 -108
- package/dist/uitvoerend-hemelblauw/tokens.d.ts +34 -146
- package/dist/uitvoerend-hemelblauw/tokens.js +1240 -3066
- package/dist/uitvoerend-mintgroen/_variables.scss +28 -108
- package/dist/uitvoerend-mintgroen/index.css +28 -108
- package/dist/uitvoerend-mintgroen/index.d.ts +26 -106
- package/dist/uitvoerend-mintgroen/index.js +28 -108
- package/dist/uitvoerend-mintgroen/index.json +27 -107
- package/dist/uitvoerend-mintgroen/index.tokens.json +35 -147
- package/dist/uitvoerend-mintgroen/root.css +28 -108
- package/dist/uitvoerend-mintgroen/tokens.d.ts +34 -146
- package/dist/uitvoerend-mintgroen/tokens.js +1240 -3066
- package/dist/uitvoerend-oranje/_variables.scss +51 -131
- package/dist/uitvoerend-oranje/index.css +51 -131
- package/dist/uitvoerend-oranje/index.d.ts +49 -129
- package/dist/uitvoerend-oranje/index.js +51 -131
- package/dist/uitvoerend-oranje/index.json +50 -130
- package/dist/uitvoerend-oranje/index.tokens.json +69 -181
- package/dist/uitvoerend-oranje/root.css +51 -131
- package/dist/uitvoerend-oranje/tokens.d.ts +65 -177
- package/dist/uitvoerend-oranje/tokens.js +1856 -3682
- package/dist/uitvoerend-paars/_variables.scss +28 -108
- package/dist/uitvoerend-paars/index.css +28 -108
- package/dist/uitvoerend-paars/index.d.ts +26 -106
- package/dist/uitvoerend-paars/index.js +28 -108
- package/dist/uitvoerend-paars/index.json +27 -107
- package/dist/uitvoerend-paars/index.tokens.json +35 -147
- package/dist/uitvoerend-paars/root.css +28 -108
- package/dist/uitvoerend-paars/tokens.d.ts +34 -146
- package/dist/uitvoerend-paars/tokens.js +1240 -3066
- package/dist/uitvoerend-violet/_variables.scss +28 -108
- package/dist/uitvoerend-violet/index.css +28 -108
- package/dist/uitvoerend-violet/index.d.ts +26 -106
- package/dist/uitvoerend-violet/index.js +28 -108
- package/dist/uitvoerend-violet/index.json +27 -107
- package/dist/uitvoerend-violet/index.tokens.json +35 -147
- package/dist/uitvoerend-violet/root.css +28 -108
- package/dist/uitvoerend-violet/tokens.d.ts +34 -146
- package/dist/uitvoerend-violet/tokens.js +1240 -3066
- package/dist/uitvoerend-violet-oud/_variables.scss +83 -163
- package/dist/uitvoerend-violet-oud/index.css +83 -163
- package/dist/uitvoerend-violet-oud/index.d.ts +81 -161
- package/dist/uitvoerend-violet-oud/index.js +83 -163
- package/dist/uitvoerend-violet-oud/index.json +82 -162
- package/dist/uitvoerend-violet-oud/index.tokens.json +102 -214
- package/dist/uitvoerend-violet-oud/root.css +83 -163
- package/dist/uitvoerend-violet-oud/tokens.d.ts +100 -212
- package/dist/uitvoerend-violet-oud/tokens.js +3009 -4835
- package/dist/wetgevend/_variables.scss +28 -108
- package/dist/wetgevend/index.css +28 -108
- package/dist/wetgevend/index.d.ts +26 -106
- package/dist/wetgevend/index.js +28 -108
- package/dist/wetgevend/index.json +27 -107
- package/dist/wetgevend/index.tokens.json +35 -147
- package/dist/wetgevend/root.css +28 -108
- package/dist/wetgevend/tokens.d.ts +34 -146
- package/dist/wetgevend/tokens.js +1240 -3066
- package/figma/figma.tokens.json +872 -934
- package/package.json +1 -1
- package/src/generated/base.tokens.json +4916 -5198
- package/src/generated/koop/tokens.json +167 -519
- package/src/generated/themes.json +1379 -4547
- package/src/generated/uitvoerend-groen/tokens.json +124 -476
- package/src/generated/uitvoerend-hemelblauw/tokens.json +124 -476
- package/src/generated/uitvoerend-mintgroen/tokens.json +124 -476
- package/src/generated/uitvoerend-oranje/tokens.json +196 -548
- package/src/generated/uitvoerend-paars/tokens.json +124 -476
- package/src/generated/uitvoerend-violet/tokens.json +124 -476
- package/src/generated/uitvoerend-violet-oud/tokens.json +434 -786
- package/src/generated/wetgevend/tokens.json +124 -476
- package/token-transformer.mjs +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 05 Sep 2025 09:25:14 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtTextboxHoverBackgroundColor = "#fff";
|
|
@@ -251,19 +251,6 @@ export const utrechtFormLabelRadioColor = "#0F172A";
|
|
|
251
251
|
export const utrechtFormLabelRadioFontWeight = 400;
|
|
252
252
|
export const utrechtFormLabelCheckedFontWeight = 400;
|
|
253
253
|
export const utrechtFormLabelDisabledColor = "#94A3B8";
|
|
254
|
-
export const utrechtNumberBadgeLineHeight = "125%";
|
|
255
|
-
export const utrechtNumberBadgeBackgroundColor = "#a90061";
|
|
256
|
-
export const utrechtNumberBadgeBorderColor = "transparent";
|
|
257
|
-
export const utrechtNumberBadgeBorderRadius = "999px";
|
|
258
|
-
export const utrechtNumberBadgeBorderWidth = "0px";
|
|
259
|
-
export const utrechtNumberBadgeColor = "#fff";
|
|
260
|
-
export const utrechtNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
261
|
-
export const utrechtNumberBadgeFontSize = "1.25rem";
|
|
262
|
-
export const utrechtNumberBadgeFontWeight = 700;
|
|
263
|
-
export const utrechtNumberBadgeMinBlockSize = "24px";
|
|
264
|
-
export const utrechtNumberBadgeMinInlineSize = "24px";
|
|
265
|
-
export const utrechtNumberBadgePaddingBlock = "0.125rem";
|
|
266
|
-
export const utrechtNumberBadgePaddingInline = "0.5rem";
|
|
267
254
|
export const utrechtFigureCaptionBorderColor = "#CBD5E1";
|
|
268
255
|
export const utrechtFigureCaptionBorderWidth = "4px";
|
|
269
256
|
export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
|
|
@@ -276,6 +263,18 @@ export const utrechtFigureImgBorderEndEndRadius = 0;
|
|
|
276
263
|
export const utrechtFigureImgBorderEndStartRadius = 0;
|
|
277
264
|
export const utrechtFigureImgBorderStartEndRadius = 0;
|
|
278
265
|
export const utrechtFigureImgBorderStartStartRadius = 0;
|
|
266
|
+
export const utrechtNumberBadgeBackgroundColor = "#a90061";
|
|
267
|
+
export const utrechtNumberBadgeBorderColor = "transparent";
|
|
268
|
+
export const utrechtNumberBadgeBorderRadius = "999px";
|
|
269
|
+
export const utrechtNumberBadgeBorderWidth = "0px";
|
|
270
|
+
export const utrechtNumberBadgeColor = "#fff";
|
|
271
|
+
export const utrechtNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
272
|
+
export const utrechtNumberBadgeFontSize = "1.25rem";
|
|
273
|
+
export const utrechtNumberBadgeFontWeight = 700;
|
|
274
|
+
export const utrechtNumberBadgeMinBlockSize = "24px";
|
|
275
|
+
export const utrechtNumberBadgeMinInlineSize = "24px";
|
|
276
|
+
export const utrechtNumberBadgePaddingBlock = "0.125rem";
|
|
277
|
+
export const utrechtNumberBadgePaddingInline = "0.5rem";
|
|
279
278
|
export const utrechtBlockquoteBorderBlockEndWidth = 0;
|
|
280
279
|
export const utrechtBlockquoteBorderBlockStartWidth = 0;
|
|
281
280
|
export const utrechtBlockquoteBorderEndEndRadius = 0;
|
|
@@ -331,13 +330,6 @@ export const utrechtBlockquotePaddingInlineStart = "2rem";
|
|
|
331
330
|
export const utrechtBlockquoteRowGap = "0.75rem";
|
|
332
331
|
export const utrechtBlockquoteAttributionColor = "#154273";
|
|
333
332
|
export const utrechtBlockquoteAttributionFontSize = "1.25rem";
|
|
334
|
-
export const utrechtAlertHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
335
|
-
export const utrechtAlertHeadingFontSize = "1.25rem";
|
|
336
|
-
export const utrechtAlertHeadingFontWeight = 700;
|
|
337
|
-
export const utrechtAlertHeadingLineHeight = "150%";
|
|
338
|
-
export const utrechtAlertMessageColumnGap = "0.5rem";
|
|
339
|
-
export const utrechtAlertMessageLineHeight = "150%";
|
|
340
|
-
export const utrechtAlertMessageRowGap = "0rem";
|
|
341
333
|
export const utrechtAlertBackgroundColor = "#d9ebf7";
|
|
342
334
|
export const utrechtAlertBorderColor = "transparent";
|
|
343
335
|
export const utrechtAlertBorderRadius = "5px";
|
|
@@ -357,6 +349,7 @@ export const utrechtAlertErrorColor = "#000";
|
|
|
357
349
|
export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
|
|
358
350
|
export const utrechtAlertInfoBorderColor = "transparent";
|
|
359
351
|
export const utrechtAlertInfoColor = "#000";
|
|
352
|
+
export const utrechtAlertMessageRowGap = "0rem";
|
|
360
353
|
export const utrechtAlertOkBackgroundColor = "#e1eddb";
|
|
361
354
|
export const utrechtAlertOkBorderColor = "transparent";
|
|
362
355
|
export const utrechtAlertOkColor = "#000";
|
|
@@ -370,13 +363,15 @@ export const utrechtAlertIconErrorColor = "#d52b1e";
|
|
|
370
363
|
export const utrechtAlertIconInfoColor = "#007bc7";
|
|
371
364
|
export const utrechtAlertIconOkColor = "#39870c";
|
|
372
365
|
export const utrechtAlertIconWarningColor = "#ffb612";
|
|
373
|
-
export const
|
|
374
|
-
export const
|
|
375
|
-
export const
|
|
376
|
-
export const
|
|
377
|
-
export const
|
|
378
|
-
export const
|
|
379
|
-
export const
|
|
366
|
+
export const utrechtAccordionMarginBlockEnd = "0rem";
|
|
367
|
+
export const utrechtAccordionMarginBlockStart = "0rem";
|
|
368
|
+
export const utrechtAccordionRowGap = "0rem";
|
|
369
|
+
export const utrechtAccordionPanelBorderColor = "transparent";
|
|
370
|
+
export const utrechtAccordionPanelBorderWidth = "1px";
|
|
371
|
+
export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
|
|
372
|
+
export const utrechtAccordionPanelPaddingBlockStart = "1rem";
|
|
373
|
+
export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
|
|
374
|
+
export const utrechtAccordionPanelPaddingInlineStart = "1rem";
|
|
380
375
|
export const utrechtAccordionButtonBackgroundColor = "#fff";
|
|
381
376
|
export const utrechtAccordionButtonBorderColor = "transparent";
|
|
382
377
|
export const utrechtAccordionButtonBorderRadius = "0px";
|
|
@@ -388,6 +383,9 @@ export const utrechtAccordionButtonPaddingBlockStart = "0.75rem";
|
|
|
388
383
|
export const utrechtAccordionButtonPaddingInlineEnd = "1rem";
|
|
389
384
|
export const utrechtAccordionButtonPaddingInlineStart = "1rem";
|
|
390
385
|
export const utrechtAccordionButtonIconSize = "24px";
|
|
386
|
+
export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
|
|
387
|
+
export const utrechtAccordionButtonActiveBorderColor = "transparent";
|
|
388
|
+
export const utrechtAccordionButtonActiveColor = "#0F172A";
|
|
391
389
|
export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
|
|
392
390
|
export const utrechtAccordionButtonHoverBorderColor = "transparent";
|
|
393
391
|
export const utrechtAccordionButtonHoverColor = "#0F172A";
|
|
@@ -395,49 +393,11 @@ export const utrechtAccordionButtonFocusVisibleBackgroundColor = "#f2d9e7";
|
|
|
395
393
|
export const utrechtAccordionButtonFocusVisibleBorderColor = "transparent";
|
|
396
394
|
export const utrechtAccordionButtonFocusVisibleBorderWidth = "1px";
|
|
397
395
|
export const utrechtAccordionButtonFocusVisibleColor = "#0F172A";
|
|
398
|
-
export const utrechtAccordionMarginBlockEnd = "0rem";
|
|
399
|
-
export const utrechtAccordionMarginBlockStart = "0rem";
|
|
400
|
-
export const utrechtAccordionRowGap = "0rem";
|
|
401
|
-
export const utrechtAccordionPanelBorderColor = "transparent";
|
|
402
|
-
export const utrechtAccordionPanelBorderWidth = "1px";
|
|
403
|
-
export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
|
|
404
|
-
export const utrechtAccordionPanelPaddingBlockStart = "1rem";
|
|
405
|
-
export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
|
|
406
|
-
export const utrechtAccordionPanelPaddingInlineStart = "1rem";
|
|
407
396
|
export const utrechtAccordionSectionBorderColor = "#94A3B8";
|
|
408
397
|
export const utrechtAccordionSectionHoverBorderColor = "#94A3B8";
|
|
409
398
|
export const utrechtAccordionSectionBorderWidth = "1px";
|
|
410
399
|
export const utrechtAccordionSectionMarginBlockEnd = "0rem";
|
|
411
400
|
export const utrechtAccordionSectionMarginBlockStart = "0rem";
|
|
412
|
-
export const utrechtSkipLinkFocusTextDecoration = "None";
|
|
413
|
-
export const utrechtSkipLinkFocusBorderColor = "#a90061";
|
|
414
|
-
export const utrechtSkipLinkFocusBorderWidth = "2px";
|
|
415
|
-
export const utrechtSkipLinkFocusBorderStyle = "solid";
|
|
416
|
-
export const utrechtSkipLinkFocusBackgroundColor = "#fff";
|
|
417
|
-
export const utrechtSkipLinkFocusColor = "#01689b";
|
|
418
|
-
export const utrechtSkipLinkBorderColor = "transparent";
|
|
419
|
-
export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
|
|
420
|
-
export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
|
|
421
|
-
export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
|
|
422
|
-
export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
|
|
423
|
-
export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
|
|
424
|
-
export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
|
|
425
|
-
export const utrechtSkipLinkFocusVisibleTextDecoration = "underline";
|
|
426
|
-
export const utrechtSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
427
|
-
export const utrechtSkipLinkFontWeight = 700;
|
|
428
|
-
export const utrechtSkipLinkLineHeight = "150%";
|
|
429
|
-
export const utrechtSkipLinkBorderWidth = "2px";
|
|
430
|
-
export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
|
|
431
|
-
export const utrechtSkipLinkFontSize = "1.25rem";
|
|
432
|
-
export const utrechtSkipLinkBackgroundColor = "#fff";
|
|
433
|
-
export const utrechtSkipLinkColor = "#01689b";
|
|
434
|
-
export const utrechtSkipLinkMinBlockSize = "48px";
|
|
435
|
-
export const utrechtSkipLinkMinInlineSize = "48px";
|
|
436
|
-
export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
|
|
437
|
-
export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
|
|
438
|
-
export const utrechtSkipLinkPaddingInlineEnd = "1rem";
|
|
439
|
-
export const utrechtSkipLinkPaddingInlineStart = "1rem";
|
|
440
|
-
export const utrechtSkipLinkTextDecoration = "underline";
|
|
441
401
|
export const utrechtDataBadgeBackgroundColor = "#f2d9e7";
|
|
442
402
|
export const utrechtDataBadgeBorderRadius = "10px";
|
|
443
403
|
export const utrechtDataBadgeColor = "#a90061";
|
|
@@ -762,11 +722,9 @@ export const todoFormFieldErrorMessageIconSize = "24px";
|
|
|
762
722
|
export const todoFigureRowGap = "0.5rem";
|
|
763
723
|
export const todoAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
764
724
|
export const todoAccordionButtonFontSize = "1.25rem";
|
|
765
|
-
export const todoAccordionButtonFontWeight =
|
|
766
|
-
export const todoAccordionButtonLineHeight = "
|
|
725
|
+
export const todoAccordionButtonFontWeight = 700;
|
|
726
|
+
export const todoAccordionButtonLineHeight = "1.875rem";
|
|
767
727
|
export const todoLinkListLinkHoverTextDecoration = "underline";
|
|
768
|
-
export const todoSkipLinkFontWeight = 700;
|
|
769
|
-
export const nlNumberBadgeLineHeight = "125%";
|
|
770
728
|
export const nlNumberBadgeBackgroundColor = "#a90061";
|
|
771
729
|
export const nlNumberBadgeBorderColor = "transparent";
|
|
772
730
|
export const nlNumberBadgeBorderRadius = "999px";
|
|
@@ -779,27 +737,6 @@ export const nlNumberBadgeMinBlockSize = "24px";
|
|
|
779
737
|
export const nlNumberBadgeMinInlineSize = "24px";
|
|
780
738
|
export const nlNumberBadgePaddingBlock = "0.125rem";
|
|
781
739
|
export const nlNumberBadgePaddingInline = "0.5rem";
|
|
782
|
-
export const nlSkipLinkBorderColor = "transparent";
|
|
783
|
-
export const nlSkipLinkBorderWidth = "2px";
|
|
784
|
-
export const nlSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
785
|
-
export const nlSkipLinkFontWeight = 700;
|
|
786
|
-
export const nlSkipLinkPaddingBlockEnd = "0.75rem";
|
|
787
|
-
export const nlSkipLinkPaddingBlockStart = "0.75rem";
|
|
788
|
-
export const nlSkipLinkPaddingInlineEnd = "1rem";
|
|
789
|
-
export const nlSkipLinkPaddingInlineStart = "1rem";
|
|
790
|
-
export const nlSkipLinkBoxBlockEndShadowBlurRadius = "48px";
|
|
791
|
-
export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
|
|
792
|
-
export const nlSkipLinkBoxBlockEndShadowOffsetX = 0;
|
|
793
|
-
export const nlSkipLinkBoxBlockEndShadowOffsetY = "16px";
|
|
794
|
-
export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
|
|
795
|
-
export const nlSkipLinkFocusBackgroundColor = "#fff";
|
|
796
|
-
export const nlSkipLinkFocusBorderColor = "#a90061";
|
|
797
|
-
export const nlSkipLinkFocusBorderStyle = "solid";
|
|
798
|
-
export const nlSkipLinkFocusBorderWidth = "2px";
|
|
799
|
-
export const nlSkipLinkFocusColor = "#0F172A";
|
|
800
|
-
export const nlSkipLinkFocusTextDecoration = "None";
|
|
801
|
-
export const nlSkipLinkFocusVisibleOutlineColor = "#000";
|
|
802
|
-
export const nlSkipLinkTextDecoration = "underline";
|
|
803
740
|
export const nlSkipLinkBackgroundColor = "#fff";
|
|
804
741
|
export const nlSkipLinkColor = "#01689b";
|
|
805
742
|
export const nlSkipLinkPaddingBlock = "0.75rem";
|
|
@@ -893,23 +830,6 @@ export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
|
|
|
893
830
|
export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
|
|
894
831
|
export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
|
|
895
832
|
export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
|
|
896
|
-
export const rhcAccordionBorderRadius = "0px";
|
|
897
|
-
export const rhcAccordionColor = "#0F172A";
|
|
898
|
-
export const rhcAccordionHeaderMargin = 0;
|
|
899
|
-
export const rhcAccordionSectionBorderBlockEndWidth = "1px";
|
|
900
|
-
export const rhcAccordionSectionBorderColor = "#94A3B8";
|
|
901
|
-
export const rhcAccordionSectionBorderWidth = "1px";
|
|
902
|
-
export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
|
|
903
|
-
export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
|
|
904
|
-
export const rhcAccordionButtonPaddingInlineEnd = "1rem";
|
|
905
|
-
export const rhcAccordionButtonPaddingInlineStart = "1rem";
|
|
906
|
-
export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
|
|
907
|
-
export const rhcAccordionButtonExpandedColor = "#0F172A";
|
|
908
|
-
export const rhcAccordionButtonIconMarginBlock = "0.25rem";
|
|
909
|
-
export const rhcAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
910
|
-
export const rhcAccordionButtonFontWeight = 400;
|
|
911
|
-
export const rhcAccordionButtonFontSize = "1.25rem";
|
|
912
|
-
export const rhcAccordionButtonLineHeight = "150%";
|
|
913
833
|
export const rhcDataBadgeButtonColumnGap = "0.125rem";
|
|
914
834
|
export const rhcDataBadgeButtonHoverBackgroundColor = "#a90061";
|
|
915
835
|
export const rhcDataBadgeButtonHoverColor = "#fff";
|
|
@@ -247,19 +247,6 @@
|
|
|
247
247
|
"utrechtFormLabelRadioFontWeight": 400,
|
|
248
248
|
"utrechtFormLabelCheckedFontWeight": 400,
|
|
249
249
|
"utrechtFormLabelDisabledColor": "#94A3B8",
|
|
250
|
-
"utrechtNumberBadgeLineHeight": "125%",
|
|
251
|
-
"utrechtNumberBadgeBackgroundColor": "#a90061",
|
|
252
|
-
"utrechtNumberBadgeBorderColor": "transparent",
|
|
253
|
-
"utrechtNumberBadgeBorderRadius": "999px",
|
|
254
|
-
"utrechtNumberBadgeBorderWidth": "0px",
|
|
255
|
-
"utrechtNumberBadgeColor": "#fff",
|
|
256
|
-
"utrechtNumberBadgeFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
257
|
-
"utrechtNumberBadgeFontSize": "1.25rem",
|
|
258
|
-
"utrechtNumberBadgeFontWeight": 700,
|
|
259
|
-
"utrechtNumberBadgeMinBlockSize": "24px",
|
|
260
|
-
"utrechtNumberBadgeMinInlineSize": "24px",
|
|
261
|
-
"utrechtNumberBadgePaddingBlock": "0.125rem",
|
|
262
|
-
"utrechtNumberBadgePaddingInline": "0.5rem",
|
|
263
250
|
"utrechtFigureCaptionBorderColor": "#CBD5E1",
|
|
264
251
|
"utrechtFigureCaptionBorderWidth": "4px",
|
|
265
252
|
"utrechtFigureCaptionPaddingBlockEnd": "0.5rem",
|
|
@@ -272,6 +259,18 @@
|
|
|
272
259
|
"utrechtFigureImgBorderEndStartRadius": 0,
|
|
273
260
|
"utrechtFigureImgBorderStartEndRadius": 0,
|
|
274
261
|
"utrechtFigureImgBorderStartStartRadius": 0,
|
|
262
|
+
"utrechtNumberBadgeBackgroundColor": "#a90061",
|
|
263
|
+
"utrechtNumberBadgeBorderColor": "transparent",
|
|
264
|
+
"utrechtNumberBadgeBorderRadius": "999px",
|
|
265
|
+
"utrechtNumberBadgeBorderWidth": "0px",
|
|
266
|
+
"utrechtNumberBadgeColor": "#fff",
|
|
267
|
+
"utrechtNumberBadgeFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
268
|
+
"utrechtNumberBadgeFontSize": "1.25rem",
|
|
269
|
+
"utrechtNumberBadgeFontWeight": 700,
|
|
270
|
+
"utrechtNumberBadgeMinBlockSize": "24px",
|
|
271
|
+
"utrechtNumberBadgeMinInlineSize": "24px",
|
|
272
|
+
"utrechtNumberBadgePaddingBlock": "0.125rem",
|
|
273
|
+
"utrechtNumberBadgePaddingInline": "0.5rem",
|
|
275
274
|
"utrechtBlockquoteBorderBlockEndWidth": 0,
|
|
276
275
|
"utrechtBlockquoteBorderBlockStartWidth": 0,
|
|
277
276
|
"utrechtBlockquoteBorderEndEndRadius": 0,
|
|
@@ -327,13 +326,6 @@
|
|
|
327
326
|
"utrechtBlockquoteRowGap": "0.75rem",
|
|
328
327
|
"utrechtBlockquoteAttributionColor": "#154273",
|
|
329
328
|
"utrechtBlockquoteAttributionFontSize": "1.25rem",
|
|
330
|
-
"utrechtAlertHeadingFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
331
|
-
"utrechtAlertHeadingFontSize": "1.25rem",
|
|
332
|
-
"utrechtAlertHeadingFontWeight": 700,
|
|
333
|
-
"utrechtAlertHeadingLineHeight": "150%",
|
|
334
|
-
"utrechtAlertMessageColumnGap": "0.5rem",
|
|
335
|
-
"utrechtAlertMessageLineHeight": "150%",
|
|
336
|
-
"utrechtAlertMessageRowGap": "0rem",
|
|
337
329
|
"utrechtAlertBackgroundColor": "#d9ebf7",
|
|
338
330
|
"utrechtAlertBorderColor": "transparent",
|
|
339
331
|
"utrechtAlertBorderRadius": "5px",
|
|
@@ -353,6 +345,7 @@
|
|
|
353
345
|
"utrechtAlertInfoBackgroundColor": "#d9ebf7",
|
|
354
346
|
"utrechtAlertInfoBorderColor": "transparent",
|
|
355
347
|
"utrechtAlertInfoColor": "#000",
|
|
348
|
+
"utrechtAlertMessageRowGap": "0rem",
|
|
356
349
|
"utrechtAlertOkBackgroundColor": "#e1eddb",
|
|
357
350
|
"utrechtAlertOkBorderColor": "transparent",
|
|
358
351
|
"utrechtAlertOkColor": "#000",
|
|
@@ -366,13 +359,15 @@
|
|
|
366
359
|
"utrechtAlertIconInfoColor": "#007bc7",
|
|
367
360
|
"utrechtAlertIconOkColor": "#39870c",
|
|
368
361
|
"utrechtAlertIconWarningColor": "#ffb612",
|
|
369
|
-
"
|
|
370
|
-
"
|
|
371
|
-
"
|
|
372
|
-
"
|
|
373
|
-
"
|
|
374
|
-
"
|
|
375
|
-
"
|
|
362
|
+
"utrechtAccordionMarginBlockEnd": "0rem",
|
|
363
|
+
"utrechtAccordionMarginBlockStart": "0rem",
|
|
364
|
+
"utrechtAccordionRowGap": "0rem",
|
|
365
|
+
"utrechtAccordionPanelBorderColor": "transparent",
|
|
366
|
+
"utrechtAccordionPanelBorderWidth": "1px",
|
|
367
|
+
"utrechtAccordionPanelPaddingBlockEnd": "1.5rem",
|
|
368
|
+
"utrechtAccordionPanelPaddingBlockStart": "1rem",
|
|
369
|
+
"utrechtAccordionPanelPaddingInlineEnd": "1rem",
|
|
370
|
+
"utrechtAccordionPanelPaddingInlineStart": "1rem",
|
|
376
371
|
"utrechtAccordionButtonBackgroundColor": "#fff",
|
|
377
372
|
"utrechtAccordionButtonBorderColor": "transparent",
|
|
378
373
|
"utrechtAccordionButtonBorderRadius": "0px",
|
|
@@ -384,6 +379,9 @@
|
|
|
384
379
|
"utrechtAccordionButtonPaddingInlineEnd": "1rem",
|
|
385
380
|
"utrechtAccordionButtonPaddingInlineStart": "1rem",
|
|
386
381
|
"utrechtAccordionButtonIconSize": "24px",
|
|
382
|
+
"utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
|
|
383
|
+
"utrechtAccordionButtonActiveBorderColor": "transparent",
|
|
384
|
+
"utrechtAccordionButtonActiveColor": "#0F172A",
|
|
387
385
|
"utrechtAccordionButtonHoverBackgroundColor": "#F8FAFC",
|
|
388
386
|
"utrechtAccordionButtonHoverBorderColor": "transparent",
|
|
389
387
|
"utrechtAccordionButtonHoverColor": "#0F172A",
|
|
@@ -391,49 +389,11 @@
|
|
|
391
389
|
"utrechtAccordionButtonFocusVisibleBorderColor": "transparent",
|
|
392
390
|
"utrechtAccordionButtonFocusVisibleBorderWidth": "1px",
|
|
393
391
|
"utrechtAccordionButtonFocusVisibleColor": "#0F172A",
|
|
394
|
-
"utrechtAccordionMarginBlockEnd": "0rem",
|
|
395
|
-
"utrechtAccordionMarginBlockStart": "0rem",
|
|
396
|
-
"utrechtAccordionRowGap": "0rem",
|
|
397
|
-
"utrechtAccordionPanelBorderColor": "transparent",
|
|
398
|
-
"utrechtAccordionPanelBorderWidth": "1px",
|
|
399
|
-
"utrechtAccordionPanelPaddingBlockEnd": "1.5rem",
|
|
400
|
-
"utrechtAccordionPanelPaddingBlockStart": "1rem",
|
|
401
|
-
"utrechtAccordionPanelPaddingInlineEnd": "1rem",
|
|
402
|
-
"utrechtAccordionPanelPaddingInlineStart": "1rem",
|
|
403
392
|
"utrechtAccordionSectionBorderColor": "#94A3B8",
|
|
404
393
|
"utrechtAccordionSectionHoverBorderColor": "#94A3B8",
|
|
405
394
|
"utrechtAccordionSectionBorderWidth": "1px",
|
|
406
395
|
"utrechtAccordionSectionMarginBlockEnd": "0rem",
|
|
407
396
|
"utrechtAccordionSectionMarginBlockStart": "0rem",
|
|
408
|
-
"utrechtSkipLinkFocusTextDecoration": "None",
|
|
409
|
-
"utrechtSkipLinkFocusBorderColor": "#a90061",
|
|
410
|
-
"utrechtSkipLinkFocusBorderWidth": "2px",
|
|
411
|
-
"utrechtSkipLinkFocusBorderStyle": "solid",
|
|
412
|
-
"utrechtSkipLinkFocusBackgroundColor": "#fff",
|
|
413
|
-
"utrechtSkipLinkFocusColor": "#01689b",
|
|
414
|
-
"utrechtSkipLinkBorderColor": "transparent",
|
|
415
|
-
"utrechtSkipLinkBoxBlockEndShadowColor": "#0000001a",
|
|
416
|
-
"utrechtSkipLinkBoxBlockEndShadowBlurRadius": "48px",
|
|
417
|
-
"utrechtSkipLinkBoxBlockEndShadowOffsetX": 0,
|
|
418
|
-
"utrechtSkipLinkBoxBlockEndShadowOffsetY": "16px",
|
|
419
|
-
"utrechtSkipLinkBoxBlockEndShadowSpreadRadius": 0,
|
|
420
|
-
"utrechtSkipLinkFocusVisibleOutlineColor": "#000",
|
|
421
|
-
"utrechtSkipLinkFocusVisibleTextDecoration": "underline",
|
|
422
|
-
"utrechtSkipLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
423
|
-
"utrechtSkipLinkFontWeight": 700,
|
|
424
|
-
"utrechtSkipLinkLineHeight": "150%",
|
|
425
|
-
"utrechtSkipLinkBorderWidth": "2px",
|
|
426
|
-
"utrechtSkipLinkTextUnderlineOffset": "0.125rem",
|
|
427
|
-
"utrechtSkipLinkFontSize": "1.25rem",
|
|
428
|
-
"utrechtSkipLinkBackgroundColor": "#fff",
|
|
429
|
-
"utrechtSkipLinkColor": "#01689b",
|
|
430
|
-
"utrechtSkipLinkMinBlockSize": "48px",
|
|
431
|
-
"utrechtSkipLinkMinInlineSize": "48px",
|
|
432
|
-
"utrechtSkipLinkPaddingBlockEnd": "0.75rem",
|
|
433
|
-
"utrechtSkipLinkPaddingBlockStart": "0.75rem",
|
|
434
|
-
"utrechtSkipLinkPaddingInlineEnd": "1rem",
|
|
435
|
-
"utrechtSkipLinkPaddingInlineStart": "1rem",
|
|
436
|
-
"utrechtSkipLinkTextDecoration": "underline",
|
|
437
397
|
"utrechtDataBadgeBackgroundColor": "#f2d9e7",
|
|
438
398
|
"utrechtDataBadgeBorderRadius": "10px",
|
|
439
399
|
"utrechtDataBadgeColor": "#a90061",
|
|
@@ -758,11 +718,9 @@
|
|
|
758
718
|
"todoFigureRowGap": "0.5rem",
|
|
759
719
|
"todoAccordionButtonFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
760
720
|
"todoAccordionButtonFontSize": "1.25rem",
|
|
761
|
-
"todoAccordionButtonFontWeight":
|
|
762
|
-
"todoAccordionButtonLineHeight": "
|
|
721
|
+
"todoAccordionButtonFontWeight": 700,
|
|
722
|
+
"todoAccordionButtonLineHeight": "1.875rem",
|
|
763
723
|
"todoLinkListLinkHoverTextDecoration": "underline",
|
|
764
|
-
"todoSkipLinkFontWeight": 700,
|
|
765
|
-
"nlNumberBadgeLineHeight": "125%",
|
|
766
724
|
"nlNumberBadgeBackgroundColor": "#a90061",
|
|
767
725
|
"nlNumberBadgeBorderColor": "transparent",
|
|
768
726
|
"nlNumberBadgeBorderRadius": "999px",
|
|
@@ -775,27 +733,6 @@
|
|
|
775
733
|
"nlNumberBadgeMinInlineSize": "24px",
|
|
776
734
|
"nlNumberBadgePaddingBlock": "0.125rem",
|
|
777
735
|
"nlNumberBadgePaddingInline": "0.5rem",
|
|
778
|
-
"nlSkipLinkBorderColor": "transparent",
|
|
779
|
-
"nlSkipLinkBorderWidth": "2px",
|
|
780
|
-
"nlSkipLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
781
|
-
"nlSkipLinkFontWeight": 700,
|
|
782
|
-
"nlSkipLinkPaddingBlockEnd": "0.75rem",
|
|
783
|
-
"nlSkipLinkPaddingBlockStart": "0.75rem",
|
|
784
|
-
"nlSkipLinkPaddingInlineEnd": "1rem",
|
|
785
|
-
"nlSkipLinkPaddingInlineStart": "1rem",
|
|
786
|
-
"nlSkipLinkBoxBlockEndShadowBlurRadius": "48px",
|
|
787
|
-
"nlSkipLinkBoxBlockEndShadowColor": "#0000001a",
|
|
788
|
-
"nlSkipLinkBoxBlockEndShadowOffsetX": 0,
|
|
789
|
-
"nlSkipLinkBoxBlockEndShadowOffsetY": "16px",
|
|
790
|
-
"nlSkipLinkBoxBlockEndShadowSpreadRadius": 0,
|
|
791
|
-
"nlSkipLinkFocusBackgroundColor": "#fff",
|
|
792
|
-
"nlSkipLinkFocusBorderColor": "#a90061",
|
|
793
|
-
"nlSkipLinkFocusBorderStyle": "solid",
|
|
794
|
-
"nlSkipLinkFocusBorderWidth": "2px",
|
|
795
|
-
"nlSkipLinkFocusColor": "#0F172A",
|
|
796
|
-
"nlSkipLinkFocusTextDecoration": "None",
|
|
797
|
-
"nlSkipLinkFocusVisibleOutlineColor": "#000",
|
|
798
|
-
"nlSkipLinkTextDecoration": "underline",
|
|
799
736
|
"nlSkipLinkBackgroundColor": "#fff",
|
|
800
737
|
"nlSkipLinkColor": "#01689b",
|
|
801
738
|
"nlSkipLinkPaddingBlock": "0.75rem",
|
|
@@ -889,23 +826,6 @@
|
|
|
889
826
|
"rhcKeepBottomLeftBorderRadiusTopRight": 0,
|
|
890
827
|
"rhcKeepBottomLeftBorderRadiusBottomRight": 0,
|
|
891
828
|
"rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
|
|
892
|
-
"rhcAccordionBorderRadius": "0px",
|
|
893
|
-
"rhcAccordionColor": "#0F172A",
|
|
894
|
-
"rhcAccordionHeaderMargin": 0,
|
|
895
|
-
"rhcAccordionSectionBorderBlockEndWidth": "1px",
|
|
896
|
-
"rhcAccordionSectionBorderColor": "#94A3B8",
|
|
897
|
-
"rhcAccordionSectionBorderWidth": "1px",
|
|
898
|
-
"rhcAccordionButtonPaddingBlockEnd": "0.75rem",
|
|
899
|
-
"rhcAccordionButtonPaddingBlockStart": "0.75rem",
|
|
900
|
-
"rhcAccordionButtonPaddingInlineEnd": "1rem",
|
|
901
|
-
"rhcAccordionButtonPaddingInlineStart": "1rem",
|
|
902
|
-
"rhcAccordionButtonExpandedBackgroundColor": "#fff",
|
|
903
|
-
"rhcAccordionButtonExpandedColor": "#0F172A",
|
|
904
|
-
"rhcAccordionButtonIconMarginBlock": "0.25rem",
|
|
905
|
-
"rhcAccordionButtonFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
906
|
-
"rhcAccordionButtonFontWeight": 400,
|
|
907
|
-
"rhcAccordionButtonFontSize": "1.25rem",
|
|
908
|
-
"rhcAccordionButtonLineHeight": "150%",
|
|
909
829
|
"rhcDataBadgeButtonColumnGap": "0.125rem",
|
|
910
830
|
"rhcDataBadgeButtonHoverBackgroundColor": "#a90061",
|
|
911
831
|
"rhcDataBadgeButtonHoverColor": "#fff",
|