@rijkshuisstijl-community/design-tokens 6.0.0 → 8.0.0

package/dist/koop/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 09:25:15 GMT
+ * Generated on Fri, 26 Sep 2025 23:36:53 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor = "#fff";
@@ -221,8 +221,15 @@ export const utrechtTextareaReadOnlyColor = "#0F172A";
 export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
 export const utrechtTextareaDisabledBorderColor = "#94A3B8";
 export const utrechtTextareaDisabledColor = "#475569";
-export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
-export const utrechtFormFieldErrorMessageIconSize = "24px";
+export const utrechtFormLabelColor = "#0F172A";
+export const utrechtFormLabelFontSize = "1.25rem";
+export const utrechtFormLabelFontWeight = 700;
+export const utrechtFormLabelCheckboxColor = "#0F172A";
+export const utrechtFormLabelCheckboxFontWeight = 400;
+export const utrechtFormLabelRadioColor = "#0F172A";
+export const utrechtFormLabelRadioFontWeight = 400;
+export const utrechtFormLabelCheckedFontWeight = 400;
+export const utrechtFormLabelDisabledColor = "#94A3B8";
 export const utrechtFormFieldErrorMessageBackgroundColor = "transparent";
 export const utrechtFormFieldErrorMessageColor = "#d52b1e";
 export const utrechtFormFieldErrorMessageFontFamily = "RijksSans, Arial, Verdana, sans-serif";
@@ -235,22 +242,12 @@ export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
 export const utrechtFormFieldErrorMessagePaddingBlockStart = "0rem";
 export const utrechtFormFieldErrorMessagePaddingInlineEnd = "0rem";
 export const utrechtFormFieldErrorMessagePaddingInlineStart = "0rem";
-export const utrechtFormFieldDescriptionPaddingBlockEnd = "0.5rem";
 export const utrechtFormFieldDescriptionColor = "#334155";
 export const utrechtFormFieldDescriptionFontFamily = "RijksSans, Arial, Verdana, sans-serif";
 export const utrechtFormFieldDescriptionFontSize = "1.25rem";
 export const utrechtFormFieldDescriptionLineHeight = "150%";
 export const utrechtFormFieldDescriptionMarginBlockEnd = "0.5rem";
 export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
-export const utrechtFormLabelColor = "#0F172A";
-export const utrechtFormLabelFontSize = "1.25rem";
-export const utrechtFormLabelFontWeight = 700;
-export const utrechtFormLabelCheckboxColor = "#0F172A";
-export const utrechtFormLabelCheckboxFontWeight = 400;
-export const utrechtFormLabelRadioColor = "#0F172A";
-export const utrechtFormLabelRadioFontWeight = 400;
-export const utrechtFormLabelCheckedFontWeight = 400;
-export const utrechtFormLabelDisabledColor = "#94A3B8";
 export const utrechtFigureCaptionBorderColor = "#CBD5E1";
 export const utrechtFigureCaptionBorderWidth = "4px";
 export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
@@ -275,46 +272,6 @@ export const utrechtNumberBadgeMinBlockSize = "24px";
 export const utrechtNumberBadgeMinInlineSize = "24px";
 export const utrechtNumberBadgePaddingBlock = "0.125rem";
 export const utrechtNumberBadgePaddingInline = "0.5rem";
-export const utrechtBlockquoteBorderBlockEndWidth = 0;
-export const utrechtBlockquoteBorderBlockStartWidth = 0;
-export const utrechtBlockquoteBorderEndEndRadius = 0;
-export const utrechtBlockquoteBorderEndStartRadius = 0;
-export const utrechtBlockquoteBorderInlineEndWidth = 0;
-export const utrechtBlockquoteBorderStartEndRadius = 0;
-export const utrechtBlockquoteBorderStartStartRadius = 0;
-export const utrechtBlockquoteMarginBlockEnd = 0;
-export const utrechtBlockquoteMarginBlockStart = 0;
-export const utrechtBlockquoteMarginInlineEnd = 0;
-export const utrechtBlockquoteMarginInlineStart = 0;
-export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
-export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#154273";
-export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
-export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
-export const utrechtBlockquoteCaptionColor = "#154273";
-export const utrechtBlockquoteCaptionFontFamily = "RijksSans, Arial, Verdana, sans-serif";
-export const utrechtBlockquoteCaptionFontSize = "1.25rem";
-export const utrechtBlockquoteCaptionFontWeight = 400;
-export const utrechtBlockquoteCaptionLineHeight = "150%";
-export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
-export const utrechtBlockquoteContentFontFamily = "RijksSans, Arial, Verdana, sans-serif";
-export const utrechtBlockquoteContentFontWeight = 400;
-export const utrechtBlockquoteContentLineHeight = "150%";
-export const utrechtBlockquoteContentColor = "#154273";
-export const utrechtBlockquoteContentFontSize = "1.25rem";
-export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
-export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
-export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
-export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
-export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
-export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
-export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
-export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
-export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
-export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
-export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
-export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
-export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
-export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
 export const utrechtBlockquoteBackgroundColor = "transparent";
 export const utrechtBlockquoteBorderInlineStartWidth = "0px";
 export const utrechtBlockquoteBorderColor = "transparent";
