@rijkshuisstijl-community/design-tokens 7.0.0 → 9.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.
Files changed (104) hide show
  1. package/CHANGELOG.md +84 -0
  2. package/dist/_variables.scss +14 -56
  3. package/dist/index.css +14 -56
  4. package/dist/index.d.ts +8 -50
  5. package/dist/index.js +14 -56
  6. package/dist/index.json +13 -55
  7. package/dist/index.tokens.json +18 -72
  8. package/dist/koop/_variables.scss +39 -79
  9. package/dist/koop/index.css +39 -79
  10. package/dist/koop/index.d.ts +33 -73
  11. package/dist/koop/index.js +39 -79
  12. package/dist/koop/index.json +38 -78
  13. package/dist/koop/index.tokens.json +73 -129
  14. package/dist/koop/root.css +39 -79
  15. package/dist/koop/tokens.d.ts +68 -124
  16. package/dist/koop/tokens.js +1187 -2057
  17. package/dist/root.css +14 -56
  18. package/dist/tokens.d.ts +13 -67
  19. package/dist/tokens.js +280 -1232
  20. package/dist/uitvoerend-groen/_variables.scss +27 -65
  21. package/dist/uitvoerend-groen/index.css +27 -65
  22. package/dist/uitvoerend-groen/index.d.ts +21 -59
  23. package/dist/uitvoerend-groen/index.js +27 -65
  24. package/dist/uitvoerend-groen/index.json +26 -64
  25. package/dist/uitvoerend-groen/index.tokens.json +51 -101
  26. package/dist/uitvoerend-groen/root.css +27 -65
  27. package/dist/uitvoerend-groen/tokens.d.ts +46 -96
  28. package/dist/uitvoerend-groen/tokens.js +526 -1394
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +27 -65
  30. package/dist/uitvoerend-hemelblauw/index.css +27 -65
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +21 -59
  32. package/dist/uitvoerend-hemelblauw/index.js +27 -65
  33. package/dist/uitvoerend-hemelblauw/index.json +26 -64
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +51 -101
  35. package/dist/uitvoerend-hemelblauw/root.css +27 -65
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +46 -96
  37. package/dist/uitvoerend-hemelblauw/tokens.js +526 -1394
  38. package/dist/uitvoerend-mintgroen/_variables.scss +27 -65
  39. package/dist/uitvoerend-mintgroen/index.css +27 -65
  40. package/dist/uitvoerend-mintgroen/index.d.ts +21 -59
  41. package/dist/uitvoerend-mintgroen/index.js +27 -65
  42. package/dist/uitvoerend-mintgroen/index.json +26 -64
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +51 -101
  44. package/dist/uitvoerend-mintgroen/root.css +27 -65
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +46 -96
  46. package/dist/uitvoerend-mintgroen/tokens.js +526 -1394
  47. package/dist/uitvoerend-oranje/_variables.scss +27 -65
  48. package/dist/uitvoerend-oranje/index.css +27 -65
  49. package/dist/uitvoerend-oranje/index.d.ts +21 -59
  50. package/dist/uitvoerend-oranje/index.js +27 -65
  51. package/dist/uitvoerend-oranje/index.json +26 -64
  52. package/dist/uitvoerend-oranje/index.tokens.json +51 -101
  53. package/dist/uitvoerend-oranje/root.css +27 -65
  54. package/dist/uitvoerend-oranje/tokens.d.ts +46 -96
  55. package/dist/uitvoerend-oranje/tokens.js +526 -1394
  56. package/dist/uitvoerend-paars/_variables.scss +27 -65
  57. package/dist/uitvoerend-paars/index.css +27 -65
  58. package/dist/uitvoerend-paars/index.d.ts +21 -59
  59. package/dist/uitvoerend-paars/index.js +27 -65
  60. package/dist/uitvoerend-paars/index.json +26 -64
  61. package/dist/uitvoerend-paars/index.tokens.json +51 -101
  62. package/dist/uitvoerend-paars/root.css +27 -65
  63. package/dist/uitvoerend-paars/tokens.d.ts +46 -96
  64. package/dist/uitvoerend-paars/tokens.js +526 -1394
  65. package/dist/uitvoerend-violet/_variables.scss +27 -65
  66. package/dist/uitvoerend-violet/index.css +27 -65
  67. package/dist/uitvoerend-violet/index.d.ts +21 -59
  68. package/dist/uitvoerend-violet/index.js +27 -65
  69. package/dist/uitvoerend-violet/index.json +26 -64
  70. package/dist/uitvoerend-violet/index.tokens.json +51 -101
  71. package/dist/uitvoerend-violet/root.css +27 -65
  72. package/dist/uitvoerend-violet/tokens.d.ts +46 -96
  73. package/dist/uitvoerend-violet/tokens.js +526 -1394
  74. package/dist/uitvoerend-violet-oud/_variables.scss +27 -65
  75. package/dist/uitvoerend-violet-oud/index.css +27 -65
  76. package/dist/uitvoerend-violet-oud/index.d.ts +21 -59
  77. package/dist/uitvoerend-violet-oud/index.js +27 -65
  78. package/dist/uitvoerend-violet-oud/index.json +26 -64
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +51 -101
  80. package/dist/uitvoerend-violet-oud/root.css +27 -65
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +46 -96
  82. package/dist/uitvoerend-violet-oud/tokens.js +526 -1394
  83. package/dist/wetgevend/_variables.scss +27 -65
  84. package/dist/wetgevend/index.css +27 -65
  85. package/dist/wetgevend/index.d.ts +21 -59
  86. package/dist/wetgevend/index.js +27 -65
  87. package/dist/wetgevend/index.json +26 -64
  88. package/dist/wetgevend/index.tokens.json +51 -101
  89. package/dist/wetgevend/root.css +27 -65
  90. package/dist/wetgevend/tokens.d.ts +46 -96
  91. package/dist/wetgevend/tokens.js +526 -1394
  92. package/figma/figma.tokens.json +100 -390
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +39 -219
  95. package/src/generated/koop/tokens.json +190 -346
  96. package/src/generated/themes.json +1062 -2530
  97. package/src/generated/uitvoerend-groen/tokens.json +109 -273
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +109 -273
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +109 -273
  100. package/src/generated/uitvoerend-oranje/tokens.json +109 -273
  101. package/src/generated/uitvoerend-paars/tokens.json +109 -273
  102. package/src/generated/uitvoerend-violet/tokens.json +109 -273
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +109 -273
  104. package/src/generated/wetgevend/tokens.json +109 -273
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 09 Sep 2025 07:01:22 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:39 GMT
4
4
  */
