@rijkshuisstijl-community/design-tokens 7.0.0 → 9.0.0

package/dist/wetgevend/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 09 Sep 2025 07:01:23 GMT
+ * Generated on Mon, 27 Oct 2025 09:20:39 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor = "#fff";
@@ -124,8 +124,8 @@ export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
 export const utrechtFormFieldMarginBlockEnd = "0.5rem";
 export const utrechtFormFieldMarginBlockStart = "0.5rem";
 export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
-export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
-export const utrechtFormFieldInvalidPaddingInlineStart = "0rem";
+export const utrechtFormFieldInvalidBorderInlineStartWidth = "2px";
+export const utrechtFormFieldInvalidPaddingInlineStart = "1rem";
 export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#4f7196";
 export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
 export const utrechtCheckboxIndeterminateActiveColor = "#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 = "'Fira Sans', 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 = "'Fira Sans', 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 = "'Fira Sans', 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 = "'Fira Sans', 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";
@@ -652,8 +611,8 @@ export const utrechtFormFieldsetLegendDisabledColor = "#334155";
 export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
 export const utrechtFormFieldsetSectionColor = "#0F172A";
 export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
-export const utrechtFormFieldsetInvalidPaddingInlineStart = "0rem";
-export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
+export const utrechtFormFieldsetInvalidPaddingInlineStart = "1rem";
+export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "2px";
 export const utrechtDrawerMaxInlineSize = "256px";
 export const utrechtDrawerZIndex = 1;
 export const utrechtDrawerBackgroundColor = "#fff";
@@ -829,7 +788,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;
@@ -846,10 +813,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";
@@ -986,6 +949,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 rhcNavBarHeadingFontWeight = 700;
 export const rhcNavBarBackgroundColor = "#fff";
 export const rhcNavBarColor = "#154273";
@@ -1152,7 +1116,6 @@ export const rhcColorForegroundSubdued = "#334155";
 export const rhcColorForegroundLink = "#01689b";
 export const rhcColorForegroundOnDarkColor = "#fff";
 export const rhcColorForegroundOnLightColor = "#000";
-export const rhcColorBackdrop = "#0000004d";
 export const rhcColorBorderDefault = "#64748B";
 export const rhcColorBorderSubdued = "#94A3B8";
 export const rhcColorBorderStrong = "#0F172A";
@@ -1294,7 +1257,6 @@ export const rhcColorLintblauw400 = "#4f7196";
 export const rhcColorLintblauw500 = "#154273";
 export const rhcColorWit = "#fff";
 export const rhcColorZwart = "#000";
-export const rhcColorTransparent30 = "#0000004d";
 export const rhcColorNone = "transparent";
 export const rhcFocusOutlineOffset = "0.125rem";
 export const rhcFocusOutlineStyle = "solid";
@@ -1338,7 +1300,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 rhcFontFamilyPrimary = "'Fira Sans', Arial, Verdana, sans-serif";
 export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
 export const rhcBorderWidthDefault = "1px";

package/dist/wetgevend/index.json

@@ -120,8 +120,8 @@
   "utrechtFormFieldMarginBlockEnd": "0.5rem",
   "utrechtFormFieldMarginBlockStart": "0.5rem",
   "utrechtFormFieldInvalidBorderInlineStartColor": "#d52b1e",
-  "utrechtFormFieldInvalidBorderInlineStartWidth": "0px",
-  "utrechtFormFieldInvalidPaddingInlineStart": "0rem",
+  "utrechtFormFieldInvalidBorderInlineStartWidth": "2px",
+  "utrechtFormFieldInvalidPaddingInlineStart": "1rem",
   "utrechtCheckboxIndeterminateActiveBackgroundColor": "#4f7196",
   "utrechtCheckboxIndeterminateActiveBorderColor": "transparent",
   "utrechtCheckboxIndeterminateActiveColor": "#fff",
@@ -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": "'Fira Sans', Arial, Verdana, sans-serif",
@@ -231,22 +238,12 @@
   "utrechtFormFieldErrorMessagePaddingBlockStart": "0rem",
   "utrechtFormFieldErrorMessagePaddingInlineEnd": "0rem",
   "utrechtFormFieldErrorMessagePaddingInlineStart": "0rem",
-  "utrechtFormFieldDescriptionPaddingBlockEnd": "0.5rem",
   "utrechtFormFieldDescriptionColor": "#334155",
   "utrechtFormFieldDescriptionFontFamily": "'Fira Sans', 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": "'Fira Sans', Arial, Verdana, sans-serif",
-  "utrechtBlockquoteCaptionFontSize": "1.25rem",
-  "utrechtBlockquoteCaptionFontWeight": 400,
-  "utrechtBlockquoteCaptionLineHeight": "150%",
-  "utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
-  "utrechtBlockquoteContentFontFamily": "'Fira Sans', 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",
@@ -648,8 +607,8 @@
   "utrechtFormFieldsetSectionBackgroundColor": "transparent",
   "utrechtFormFieldsetSectionColor": "#0F172A",
   "utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