@@ -330,6 +287,8 @@ export const utrechtBlockquotePaddingInlineStart = "2rem";
 export const utrechtBlockquoteRowGap = "0.75rem";
 export const utrechtBlockquoteAttributionColor = "#154273";
 export const utrechtBlockquoteAttributionFontSize = "1.25rem";
+export const utrechtBlockquoteContentColor = "#154273";
+export const utrechtBlockquoteContentFontSize = "1.25rem";
 export const utrechtAlertBackgroundColor = "#d9ebf7";
 export const utrechtAlertBorderColor = "transparent";
 export const utrechtAlertBorderRadius = "5px";
@@ -500,11 +459,6 @@ export const utrechtButtonSubtleActiveBorderColor = "transparent";
 export const utrechtButtonSubtleActiveColor = "#0d2845";
 export const utrechtButtonGroupMarginBlockEnd = "0rem";
 export const utrechtButtonGroupMarginBlockStart = "0rem";
-export const utrechtButtonGroupBackgroundColor = "transparent";
-export const utrechtButtonGroupColumnGap = "0.5rem";
-export const utrechtButtonGroupPaddingBlockEnd = "0px";
-export const utrechtButtonGroupPaddingBlockStart = "0px";
-export const utrechtButtonGroupRowGap = "0.5rem";
 export const utrechtBreadcrumbNavFontFamily = "RijksSans, Arial, Verdana, sans-serif";
 export const utrechtBreadcrumbNavFontSize = "1.25rem";
 export const utrechtBreadcrumbNavLineHeight = "150%";
@@ -559,6 +513,11 @@ export const utrechtOrderedListPaddingInlineStart = "2rem";
 export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
 export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
 export const utrechtOrderedListItemPaddingInlineStart = "0.5rem";
+export const utrechtActionGroupBackgroundColor = "transparent";
+export const utrechtActionGroupColumnGap = "0.5rem";
+export const utrechtActionGroupPaddingBlockEnd = "0rem";
+export const utrechtActionGroupPaddingBlockStart = "0rem";
+export const utrechtActionGroupRowGap = "0.5rem";
 export const utrechtPageFooterBackgroundColor = "#154273";
 export const utrechtPageFooterColor = "#fff";
 export const utrechtPageFooterPaddingBlockStart = "3rem";
@@ -654,6 +613,22 @@ export const utrechtFormFieldsetSectionColor = "#0F172A";
 export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
 export const utrechtFormFieldsetInvalidPaddingInlineStart = "0rem";
 export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
+export const utrechtDrawerMaxInlineSize = "256px";
+export const utrechtDrawerZIndex = 1;
+export const utrechtDrawerBackgroundColor = "#fff";
+export const utrechtDrawerBorderColor = "#64748B";
+export const utrechtDrawerBorderWidth = "0px";
+export const utrechtDrawerColor = "#0F172A";
+export const utrechtDrawerMaxBlockSize = "240px";
+export const utrechtDrawerPaddingBlockStart = "1rem";
+export const utrechtDrawerPaddingBlockEnd = "1rem";
+export const utrechtDrawerPaddingInlineStart = "1rem";
+export const utrechtDrawerPaddingInlineEnd = "1rem";
+export const utrechtBackdropBackgroundColor = "#0000004d";
+export const utrechtBackdropColor = "#0F172A";
+export const utrechtBackdropOpacity = 0.8;
+export const utrechtBackdropFadeInAnimationDuration = "400ms";
+export const utrechtBackdropReducedTransparencyOpacity = 0.98;
 export const utrechtArticleMaxInlineSize = "75ch";
 export const utrechtDocumentBackgroundColor = "#fff";
 export const utrechtDocumentColor = "#0F172A";