5
5
 
6
6
  export const amsPaginationFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
@@ -118,6 +118,7 @@ export const rhcNavBarLinkPaddingBlockStart = "1rem";
118
118
  export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
119
119
  export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
120
120
  export const rhcNavBarLinkColumnGap = "0.5rem";
121
+ export const rhcNavBarLinkFontSize = "1.25rem";
121
122
  export const rhcNavBarHeadingFontWeight = 700;
122
123
  export const rhcNavBarBackgroundColor = "#fff";
123
124
  export const rhcNavBarColor = "#154273";
@@ -354,7 +355,11 @@ export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
354
355
  export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
355
356
  export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
356
357
  export const rhcBreadcrumbNavLinkCurrentColor = "#334155";
357
- export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.";
358
+ export const rhcBlockquoteMarginBlockEnd = "0rem";
359
+ export const rhcBlockquoteMarginBlockStart = "0rem";
360
+ export const rhcBlockquoteMarginInlineEnd = "0rem";
361
+ export const rhcBlockquoteMarginInlineStart = "0rem";
362
+ export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.";
358
363
  export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
359
364
  export const rhcKeepTopLeftBorderRadiusTopRight = 0;
360
365
  export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
@@ -385,7 +390,6 @@ export const rhcColorForegroundSubdued = "#334155";
385
390
  export const rhcColorForegroundLink = "#01689b";
386
391
  export const rhcColorForegroundOnDarkColor = "#fff";
387
392
  export const rhcColorForegroundOnLightColor = "#000";