-  "utrechtFormFieldsetInvalidPaddingInlineStart": "0rem",
-  "utrechtFormFieldsetInvalidBorderInlineStartWidth": "0px",
+  "utrechtFormFieldsetInvalidPaddingInlineStart": "1rem",
+  "utrechtFormFieldsetInvalidBorderInlineStartWidth": "2px",
   "utrechtDrawerMaxInlineSize": "256px",
   "utrechtDrawerZIndex": 1,
   "utrechtDrawerBackgroundColor": "#fff",
@@ -825,7 +784,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,
@@ -842,10 +809,6 @@
   "rhcKeepBottomLeftBorderRadiusTopRight": 0,
   "rhcKeepBottomLeftBorderRadiusBottomRight": 0,
   "rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
-  "rhcDataBadgeButtonColumnGap": "0.125rem",
-  "rhcDataBadgeButtonHoverBackgroundColor": "#154273",
-  "rhcDataBadgeButtonHoverColor": "#fff",
-  "rhcBreadcrumbNavLinkCurrentColor": "#334155",
   "rhcRoundedCornerXsBorderRadius": "24px",
   "rhcRoundedCornerMdBorderRadius": "48px",
   "rhcRoundedCornerXlBorderRadius": "96px",
@@ -982,6 +945,7 @@
   "rhcNavBarLinkPaddingInlineEnd": "0.75rem",
   "rhcNavBarLinkPaddingInlineStart": "0.75rem",
   "rhcNavBarLinkColumnGap": "0.5rem",
+  "rhcNavBarLinkFontSize": "1.25rem",
   "rhcNavBarHeadingFontWeight": 700,
   "rhcNavBarBackgroundColor": "#fff",
   "rhcNavBarColor": "#154273",
@@ -1148,7 +1112,6 @@
   "rhcColorForegroundLink": "#01689b",
   "rhcColorForegroundOnDarkColor": "#fff",
   "rhcColorForegroundOnLightColor": "#000",
-  "rhcColorBackdrop": "#0000004d",
   "rhcColorBorderDefault": "#64748B",
   "rhcColorBorderSubdued": "#94A3B8",
   "rhcColorBorderStrong": "#0F172A",
@@ -1290,7 +1253,6 @@
   "rhcColorLintblauw500": "#154273",
   "rhcColorWit": "#fff",
   "rhcColorZwart": "#000",
-  "rhcColorTransparent30": "#0000004d",
   "rhcColorNone": "transparent",
   "rhcFocusOutlineOffset": "0.125rem",
   "rhcFocusOutlineStyle": "solid",
@@ -1334,7 +1296,7 @@
   "rhcSizeHalfLint": "24px",
   "rhcSizeLint": "48px",
   "rhcSize2Lint": "96px",
-  "rhcSize3Lint": "1440px",
+  "rhcSize3Lint": "144px",
   "rhcFontFamilyPrimary": "'Fira Sans', Arial, Verdana, sans-serif",
   "rhcFontFamilySecondary": "RijksoverheidSerifWeb, 'Times New Roman', serif",
   "rhcBorderWidthDefault": "1px",

package/dist/wetgevend/index.tokens.json

@@ -177,8 +177,8 @@
       "margin-block-start": "0.5rem",
       "invalid": {
         "border-inline-start-color": "#d52b1e",
-        "border-inline-start-width": "0px",
-        "padding-inline-start": "0rem"
+        "border-inline-start-width": "2px",
+        "padding-inline-start": "1rem"
       }
     },
     "checkbox": {
@@ -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": "'Fira Sans', Arial, Verdana, sans-serif",
@@ -343,7 +358,6 @@
       "padding-inline-start": "0rem"
     },
     "form-field-description": {
-      "padding-block-end": "0.5rem",
       "color": "#334155",
       "font-family": "'Fira Sans', 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": "'Fira Sans', Arial, Verdana, sans-serif",
-        "font-size": "1.25rem",
-        "font-weight": 400,
-        "line-height": "150%",
-        "padding-block-start": "0.75rem"
-      },
-      "content": {
-        "font-family": "'Fira Sans', 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": {
@@ -1005,8 +952,8 @@
         "border-inline-start": {
           "color": "#d52b1e"
         },
-        "padding-inline-start": "0rem",
-        "border-inline-start-width": "0px"
+        "padding-inline-start": "1rem",
+        "border-inline-start-width": "2px"
       }
     },
     "drawer": {
@@ -1306,8 +1253,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,
@@ -1333,20 +1300,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"
@@ -1578,7 +1531,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"
       },
       "heading": {
         "font-weight": 700
@@ -1858,7 +1812,6 @@
         "on-dark-color": "#fff",
         "on-light-color": "#000"
       },
-      "backdrop": "#0000004d",
       "border": {
         "default": "#64748B",
         "subdued": "#94A3B8",
@@ -2056,9 +2009,6 @@
       },
       "wit": "#fff",
       "zwart": "#000",
-      "transparent": {
-        "30": "#0000004d"
-      },
       "none": "transparent"
     },
     "focus": {
@@ -2128,7 +2078,7 @@
       "half-lint": "24px",
       "lint": "48px",
       "2-lint": "96px",
-      "3-lint": "1440px"
+      "3-lint": "144px"
     },
     "font-family": {
       "primary": "'Fira Sans', Arial, Verdana, sans-serif",