@@ -815,7 +790,15 @@ export const nlHeadingLevel6FontWeight = 700;
 export const nlHeadingLevel6LineHeight = "150%";
 export const nlHeadingLevel6MarginBlockEnd = "0rem";
 export const nlHeadingLevel6MarginBlockStart = "0rem";
-export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.";
+export const rhcBlockquoteMarginBlockEnd = "0rem";
+export const rhcBlockquoteMarginBlockStart = "0rem";
+export const rhcBlockquoteMarginInlineEnd = "0rem";
+export const rhcBlockquoteMarginInlineStart = "0rem";
+export const rhcDataBadgeButtonColumnGap = "0.125rem";
+export const rhcDataBadgeButtonHoverBackgroundColor = "#154273";
+export const rhcDataBadgeButtonHoverColor = "#fff";
+export const rhcBreadcrumbNavLinkCurrentColor = "#334155";
+export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.";
 export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
 export const rhcKeepTopLeftBorderRadiusTopRight = 0;
 export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
@@ -832,10 +815,6 @@ export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
 export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
 export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
 export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
-export const rhcDataBadgeButtonColumnGap = "0.125rem";
-export const rhcDataBadgeButtonHoverBackgroundColor = "#154273";
-export const rhcDataBadgeButtonHoverColor = "#fff";
-export const rhcBreadcrumbNavLinkCurrentColor = "#334155";
 export const rhcRoundedCornerXsBorderRadius = "24px";
 export const rhcRoundedCornerMdBorderRadius = "48px";
 export const rhcRoundedCornerXlBorderRadius = "96px";
@@ -859,6 +838,7 @@ export const rhcNavBarLinkPaddingBlockStart = "1rem";
 export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
 export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
 export const rhcNavBarLinkColumnGap = "0.5rem";
+export const rhcNavBarLinkFontSize = "1.25rem";
 export const rhcNavBarBackgroundColor = "#fff";
 export const rhcNavBarColor = "#154273";
 export const rhcNavBarBorderColor = "#154273";
@@ -1324,7 +1304,7 @@ export const rhcSizeQuarterLint = "12px";
 export const rhcSizeHalfLint = "24px";
 export const rhcSizeLint = "48px";
 export const rhcSize2Lint = "96px";
-export const rhcSize3Lint = "1440px";
+export const rhcSize3Lint = "144px";
 export const rhcBorderWidthDefault = "1px";
 export const rhcBorderWidthM = "2px";
 export const rhcBorderWidthNone = "0px";

package/dist/koop/index.json

@@ -217,8 +217,15 @@
   "utrechtTextareaDisabledBackgroundColor": "#CBD5E1",
   "utrechtTextareaDisabledBorderColor": "#94A3B8",
   "utrechtTextareaDisabledColor": "#475569",
-  "utrechtFormFieldErrorMessageIconMarginInlineEnd": "0.5rem",
-  "utrechtFormFieldErrorMessageIconSize": "24px",
+  "utrechtFormLabelColor": "#0F172A",
+  "utrechtFormLabelFontSize": "1.25rem",
+  "utrechtFormLabelFontWeight": 700,
+  "utrechtFormLabelCheckboxColor": "#0F172A",
+  "utrechtFormLabelCheckboxFontWeight": 400,
+  "utrechtFormLabelRadioColor": "#0F172A",
+  "utrechtFormLabelRadioFontWeight": 400,
+  "utrechtFormLabelCheckedFontWeight": 400,
+  "utrechtFormLabelDisabledColor": "#94A3B8",
   "utrechtFormFieldErrorMessageBackgroundColor": "transparent",
   "utrechtFormFieldErrorMessageColor": "#d52b1e",
   "utrechtFormFieldErrorMessageFontFamily": "RijksSans, Arial, Verdana, sans-serif",
@@ -231,22 +238,12 @@
   "utrechtFormFieldErrorMessagePaddingBlockStart": "0rem",
   "utrechtFormFieldErrorMessagePaddingInlineEnd": "0rem",
   "utrechtFormFieldErrorMessagePaddingInlineStart": "0rem",