388
- export const rhcColorBackdrop = "#0000004d";
389
393
  export const rhcColorBorderDefault = "#64748B";
390
394
  export const rhcColorBorderSubdued = "#94A3B8";
391
395
  export const rhcColorBorderStrong = "#0F172A";
@@ -527,7 +531,6 @@ export const rhcColorLintblauw400 = "#4f7196";
527
531
  export const rhcColorLintblauw500 = "#154273";
528
532
  export const rhcColorWit = "#fff";
529
533
  export const rhcColorZwart = "#000";
530
- export const rhcColorTransparent30 = "#0000004d";
531
534
  export const rhcColorNone = "transparent";
532
535
  export const rhcFocusOutlineOffset = "0.125rem";
533
536
  export const rhcFocusOutlineStyle = "solid";
@@ -571,7 +574,7 @@ export const rhcSizeQuarterLint = "12px";
571
574
  export const rhcSizeHalfLint = "24px";
572
575
  export const rhcSizeLint = "48px";
573
576
  export const rhcSize2Lint = "96px";
574
- export const rhcSize3Lint = "1440px";
577
+ export const rhcSize3Lint = "144px";
575
578
  export const rhcFontFamilyPrimary = "'Fira Sans', Arial, Verdana, sans-serif";
576
579
  export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
577
580
  export const rhcBorderWidthDefault = "1px";
@@ -810,10 +813,6 @@ export const utrechtPreHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-se
810
813
  export const utrechtPreHeadingFontWeight = 700;
811
814
  export const utrechtPreHeadingLineHeight = "125%";
812
815
  export const utrechtPreHeadingFontSize = "1rem";
813
- export const utrechtOrderedListColor = "#0F172A";
814
- export const utrechtOrderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
815
- export const utrechtOrderedListFontWeight = 400;
816
- export const utrechtOrderedListMarginInlineStart = "0.625rem";
817
816
  export const utrechtOrderedListFontSize = "1.25rem";
818
817
  export const utrechtOrderedListLineHeight = "150%";
819
818
  export const utrechtOrderedListMarginBlockEnd = "0.25rem";
@@ -870,8 +869,6 @@ export const utrechtFormLabelRadioColor = "#0F172A";
870
869
  export const utrechtFormLabelRadioFontWeight = 400;
871
870
  export const utrechtFormLabelCheckedFontWeight = 400;
872
871
  export const utrechtFormLabelDisabledColor = "#94A3B8";
873
- export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
874
- export const utrechtFormFieldErrorMessageIconSize = "24px";
875
872
  export const utrechtFormFieldErrorMessageBackgroundColor = "transparent";
876
873
  export const utrechtFormFieldErrorMessageColor = "#d52b1e";
877
874
  export const utrechtFormFieldErrorMessageFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
@@ -884,7 +881,6 @@ export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
884
881
  export const utrechtFormFieldErrorMessagePaddingBlockStart = "0rem";
885
882
  export const utrechtFormFieldErrorMessagePaddingInlineEnd = "0rem";
886
883
  export const utrechtFormFieldErrorMessagePaddingInlineStart = "0rem";
887
- export const utrechtFormFieldDescriptionPaddingBlockEnd = "0.5rem";
888
884
  export const utrechtFormFieldDescriptionColor = "#334155";
889
885
  export const utrechtFormFieldDescriptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
890
886
  export const utrechtFormFieldDescriptionFontSize = "1.25rem";
@@ -895,8 +891,8 @@ export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
895
891
  export const utrechtFormFieldMarginBlockEnd = "0.5rem";
896
892
  export const utrechtFormFieldMarginBlockStart = "0.5rem";
897
893
  export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
898
- export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
899
- export const utrechtFormFieldInvalidPaddingInlineStart = "0rem";
894
+ export const utrechtFormFieldInvalidBorderInlineStartWidth = "2px";
895
+ export const utrechtFormFieldInvalidPaddingInlineStart = "1rem";
900
896
  export const utrechtPageFooterBackgroundColor = "#154273";
901
897
  export const utrechtPageFooterColor = "#fff";