-  "utrechtFormFieldDescriptionPaddingBlockEnd": "0.5rem",
   "utrechtFormFieldDescriptionColor": "#334155",
   "utrechtFormFieldDescriptionFontFamily": "RijksSans, Arial, Verdana, sans-serif",
   "utrechtFormFieldDescriptionFontSize": "1.25rem",
   "utrechtFormFieldDescriptionLineHeight": "150%",
   "utrechtFormFieldDescriptionMarginBlockEnd": "0.5rem",
   "utrechtFormFieldDescriptionMarginBlockStart": "-0.5rem",
-  "utrechtFormLabelColor": "#0F172A",
-  "utrechtFormLabelFontSize": "1.25rem",
-  "utrechtFormLabelFontWeight": 700,
-  "utrechtFormLabelCheckboxColor": "#0F172A",
-  "utrechtFormLabelCheckboxFontWeight": 400,
-  "utrechtFormLabelRadioColor": "#0F172A",
-  "utrechtFormLabelRadioFontWeight": 400,
-  "utrechtFormLabelCheckedFontWeight": 400,
-  "utrechtFormLabelDisabledColor": "#94A3B8",
   "utrechtFigureCaptionBorderColor": "#CBD5E1",
   "utrechtFigureCaptionBorderWidth": "4px",
   "utrechtFigureCaptionPaddingBlockEnd": "0.5rem",
@@ -271,46 +268,6 @@
   "utrechtNumberBadgeMinInlineSize": "24px",
   "utrechtNumberBadgePaddingBlock": "0.125rem",
   "utrechtNumberBadgePaddingInline": "0.5rem",
-  "utrechtBlockquoteBorderBlockEndWidth": 0,
-  "utrechtBlockquoteBorderBlockStartWidth": 0,
-  "utrechtBlockquoteBorderEndEndRadius": 0,
-  "utrechtBlockquoteBorderEndStartRadius": 0,
-  "utrechtBlockquoteBorderInlineEndWidth": 0,
-  "utrechtBlockquoteBorderStartEndRadius": 0,
-  "utrechtBlockquoteBorderStartStartRadius": 0,
-  "utrechtBlockquoteMarginBlockEnd": 0,
-  "utrechtBlockquoteMarginBlockStart": 0,
-  "utrechtBlockquoteMarginInlineEnd": 0,
-  "utrechtBlockquoteMarginInlineStart": 0,
-  "utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
-  "utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#154273",
-  "utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
-  "utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
-  "utrechtBlockquoteCaptionColor": "#154273",
-  "utrechtBlockquoteCaptionFontFamily": "RijksSans, Arial, Verdana, sans-serif",
-  "utrechtBlockquoteCaptionFontSize": "1.25rem",
-  "utrechtBlockquoteCaptionFontWeight": 400,
-  "utrechtBlockquoteCaptionLineHeight": "150%",
-  "utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
-  "utrechtBlockquoteContentFontFamily": "RijksSans, Arial, Verdana, sans-serif",
-  "utrechtBlockquoteContentFontWeight": 400,
-  "utrechtBlockquoteContentLineHeight": "150%",
-  "utrechtBlockquoteContentColor": "#154273",
-  "utrechtBlockquoteContentFontSize": "1.25rem",
-  "utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
-  "utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
-  "utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
-  "utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
-  "utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
-  "utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
-  "utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
-  "utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
-  "utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
-  "utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
-  "utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
-  "utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
-  "utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
-  "utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
   "utrechtBlockquoteBackgroundColor": "transparent",
   "utrechtBlockquoteBorderInlineStartWidth": "0px",
   "utrechtBlockquoteBorderColor": "transparent",
@@ -326,6 +283,8 @@
   "utrechtBlockquoteRowGap": "0.75rem",
   "utrechtBlockquoteAttributionColor": "#154273",
   "utrechtBlockquoteAttributionFontSize": "1.25rem",
+  "utrechtBlockquoteContentColor": "#154273",
+  "utrechtBlockquoteContentFontSize": "1.25rem",
   "utrechtAlertBackgroundColor": "#d9ebf7",
   "utrechtAlertBorderColor": "transparent",
   "utrechtAlertBorderRadius": "5px",
@@ -496,11 +455,6 @@
   "utrechtButtonSubtleActiveColor": "#0d2845",
   "utrechtButtonGroupMarginBlockEnd": "0rem",
   "utrechtButtonGroupMarginBlockStart": "0rem",