902
898
  export const utrechtPageFooterPaddingBlockStart = "3rem";
@@ -924,8 +920,8 @@ export const utrechtFormFieldsetLegendDisabledColor = "#334155";
924
920
  export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
925
921
  export const utrechtFormFieldsetSectionColor = "#0F172A";
926
922
  export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
927
- export const utrechtFormFieldsetInvalidPaddingInlineStart = "0rem";
928
- export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
923
+ export const utrechtFormFieldsetInvalidPaddingInlineStart = "1rem";
924
+ export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "2px";
929
925
  export const utrechtDrawerMaxInlineSize = "256px";
930
926
  export const utrechtDrawerZIndex = 1;
931
927
  export const utrechtDrawerBackgroundColor = "#fff";
@@ -1120,46 +1116,6 @@ export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
1120
1116
  export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
1121
1117
  export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
1122
1118
  export const utrechtBreadcrumbNavLinkIconSize = "24px";
1123
- export const utrechtBlockquoteBorderBlockEndWidth = 0;
1124
- export const utrechtBlockquoteBorderBlockStartWidth = 0;
1125
- export const utrechtBlockquoteBorderEndEndRadius = 0;
1126
- export const utrechtBlockquoteBorderEndStartRadius = 0;
1127
- export const utrechtBlockquoteBorderInlineEndWidth = 0;
1128
- export const utrechtBlockquoteBorderStartEndRadius = 0;
1129
- export const utrechtBlockquoteBorderStartStartRadius = 0;
1130
- export const utrechtBlockquoteMarginBlockEnd = 0;
1131
- export const utrechtBlockquoteMarginBlockStart = 0;
1132
- export const utrechtBlockquoteMarginInlineEnd = 0;
1133
- export const utrechtBlockquoteMarginInlineStart = 0;
1134
- export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
1135
- export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#154273";
1136
- export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
1137
- export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
1138
- export const utrechtBlockquoteCaptionColor = "#154273";
1139
- export const utrechtBlockquoteCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1140
- export const utrechtBlockquoteCaptionFontSize = "1.25rem";
1141
- export const utrechtBlockquoteCaptionFontWeight = 400;
1142
- export const utrechtBlockquoteCaptionLineHeight = "150%";
1143
- export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
1144
- export const utrechtBlockquoteContentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1145
- export const utrechtBlockquoteContentFontWeight = 400;
1146
- export const utrechtBlockquoteContentLineHeight = "150%";
1147
- export const utrechtBlockquoteContentColor = "#154273";
1148
- export const utrechtBlockquoteContentFontSize = "1.25rem";
1149
- export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
1150
- export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
1151
- export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
1152
- export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
1153
- export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
1154
- export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
1155
- export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
1156
- export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
1157
- export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
1158
- export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
1159
- export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
1160
- export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
1161
- export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
1162
- export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
1163
1119
  export const utrechtBlockquoteBackgroundColor = "transparent";
1164
1120
  export const utrechtBlockquoteBorderInlineStartWidth = "0px";
1165
1121
  export const utrechtBlockquoteBorderColor = "transparent";
@@ -1175,6 +1131,8 @@ export const utrechtBlockquotePaddingInlineStart = "2rem";
1175
1131
  export const utrechtBlockquoteRowGap = "0.75rem";
1176
1132
  export const utrechtBlockquoteAttributionColor = "#154273";
1177
1133
  export const utrechtBlockquoteAttributionFontSize = "1.25rem";
1134
+ export const utrechtBlockquoteContentColor = "#154273";
1135
+ export const utrechtBlockquoteContentFontSize = "1.25rem";
1178
1136
  export const utrechtBackdropBackgroundColor = "#0000004d";
1179
1137
  export const utrechtBackdropColor = "#0F172A";
1180
1138
  export const utrechtBackdropOpacity = 0.8;
package/dist/index.json CHANGED
@@ -114,6 +114,7 @@
114
114
  "rhcNavBarLinkPaddingInlineEnd": "0.75rem",
115
115
  "rhcNavBarLinkPaddingInlineStart": "0.75rem",
116
116
  "rhcNavBarLinkColumnGap": "0.5rem",
117
+ "rhcNavBarLinkFontSize": "1.25rem",
117
118
  "rhcNavBarHeadingFontWeight": 700,
118
119
  "rhcNavBarBackgroundColor": "#fff",
119
120
  "rhcNavBarColor": "#154273",
@@ -350,7 +351,11 @@
350
351
  "rhcCardAsLinkHorizontalPaddingInlineStart": "1rem",
351
352
  "rhcCardAsLinkHorizontalHeadingInlineSize": "200px",
352
353
  "rhcBreadcrumbNavLinkCurrentColor": "#334155",
353
- "rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
354
+ "rhcBlockquoteMarginBlockEnd": "0rem",
355
+ "rhcBlockquoteMarginBlockStart": "0rem",
356
+ "rhcBlockquoteMarginInlineEnd": "0rem",
357
+ "rhcBlockquoteMarginInlineStart": "0rem",
358
+ "rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
354
359
  "rhcKeepTopLeftBorderRadiusTopLeft": "48px",
355
360
  "rhcKeepTopLeftBorderRadiusTopRight": 0,
356
361
  "rhcKeepTopLeftBorderRadiusBottomRight": 0,
@@ -381,7 +386,6 @@
381
386
  "rhcColorForegroundLink": "#01689b",
382
387
  "rhcColorForegroundOnDarkColor": "#fff",
383
388
  "rhcColorForegroundOnLightColor": "#000",
384
- "rhcColorBackdrop": "#0000004d",
385
389
  "rhcColorBorderDefault": "#64748B",
386
390
  "rhcColorBorderSubdued": "#94A3B8",
387
391
  "rhcColorBorderStrong": "#0F172A",
@@ -523,7 +527,6 @@
523
527
  "rhcColorLintblauw500": "#154273",
524
528
  "rhcColorWit": "#fff",
525
529
  "rhcColorZwart": "#000",
526
- "rhcColorTransparent30": "#0000004d",
527
530
  "rhcColorNone": "transparent",
528
531
  "rhcFocusOutlineOffset": "0.125rem",
529
532
  "rhcFocusOutlineStyle": "solid",
@@ -567,7 +570,7 @@
567
570
  "rhcSizeHalfLint": "24px",
568
571
  "rhcSizeLint": "48px",
569
572
  "rhcSize2Lint": "96px",
570
- "rhcSize3Lint": "1440px",
573
+ "rhcSize3Lint": "144px",
571
574
  "rhcFontFamilyPrimary": "'Fira Sans', Arial, Verdana, sans-serif",
572
575
  "rhcFontFamilySecondary": "RijksoverheidSerifWeb, 'Times New Roman', serif",
573
576
  "rhcBorderWidthDefault": "1px",
@@ -806,10 +809,6 @@
806
809
  "utrechtPreHeadingFontWeight": 700,
807
810
  "utrechtPreHeadingLineHeight": "125%",
808
811
  "utrechtPreHeadingFontSize": "1rem",
809
- "utrechtOrderedListColor": "#0F172A",
810
- "utrechtOrderedListFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
811
- "utrechtOrderedListFontWeight": 400,
812
- "utrechtOrderedListMarginInlineStart": "0.625rem",
813
812
  "utrechtOrderedListFontSize": "1.25rem",
814
813
  "utrechtOrderedListLineHeight": "150%",
815
814
  "utrechtOrderedListMarginBlockEnd": "0.25rem",
@@ -866,8 +865,6 @@
866
865
  "utrechtFormLabelRadioFontWeight": 400,
867
866
  "utrechtFormLabelCheckedFontWeight": 400,
868
867
  "utrechtFormLabelDisabledColor": "#94A3B8",
869
- "utrechtFormFieldErrorMessageIconMarginInlineEnd": "0.5rem",
870
- "utrechtFormFieldErrorMessageIconSize": "24px",
871
868
  "utrechtFormFieldErrorMessageBackgroundColor": "transparent",
872
869
  "utrechtFormFieldErrorMessageColor": "#d52b1e",