-  "utrechtButtonGroupBackgroundColor": "transparent",
-  "utrechtButtonGroupColumnGap": "0.5rem",
-  "utrechtButtonGroupPaddingBlockEnd": "0px",
-  "utrechtButtonGroupPaddingBlockStart": "0px",
-  "utrechtButtonGroupRowGap": "0.5rem",
   "utrechtBreadcrumbNavFontFamily": "RijksSans, Arial, Verdana, sans-serif",
   "utrechtBreadcrumbNavFontSize": "1.25rem",
   "utrechtBreadcrumbNavLineHeight": "150%",
@@ -555,6 +509,11 @@
   "utrechtOrderedListItemMarginBlockEnd": "0.25rem",
   "utrechtOrderedListItemMarginBlockStart": "0.25rem",
   "utrechtOrderedListItemPaddingInlineStart": "0.5rem",
+  "utrechtActionGroupBackgroundColor": "transparent",
+  "utrechtActionGroupColumnGap": "0.5rem",
+  "utrechtActionGroupPaddingBlockEnd": "0rem",
+  "utrechtActionGroupPaddingBlockStart": "0rem",
+  "utrechtActionGroupRowGap": "0.5rem",
   "utrechtPageFooterBackgroundColor": "#154273",
   "utrechtPageFooterColor": "#fff",
   "utrechtPageFooterPaddingBlockStart": "3rem",
@@ -650,6 +609,22 @@
   "utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
   "utrechtFormFieldsetInvalidPaddingInlineStart": "0rem",
   "utrechtFormFieldsetInvalidBorderInlineStartWidth": "0px",
+  "utrechtDrawerMaxInlineSize": "256px",
+  "utrechtDrawerZIndex": 1,
+  "utrechtDrawerBackgroundColor": "#fff",
+  "utrechtDrawerBorderColor": "#64748B",
+  "utrechtDrawerBorderWidth": "0px",
+  "utrechtDrawerColor": "#0F172A",
+  "utrechtDrawerMaxBlockSize": "240px",
+  "utrechtDrawerPaddingBlockStart": "1rem",
+  "utrechtDrawerPaddingBlockEnd": "1rem",
+  "utrechtDrawerPaddingInlineStart": "1rem",
+  "utrechtDrawerPaddingInlineEnd": "1rem",
+  "utrechtBackdropBackgroundColor": "#0000004d",
+  "utrechtBackdropColor": "#0F172A",
+  "utrechtBackdropOpacity": 0.8,
+  "utrechtBackdropFadeInAnimationDuration": "400ms",
+  "utrechtBackdropReducedTransparencyOpacity": 0.98,
   "utrechtArticleMaxInlineSize": "75ch",
   "utrechtDocumentBackgroundColor": "#fff",
   "utrechtDocumentColor": "#0F172A",
@@ -811,7 +786,15 @@
   "nlHeadingLevel6LineHeight": "150%",
   "nlHeadingLevel6MarginBlockEnd": "0rem",
   "nlHeadingLevel6MarginBlockStart": "0rem",
-  "rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
+  "rhcBlockquoteMarginBlockEnd": "0rem",
+  "rhcBlockquoteMarginBlockStart": "0rem",
+  "rhcBlockquoteMarginInlineEnd": "0rem",
+  "rhcBlockquoteMarginInlineStart": "0rem",
+  "rhcDataBadgeButtonColumnGap": "0.125rem",
+  "rhcDataBadgeButtonHoverBackgroundColor": "#154273",
+  "rhcDataBadgeButtonHoverColor": "#fff",
+  "rhcBreadcrumbNavLinkCurrentColor": "#334155",
+  "rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
   "rhcKeepTopLeftBorderRadiusTopLeft": "48px",
   "rhcKeepTopLeftBorderRadiusTopRight": 0,
   "rhcKeepTopLeftBorderRadiusBottomRight": 0,
@@ -828,10 +811,6 @@
   "rhcKeepBottomLeftBorderRadiusTopRight": 0,
   "rhcKeepBottomLeftBorderRadiusBottomRight": 0,
   "rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
-  "rhcDataBadgeButtonColumnGap": "0.125rem",
-  "rhcDataBadgeButtonHoverBackgroundColor": "#154273",
-  "rhcDataBadgeButtonHoverColor": "#fff",
-  "rhcBreadcrumbNavLinkCurrentColor": "#334155",
   "rhcRoundedCornerXsBorderRadius": "24px",
   "rhcRoundedCornerMdBorderRadius": "48px",
   "rhcRoundedCornerXlBorderRadius": "96px",