873
870
  "utrechtFormFieldErrorMessageFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
@@ -880,7 +877,6 @@
880
877
  "utrechtFormFieldErrorMessagePaddingBlockStart": "0rem",
881
878
  "utrechtFormFieldErrorMessagePaddingInlineEnd": "0rem",
882
879
  "utrechtFormFieldErrorMessagePaddingInlineStart": "0rem",
883
- "utrechtFormFieldDescriptionPaddingBlockEnd": "0.5rem",
884
880
  "utrechtFormFieldDescriptionColor": "#334155",
885
881
  "utrechtFormFieldDescriptionFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
886
882
  "utrechtFormFieldDescriptionFontSize": "1.25rem",
@@ -891,8 +887,8 @@
891
887
  "utrechtFormFieldMarginBlockEnd": "0.5rem",
892
888
  "utrechtFormFieldMarginBlockStart": "0.5rem",
893
889
  "utrechtFormFieldInvalidBorderInlineStartColor": "#d52b1e",
894
- "utrechtFormFieldInvalidBorderInlineStartWidth": "0px",
895
- "utrechtFormFieldInvalidPaddingInlineStart": "0rem",
890
+ "utrechtFormFieldInvalidBorderInlineStartWidth": "2px",
891
+ "utrechtFormFieldInvalidPaddingInlineStart": "1rem",
896
892
  "utrechtPageFooterBackgroundColor": "#154273",
897
893
  "utrechtPageFooterColor": "#fff",
898
894
  "utrechtPageFooterPaddingBlockStart": "3rem",
@@ -920,8 +916,8 @@
920
916
  "utrechtFormFieldsetSectionBackgroundColor": "transparent",
921
917
  "utrechtFormFieldsetSectionColor": "#0F172A",
922
918
  "utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
923
- "utrechtFormFieldsetInvalidPaddingInlineStart": "0rem",
924
- "utrechtFormFieldsetInvalidBorderInlineStartWidth": "0px",
919
+ "utrechtFormFieldsetInvalidPaddingInlineStart": "1rem",
920
+ "utrechtFormFieldsetInvalidBorderInlineStartWidth": "2px",
925
921
  "utrechtDrawerMaxInlineSize": "256px",
926
922
  "utrechtDrawerZIndex": 1,
927
923
  "utrechtDrawerBackgroundColor": "#fff",
@@ -1116,46 +1112,6 @@
1116
1112
  "utrechtBreadcrumbNavLinkHoverTextDecoration": "underline",
1117
1113
  "utrechtBreadcrumbNavLinkHoverColor": "#01496c",
1118
1114
  "utrechtBreadcrumbNavLinkIconSize": "24px",
1119
- "utrechtBlockquoteBorderBlockEndWidth": 0,
1120
- "utrechtBlockquoteBorderBlockStartWidth": 0,
1121
- "utrechtBlockquoteBorderEndEndRadius": 0,
1122
- "utrechtBlockquoteBorderEndStartRadius": 0,
1123
- "utrechtBlockquoteBorderInlineEndWidth": 0,
1124
- "utrechtBlockquoteBorderStartEndRadius": 0,
1125
- "utrechtBlockquoteBorderStartStartRadius": 0,
1126
- "utrechtBlockquoteMarginBlockEnd": 0,
1127
- "utrechtBlockquoteMarginBlockStart": 0,
1128
- "utrechtBlockquoteMarginInlineEnd": 0,
1129
- "utrechtBlockquoteMarginInlineStart": 0,
1130
- "utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
1131
- "utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#154273",
1132
- "utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
1133
- "utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
1134
- "utrechtBlockquoteCaptionColor": "#154273",
1135
- "utrechtBlockquoteCaptionFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1136
- "utrechtBlockquoteCaptionFontSize": "1.25rem",
1137
- "utrechtBlockquoteCaptionFontWeight": 400,
1138
- "utrechtBlockquoteCaptionLineHeight": "150%",
1139
- "utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
1140
- "utrechtBlockquoteContentFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1141
- "utrechtBlockquoteContentFontWeight": 400,
1142
- "utrechtBlockquoteContentLineHeight": "150%",
1143
- "utrechtBlockquoteContentColor": "#154273",
1144
- "utrechtBlockquoteContentFontSize": "1.25rem",
1145
- "utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
1146
- "utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
1147
- "utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
1148
- "utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
1149
- "utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
1150
- "utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
1151
- "utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
1152
- "utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
1153
- "utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
1154
- "utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
1155
- "utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
1156
- "utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
1157
- "utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
1158
- "utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
1159
1115
  "utrechtBlockquoteBackgroundColor": "transparent",