@@ -855,6 +834,7 @@
   "rhcNavBarLinkPaddingInlineEnd": "0.75rem",
   "rhcNavBarLinkPaddingInlineStart": "0.75rem",
   "rhcNavBarLinkColumnGap": "0.5rem",
+  "rhcNavBarLinkFontSize": "1.25rem",
   "rhcNavBarBackgroundColor": "#fff",
   "rhcNavBarColor": "#154273",
   "rhcNavBarBorderColor": "#154273",
@@ -1320,7 +1300,7 @@
   "rhcSizeHalfLint": "24px",
   "rhcSizeLint": "48px",
   "rhcSize2Lint": "96px",
-  "rhcSize3Lint": "1440px",
+  "rhcSize3Lint": "144px",
   "rhcBorderWidthDefault": "1px",
   "rhcBorderWidthM": "2px",
   "rhcBorderWidthNone": "0px",

package/dist/koop/index.tokens.json

@@ -324,11 +324,26 @@
         "color": "#475569"
       }
     },
-    "form-field-error-message": {
-      "icon": {
-        "margin-inline-end": "0.5rem",
-        "size": "24px"
+    "form-label": {
+      "color": "#0F172A",
+      "font-size": "1.25rem",
+      "font-weight": 700,
+      "checkbox": {
+        "color": "#0F172A",
+        "font-weight": 400
+      },
+      "radio": {
+        "color": "#0F172A",
+        "font-weight": 400
+      },
+      "checked": {
+        "font-weight": 400
       },
+      "disabled": {
+        "color": "#94A3B8"
+      }
+    },
+    "form-field-error-message": {
       "background-color": "transparent",
       "color": "#d52b1e",
       "font-family": "RijksSans, Arial, Verdana, sans-serif",
@@ -343,7 +358,6 @@
       "padding-inline-start": "0rem"
     },
     "form-field-description": {
-      "padding-block-end": "0.5rem",
       "color": "#334155",
       "font-family": "RijksSans, Arial, Verdana, sans-serif",
       "font-size": "1.25rem",
@@ -351,25 +365,6 @@
       "margin-block-end": "0.5rem",
       "margin-block-start": "-0.5rem"
     },
-    "form-label": {
-      "color": "#0F172A",
-      "font-size": "1.25rem",
-      "font-weight": 700,
-      "checkbox": {
-        "color": "#0F172A",
-        "font-weight": 400
-      },
-      "radio": {
-        "color": "#0F172A",
-        "font-weight": 400
-      },
-      "checked": {
-        "font-weight": 400
-      },
-      "disabled": {
-        "color": "#94A3B8"
-      }
-    },
     "figure": {
       "caption": {
         "border-color": "#CBD5E1",
@@ -403,58 +398,6 @@
       "padding-inline": "0.5rem"
     },
     "blockquote": {
-      "border-block-end-width": 0,
-      "border-block-start-width": 0,
-      "border-end-end-radius": 0,
-      "border-end-start-radius": 0,
-      "border-inline-end-width": 0,
-      "border-start-end-radius": 0,
-      "border-start-start-radius": 0,
-      "margin-block-end": 0,
-      "margin-block-start": 0,
-      "margin-inline-end": 0,
-      "margin-inline-start": 0,
-      "blue-corner-border-variation": {
-        "border-block-end-width": "2px",
-        "border-color": "#154273",
-        "border-end-end-radius": "3rem",
-        "border-inline-end-width": "2px"
-      },
-      "caption": {
-        "color": "#154273",
-        "font-family": "RijksSans, Arial, Verdana, sans-serif",
-        "font-size": "1.25rem",
-        "font-weight": 400,
-        "line-height": "150%",
-        "padding-block-start": "0.75rem"
-      },
-      "content": {
-        "font-family": "RijksSans, Arial, Verdana, sans-serif",
-        "font-weight": 400,
-        "line-height": "150%",
-        "color": "#154273",
-        "font-size": "1.25rem"
-      },
-      "pink-background-variation": {
-        "background-color": "#F6BDE1",
-        "border-end-start-radius": "3rem",
-        "padding": "2.5rem"
-      },
-      "pink-corner-border-variation": {
-        "border-block-start-width": "0.25rem",
-        "border-color": "#F6BDE1",
-        "border-inline-start-width": "0.25rem",
-        "border-start-start-radius": "3rem",
-        "padding": "2.5rem"
-      },
-      "pink-left-border-variation": {
-        "border-color": "#F6BDE1",
-        "border-inline-start-width": "0.75rem",
-        "padding-block-end": "1.5rem",
-        "padding-block-start": "1.5rem",
-        "padding-inline-end": "2.5rem",
-        "padding-inline-start": "2.5rem"
-      },
       "background-color": "transparent",
       "border-inline-start-width": "0px",
       "border-color": "transparent",
@@ -471,6 +414,10 @@
       "attribution": {
         "color": "#154273",
         "font-size": "1.25rem"
+      },
+      "content": {
+        "color": "#154273",
+        "font-size": "1.25rem"
       }
     },
     "alert": {
@@ -737,12 +684,7 @@
     },
     "button-group": {
       "margin-block-end": "0rem",
-      "margin-block-start": "0rem",
-      "background-color": "transparent",
-      "column-gap": "0.5rem",
-      "padding-block-end": "0px",
-      "padding-block-start": "0px",
-      "row-gap": "0.5rem"
+      "margin-block-start": "0rem"
     },
     "breadcrumb-nav": {
       "font-family": "RijksSans, Arial, Verdana, sans-serif",
@@ -852,6 +794,13 @@
         "padding-inline-start": "0.5rem"
       }
     },
+    "action-group": {
+      "background-color": "transparent",
+      "column-gap": "0.5rem",
+      "padding-block-end": "0rem",
+      "padding-block-start": "0rem",
+      "row-gap": "0.5rem"
+    },
     "page-footer": {
       "background-color": "#154273",
       "color": "#fff",
@@ -1007,6 +956,30 @@
         "border-inline-start-width": "0px"
       }
     },
+    "drawer": {
+      "max-inline-size": "256px",
+      "z-index": 1,
+      "background-color": "#fff",
+      "border-color": "#64748B",
+      "border-width": "0px",
+      "color": "#0F172A",
+      "max-block-size": "240px",
+      "padding-block-start": "1rem",
+      "padding-block-end": "1rem",
+      "padding-inline-start": "1rem",
+      "padding-inline-end": "1rem"
+    },
+    "backdrop": {
+      "background-color": "#0000004d",
+      "color": "#0F172A",
+      "opacity": 0.8,
+      "fade-in": {
+        "animation-duration": "400ms"
+      },
+      "reduced-transparency": {
+        "opacity": 0.98
+      }
+    },
     "article": {
       "max-inline-size": "75ch"
     },
@@ -1286,8 +1259,28 @@
     }
   },
   "rhc": {
+    "blockquote": {
+      "margin-block-end": "0rem",
+      "margin-block-start": "0rem",
+      "margin-inline-end": "0rem",
+      "margin-inline-start": "0rem"
+    },
+    "data-badge-button": {
+      "column-gap": "0.125rem",
+      "hover": {
+        "background-color": "#154273",
+        "color": "#fff"
+      }
+    },
+    "breadcrumb-nav": {
+      "link": {
+        "current": {
+          "color": "#334155"
+        }
+      }
+    },
     "keep": {
-      "_comment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
+      "_comment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
       "top-left": {
         "borderRadiusTopLeft": "48px",
         "borderRadiusTopRight": 0,
@@ -1313,20 +1306,6 @@
         "borderRadiusBottomLeft": "48px"
       }
     },
-    "data-badge-button": {
-      "column-gap": "0.125rem",
-      "hover": {
-        "background-color": "#154273",
-        "color": "#fff"
-      }
-    },
-    "breadcrumb-nav": {
-      "link": {
-        "current": {
-          "color": "#334155"
-        }
-      }
-    },
     "rounded-corner": {
       "xs": {
         "border-radius": "24px"
@@ -1375,7 +1354,8 @@
         "padding-block-start": "1rem",
         "padding-inline-end": "0.75rem",
         "padding-inline-start": "0.75rem",
-        "column-gap": "0.5rem"
+        "column-gap": "0.5rem",
+        "font-size": "1.25rem"
       },
       "background-color": "#fff",
       "color": "#154273",
@@ -2108,7 +2088,7 @@
       "half-lint": "24px",
       "lint": "48px",
       "2-lint": "96px",
-      "3-lint": "1440px"
+      "3-lint": "144px"
     },
     "border-width": {
       "default": "1px",