1160
1116
  "utrechtBlockquoteBorderInlineStartWidth": "0px",
1161
1117
  "utrechtBlockquoteBorderColor": "transparent",
@@ -1171,6 +1127,8 @@
1171
1127
  "utrechtBlockquoteRowGap": "0.75rem",
1172
1128
  "utrechtBlockquoteAttributionColor": "#154273",
1173
1129
  "utrechtBlockquoteAttributionFontSize": "1.25rem",
1130
+ "utrechtBlockquoteContentColor": "#154273",
1131
+ "utrechtBlockquoteContentFontSize": "1.25rem",
1174
1132
  "utrechtBackdropBackgroundColor": "#0000004d",
1175
1133
  "utrechtBackdropColor": "#0F172A",
1176
1134
  "utrechtBackdropOpacity": 0.8,
@@ -202,7 +202,8 @@
202
202
  "padding-block-start": "1rem",
203
203
  "padding-inline-end": "0.75rem",
204
204
  "padding-inline-start": "0.75rem",
205
- "column-gap": "0.5rem"
205
+ "column-gap": "0.5rem",
206
+ "font-size": "1.25rem"
206
207
  },
207
208
  "heading": {
208
209
  "font-weight": 700
@@ -599,8 +600,14 @@
599
600
  }
600
601
  }
601
602
  },
603
+ "blockquote": {
604
+ "margin-block-end": "0rem",
605
+ "margin-block-start": "0rem",
606
+ "margin-inline-end": "0rem",
607
+ "margin-inline-start": "0rem"
608
+ },
602
609
  "keep": {
603
- "_comment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
610
+ "_comment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
604
611
  "top-left": {
605
612
  "borderRadiusTopLeft": "48px",
606
613
  "borderRadiusTopRight": 0,
@@ -655,7 +662,6 @@
655
662
  "on-dark-color": "#fff",
656
663
  "on-light-color": "#000"
657
664
  },
658
- "backdrop": "#0000004d",
659
665
  "border": {
660
666
  "default": "#64748B",
661
667
  "subdued": "#94A3B8",
@@ -853,9 +859,6 @@
853
859
  },
854
860
  "wit": "#fff",
855
861
  "zwart": "#000",
856
- "transparent": {
857
- "30": "#0000004d"
858
- },
859
862
  "none": "transparent"
860
863
  },
861
864
  "focus": {
@@ -925,7 +928,7 @@
925
928
  "half-lint": "24px",
926
929
  "lint": "48px",
927
930
  "2-lint": "96px",
928
- "3-lint": "1440px"
931
+ "3-lint": "144px"
929
932
  },
930
933
  "font-family": {
931
934
  "primary": "'Fira Sans', Arial, Verdana, sans-serif",
@@ -1276,10 +1279,6 @@
1276
1279
  "font-size": "1rem"
1277
1280
  },
1278
1281
  "ordered-list": {
1279
- "color": "#0F172A",
1280
- "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
1281
- "font-weight": 400,
1282
- "margin-inline-start": "0.625rem",
1283
1282
  "font-size": "1.25rem",
1284
1283
  "line-height": "150%",
1285
1284
  "margin-block-end": "0.25rem",
@@ -1374,10 +1373,6 @@
1374
1373
  }
1375
1374
  },
1376
1375
  "form-field-error-message": {
1377
- "icon": {
1378
- "margin-inline-end": "0.5rem",
1379
- "size": "24px"
1380
- },
1381
1376
  "background-color": "transparent",
1382
1377
  "color": "#d52b1e",
1383
1378
  "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
@@ -1392,7 +1387,6 @@
1392
1387
  "padding-inline-start": "0rem"
1393
1388
  },
1394
1389
  "form-field-description": {
1395
- "padding-block-end": "0.5rem",
1396
1390
  "color": "#334155",
1397
1391
  "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
1398
1392
  "font-size": "1.25rem",
@@ -1408,8 +1402,8 @@
1408
1402
  "margin-block-start": "0.5rem",
1409
1403
  "invalid": {
1410
1404
  "border-inline-start-color": "#d52b1e",
1411
- "border-inline-start-width": "0px",
1412
- "padding-inline-start": "0rem"
1405
+ "border-inline-start-width": "2px",
1406
+ "padding-inline-start": "1rem"
1413
1407
  }
1414
1408
  },
1415
1409
  "page-footer": {
@@ -1457,8 +1451,8 @@
1457
1451
  "border-inline-start": {
1458
1452
  "color": "#d52b1e"
1459
1453
  },
1460
- "padding-inline-start": "0rem",
1461
- "border-inline-start-width": "0px"
1454
+ "padding-inline-start": "1rem",
1455
+ "border-inline-start-width": "2px"
1462
1456
  }
1463
1457
  },
1464
1458
  "drawer": {
@@ -1770,58 +1764,6 @@
1770
1764
  }
1771
1765
  },
1772
1766
  "blockquote": {
1773
- "border-block-end-width": 0,
1774
- "border-block-start-width": 0,
1775
- "border-end-end-radius": 0,
1776
- "border-end-start-radius": 0,
1777
- "border-inline-end-width": 0,
1778
- "border-start-end-radius": 0,
1779
- "border-start-start-radius": 0,
1780
- "margin-block-end": 0,
1781
- "margin-block-start": 0,
1782
- "margin-inline-end": 0,
1783
- "margin-inline-start": 0,
1784
- "blue-corner-border-variation": {
1785
- "border-block-end-width": "2px",
1786
- "border-color": "#154273",
1787
- "border-end-end-radius": "3rem",
1788
- "border-inline-end-width": "2px"
1789
- },
1790
- "caption": {
1791
- "color": "#154273",
1792
- "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
1793
- "font-size": "1.25rem",
1794
- "font-weight": 400,
1795
- "line-height": "150%",
1796
- "padding-block-start": "0.75rem"
1797
- },
1798
- "content": {
1799
- "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
1800
- "font-weight": 400,
1801
- "line-height": "150%",
1802
- "color": "#154273",
1803
- "font-size": "1.25rem"
1804
- },
1805
- "pink-background-variation": {
1806
- "background-color": "#F6BDE1",
1807
- "border-end-start-radius": "3rem",
1808
- "padding": "2.5rem"
1809
- },
1810
- "pink-corner-border-variation": {
1811
- "border-block-start-width": "0.25rem",
1812
- "border-color": "#F6BDE1",
1813
- "border-inline-start-width": "0.25rem",
1814
- "border-start-start-radius": "3rem",
1815
- "padding": "2.5rem"
1816
- },
1817
- "pink-left-border-variation": {
1818
- "border-color": "#F6BDE1",
1819
- "border-inline-start-width": "0.75rem",
1820
- "padding-block-end": "1.5rem",
1821
- "padding-block-start": "1.5rem",
1822
- "padding-inline-end": "2.5rem",
1823
- "padding-inline-start": "2.5rem"
1824
- },
1825
1767
  "background-color": "transparent",
1826
1768
  "border-inline-start-width": "0px",
1827
1769
  "border-color": "transparent",
@@ -1838,6 +1780,10 @@
1838
1780
  "attribution": {
1839
1781
  "color": "#154273",
1840
1782
  "font-size": "1.25rem"
1783
+ },
1784
+ "content": {
1785
+ "color": "#154273",
1786
+ "font-size": "1.25rem"
1841
1787
  }
1842
1788
  },
1843
1789
  "backdrop": {