@rijkshuisstijl-community/design-tokens 5.0.0 → 7.0.0

package/dist/uitvoerend-paars/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 22 Aug 2025 10:20:30 GMT
+ * Generated on Tue, 09 Sep 2025 07:01:24 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor : string;
@@ -251,19 +251,6 @@ export const utrechtFormLabelRadioColor : string;
 export const utrechtFormLabelRadioFontWeight : number;
 export const utrechtFormLabelCheckedFontWeight : number;
 export const utrechtFormLabelDisabledColor : string;
-export const utrechtNumberBadgeLineHeight : string;
-export const utrechtNumberBadgeBackgroundColor : string;
-export const utrechtNumberBadgeBorderColor : string;
-export const utrechtNumberBadgeBorderRadius : string;
-export const utrechtNumberBadgeBorderWidth : string;
-export const utrechtNumberBadgeColor : string;
-export const utrechtNumberBadgeFontFamily : string;
-export const utrechtNumberBadgeFontSize : string;
-export const utrechtNumberBadgeFontWeight : number;
-export const utrechtNumberBadgeMinBlockSize : string;
-export const utrechtNumberBadgeMinInlineSize : string;
-export const utrechtNumberBadgePaddingBlock : string;
-export const utrechtNumberBadgePaddingInline : string;
 export const utrechtFigureCaptionBorderColor : string;
 export const utrechtFigureCaptionBorderWidth : string;
 export const utrechtFigureCaptionPaddingBlockEnd : string;
@@ -276,6 +263,18 @@ export const utrechtFigureImgBorderEndEndRadius : number;
 export const utrechtFigureImgBorderEndStartRadius : number;
 export const utrechtFigureImgBorderStartEndRadius : number;
 export const utrechtFigureImgBorderStartStartRadius : number;
+export const utrechtNumberBadgeBackgroundColor : string;
+export const utrechtNumberBadgeBorderColor : string;
+export const utrechtNumberBadgeBorderRadius : string;
+export const utrechtNumberBadgeBorderWidth : string;
+export const utrechtNumberBadgeColor : string;
+export const utrechtNumberBadgeFontFamily : string;
+export const utrechtNumberBadgeFontSize : string;
+export const utrechtNumberBadgeFontWeight : number;
+export const utrechtNumberBadgeMinBlockSize : string;
+export const utrechtNumberBadgeMinInlineSize : string;
+export const utrechtNumberBadgePaddingBlock : string;
+export const utrechtNumberBadgePaddingInline : string;
 export const utrechtBlockquoteBorderBlockEndWidth : number;
 export const utrechtBlockquoteBorderBlockStartWidth : number;
 export const utrechtBlockquoteBorderEndEndRadius : number;
@@ -331,13 +330,6 @@ export const utrechtBlockquotePaddingInlineStart : string;
 export const utrechtBlockquoteRowGap : string;
 export const utrechtBlockquoteAttributionColor : string;
 export const utrechtBlockquoteAttributionFontSize : string;
-export const utrechtAlertHeadingFontFamily : string;
-export const utrechtAlertHeadingFontSize : string;
-export const utrechtAlertHeadingFontWeight : number;
-export const utrechtAlertHeadingLineHeight : string;
-export const utrechtAlertMessageColumnGap : string;
-export const utrechtAlertMessageLineHeight : string;
-export const utrechtAlertMessageRowGap : string;
 export const utrechtAlertBackgroundColor : string;
 export const utrechtAlertBorderColor : string;
 export const utrechtAlertBorderRadius : string;
@@ -357,6 +349,7 @@ export const utrechtAlertErrorColor : string;
 export const utrechtAlertInfoBackgroundColor : string;
 export const utrechtAlertInfoBorderColor : string;
 export const utrechtAlertInfoColor : string;
+export const utrechtAlertMessageRowGap : string;
 export const utrechtAlertOkBackgroundColor : string;
 export const utrechtAlertOkBorderColor : string;
 export const utrechtAlertOkColor : string;
@@ -370,13 +363,15 @@ export const utrechtAlertIconErrorColor : string;
 export const utrechtAlertIconInfoColor : string;
 export const utrechtAlertIconOkColor : string;
 export const utrechtAlertIconWarningColor : string;
-export const utrechtAccordionButtonActiveRowGap : number;
-export const utrechtAccordionButtonActiveBackgroundColor : string;
-export const utrechtAccordionButtonActiveBorderColor : string;
-export const utrechtAccordionButtonActiveColor : string;
-export const utrechtAccordionButtonFocusBackgroundColor : string;
-export const utrechtAccordionButtonFocusBorderColor : string;
-export const utrechtAccordionButtonFocusColor : string;
+export const utrechtAccordionMarginBlockEnd : string;
+export const utrechtAccordionMarginBlockStart : string;
+export const utrechtAccordionRowGap : string;
+export const utrechtAccordionPanelBorderColor : string;
+export const utrechtAccordionPanelBorderWidth : string;
+export const utrechtAccordionPanelPaddingBlockEnd : string;
+export const utrechtAccordionPanelPaddingBlockStart : string;
+export const utrechtAccordionPanelPaddingInlineEnd : string;
+export const utrechtAccordionPanelPaddingInlineStart : string;
 export const utrechtAccordionButtonBackgroundColor : string;
 export const utrechtAccordionButtonBorderColor : string;
 export const utrechtAccordionButtonBorderRadius : string;
@@ -388,6 +383,9 @@ export const utrechtAccordionButtonPaddingBlockStart : string;
 export const utrechtAccordionButtonPaddingInlineEnd : string;
 export const utrechtAccordionButtonPaddingInlineStart : string;
 export const utrechtAccordionButtonIconSize : string;
+export const utrechtAccordionButtonActiveBackgroundColor : string;
+export const utrechtAccordionButtonActiveBorderColor : string;
+export const utrechtAccordionButtonActiveColor : string;
 export const utrechtAccordionButtonHoverBackgroundColor : string;
 export const utrechtAccordionButtonHoverBorderColor : string;
 export const utrechtAccordionButtonHoverColor : string;
@@ -395,49 +393,11 @@ export const utrechtAccordionButtonFocusVisibleBackgroundColor : string;
 export const utrechtAccordionButtonFocusVisibleBorderColor : string;
 export const utrechtAccordionButtonFocusVisibleBorderWidth : string;
 export const utrechtAccordionButtonFocusVisibleColor : string;
-export const utrechtAccordionMarginBlockEnd : string;
-export const utrechtAccordionMarginBlockStart : string;
-export const utrechtAccordionRowGap : string;
-export const utrechtAccordionPanelBorderColor : string;
-export const utrechtAccordionPanelBorderWidth : string;
-export const utrechtAccordionPanelPaddingBlockEnd : string;
-export const utrechtAccordionPanelPaddingBlockStart : string;
-export const utrechtAccordionPanelPaddingInlineEnd : string;
-export const utrechtAccordionPanelPaddingInlineStart : string;
 export const utrechtAccordionSectionBorderColor : string;
 export const utrechtAccordionSectionHoverBorderColor : string;
 export const utrechtAccordionSectionBorderWidth : string;
 export const utrechtAccordionSectionMarginBlockEnd : string;
 export const utrechtAccordionSectionMarginBlockStart : string;
-export const utrechtSkipLinkFocusTextDecoration : string;
-export const utrechtSkipLinkFocusBorderColor : string;
-export const utrechtSkipLinkFocusBorderWidth : string;
-export const utrechtSkipLinkFocusBorderStyle : string;
-export const utrechtSkipLinkFocusBackgroundColor : string;
-export const utrechtSkipLinkFocusColor : string;
-export const utrechtSkipLinkBorderColor : string;
-export const utrechtSkipLinkBoxBlockEndShadowColor : string;
-export const utrechtSkipLinkBoxBlockEndShadowBlurRadius : string;
-export const utrechtSkipLinkBoxBlockEndShadowOffsetX : number;
-export const utrechtSkipLinkBoxBlockEndShadowOffsetY : string;
-export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius : number;
-export const utrechtSkipLinkFocusVisibleOutlineColor : string;
-export const utrechtSkipLinkFocusVisibleTextDecoration : string;
-export const utrechtSkipLinkFontFamily : string;
-export const utrechtSkipLinkFontWeight : number;
-export const utrechtSkipLinkLineHeight : string;
-export const utrechtSkipLinkBorderWidth : string;
-export const utrechtSkipLinkTextUnderlineOffset : string;
-export const utrechtSkipLinkFontSize : string;
-export const utrechtSkipLinkBackgroundColor : string;
-export const utrechtSkipLinkColor : string;
-export const utrechtSkipLinkMinBlockSize : string;
-export const utrechtSkipLinkMinInlineSize : string;
-export const utrechtSkipLinkPaddingBlockEnd : string;
-export const utrechtSkipLinkPaddingBlockStart : string;
-export const utrechtSkipLinkPaddingInlineEnd : string;
-export const utrechtSkipLinkPaddingInlineStart : string;
-export const utrechtSkipLinkTextDecoration : string;
 export const utrechtDataBadgeBackgroundColor : string;
 export const utrechtDataBadgeBorderRadius : string;
 export const utrechtDataBadgeColor : string;
@@ -540,11 +500,6 @@ export const utrechtButtonSubtleActiveBorderColor : string;
 export const utrechtButtonSubtleActiveColor : string;
 export const utrechtButtonGroupMarginBlockEnd : string;
 export const utrechtButtonGroupMarginBlockStart : string;
-export const utrechtButtonGroupBackgroundColor : string;
-export const utrechtButtonGroupColumnGap : string;
-export const utrechtButtonGroupPaddingBlockEnd : string;
-export const utrechtButtonGroupPaddingBlockStart : string;
-export const utrechtButtonGroupRowGap : string;
 export const utrechtBreadcrumbNavFontFamily : string;
 export const utrechtBreadcrumbNavFontSize : string;
 export const utrechtBreadcrumbNavLineHeight : string;
@@ -599,6 +554,11 @@ export const utrechtOrderedListPaddingInlineStart : string;
 export const utrechtOrderedListItemMarginBlockEnd : string;
 export const utrechtOrderedListItemMarginBlockStart : string;
 export const utrechtOrderedListItemPaddingInlineStart : string;
+export const utrechtActionGroupBackgroundColor : string;
+export const utrechtActionGroupColumnGap : string;
+export const utrechtActionGroupPaddingBlockEnd : string;
+export const utrechtActionGroupPaddingBlockStart : string;
+export const utrechtActionGroupRowGap : string;
 export const utrechtColumnLayoutColumnRuleColor : string;
 export const utrechtColumnLayoutColumnRuleWidth : string;
 export const utrechtColumnLayoutColumnWidth : string;
@@ -694,6 +654,22 @@ export const utrechtFormFieldsetSectionColor : string;
 export const utrechtFormFieldsetInvalidBorderInlineStartColor : string;
 export const utrechtFormFieldsetInvalidPaddingInlineStart : string;
 export const utrechtFormFieldsetInvalidBorderInlineStartWidth : string;
+export const utrechtDrawerMaxInlineSize : string;
+export const utrechtDrawerZIndex : number;
+export const utrechtDrawerBackgroundColor : string;
+export const utrechtDrawerBorderColor : string;
+export const utrechtDrawerBorderWidth : string;
+export const utrechtDrawerColor : string;
+export const utrechtDrawerMaxBlockSize : string;
+export const utrechtDrawerPaddingBlockStart : string;
+export const utrechtDrawerPaddingBlockEnd : string;
+export const utrechtDrawerPaddingInlineStart : string;
+export const utrechtDrawerPaddingInlineEnd : string;
+export const utrechtBackdropBackgroundColor : string;
+export const utrechtBackdropColor : string;
+export const utrechtBackdropOpacity : number;
+export const utrechtBackdropFadeInAnimationDuration : string;
+export const utrechtBackdropReducedTransparencyOpacity : number;
 export const utrechtArticleMaxInlineSize : string;
 export const utrechtDocumentBackgroundColor : string;
 export const utrechtDocumentColor : string;
@@ -765,8 +741,6 @@ export const todoAccordionButtonFontSize : string;
 export const todoAccordionButtonFontWeight : number;
 export const todoAccordionButtonLineHeight : string;
 export const todoLinkListLinkHoverTextDecoration : string;
-export const todoSkipLinkFontWeight : number;
-export const nlNumberBadgeLineHeight : string;
 export const nlNumberBadgeBackgroundColor : string;
 export const nlNumberBadgeBorderColor : string;
 export const nlNumberBadgeBorderRadius : string;
@@ -779,27 +753,6 @@ export const nlNumberBadgeMinBlockSize : string;
 export const nlNumberBadgeMinInlineSize : string;
 export const nlNumberBadgePaddingBlock : string;
 export const nlNumberBadgePaddingInline : string;
-export const nlSkipLinkBorderColor : string;
-export const nlSkipLinkBorderWidth : string;
-export const nlSkipLinkFontFamily : string;
-export const nlSkipLinkFontWeight : number;
-export const nlSkipLinkPaddingBlockEnd : string;
-export const nlSkipLinkPaddingBlockStart : string;
-export const nlSkipLinkPaddingInlineEnd : string;
-export const nlSkipLinkPaddingInlineStart : string;
-export const nlSkipLinkBoxBlockEndShadowBlurRadius : string;
-export const nlSkipLinkBoxBlockEndShadowColor : string;
-export const nlSkipLinkBoxBlockEndShadowOffsetX : number;
-export const nlSkipLinkBoxBlockEndShadowOffsetY : string;
-export const nlSkipLinkBoxBlockEndShadowSpreadRadius : number;
-export const nlSkipLinkFocusBackgroundColor : string;
-export const nlSkipLinkFocusBorderColor : string;
-export const nlSkipLinkFocusBorderStyle : string;
-export const nlSkipLinkFocusBorderWidth : string;
-export const nlSkipLinkFocusColor : string;
-export const nlSkipLinkFocusTextDecoration : string;
-export const nlSkipLinkFocusVisibleOutlineColor : string;
-export const nlSkipLinkTextDecoration : string;
 export const nlSkipLinkBackgroundColor : string;
 export const nlSkipLinkColor : string;
 export const nlSkipLinkPaddingBlock : string;
@@ -893,23 +846,6 @@ export const rhcKeepBottomLeftBorderRadiusTopLeft : number;
 export const rhcKeepBottomLeftBorderRadiusTopRight : number;
 export const rhcKeepBottomLeftBorderRadiusBottomRight : number;
 export const rhcKeepBottomLeftBorderRadiusBottomLeft : string;
-export const rhcAccordionBorderRadius : string;
-export const rhcAccordionColor : string;
-export const rhcAccordionHeaderMargin : number;
-export const rhcAccordionSectionBorderBlockEndWidth : string;
-export const rhcAccordionSectionBorderColor : string;
-export const rhcAccordionSectionBorderWidth : string;
-export const rhcAccordionButtonPaddingBlockEnd : string;
-export const rhcAccordionButtonPaddingBlockStart : string;
-export const rhcAccordionButtonPaddingInlineEnd : string;
-export const rhcAccordionButtonPaddingInlineStart : string;
-export const rhcAccordionButtonExpandedBackgroundColor : string;
-export const rhcAccordionButtonExpandedColor : string;
-export const rhcAccordionButtonIconMarginBlock : string;
-export const rhcAccordionButtonFontFamily : string;
-export const rhcAccordionButtonFontWeight : number;
-export const rhcAccordionButtonFontSize : string;
-export const rhcAccordionButtonLineHeight : string;
 export const rhcDataBadgeButtonColumnGap : string;
 export const rhcDataBadgeButtonHoverBackgroundColor : string;
 export const rhcDataBadgeButtonHoverColor : string;
@@ -965,6 +901,7 @@ export const rhcColorForegroundSubdued : string;
 export const rhcColorForegroundLink : string;
 export const rhcColorForegroundOnDarkColor : string;
 export const rhcColorForegroundOnLightColor : string;
+export const rhcColorBackdrop : string;
 export const rhcColorBorderDefault : string;
 export const rhcColorBorderSubdued : string;
 export const rhcColorBorderStrong : string;
@@ -1099,6 +1036,7 @@ export const rhcColorLintblauw400 : string;
 export const rhcColorLintblauw500 : string;
 export const rhcColorWit : string;
 export const rhcColorZwart : string;
+export const rhcColorTransparent30 : string;
 export const rhcColorNone : string;
 export const rhcSubNavBarBackgroundColor : string;
 export const rhcSubNavBarColumnGap : string;

package/dist/uitvoerend-paars/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 22 Aug 2025 10:20:30 GMT
+ * Generated on Tue, 09 Sep 2025 07:01:24 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor = "#fff";
@@ -251,19 +251,6 @@ export const utrechtFormLabelRadioColor = "#0F172A";
 export const utrechtFormLabelRadioFontWeight = 400;
 export const utrechtFormLabelCheckedFontWeight = 400;
 export const utrechtFormLabelDisabledColor = "#94A3B8";
-export const utrechtNumberBadgeLineHeight = "125%";
-export const utrechtNumberBadgeBackgroundColor = "#42145f";
-export const utrechtNumberBadgeBorderColor = "transparent";
-export const utrechtNumberBadgeBorderRadius = "999px";
-export const utrechtNumberBadgeBorderWidth = "0px";
-export const utrechtNumberBadgeColor = "#fff";
-export const utrechtNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtNumberBadgeFontSize = "1.25rem";
-export const utrechtNumberBadgeFontWeight = 700;
-export const utrechtNumberBadgeMinBlockSize = "24px";
-export const utrechtNumberBadgeMinInlineSize = "24px";
-export const utrechtNumberBadgePaddingBlock = "0.125rem";
-export const utrechtNumberBadgePaddingInline = "0.5rem";
 export const utrechtFigureCaptionBorderColor = "#CBD5E1";
 export const utrechtFigureCaptionBorderWidth = "4px";
 export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
@@ -276,6 +263,18 @@ export const utrechtFigureImgBorderEndEndRadius = 0;
 export const utrechtFigureImgBorderEndStartRadius = 0;
 export const utrechtFigureImgBorderStartEndRadius = 0;
 export const utrechtFigureImgBorderStartStartRadius = 0;
+export const utrechtNumberBadgeBackgroundColor = "#42145f";
+export const utrechtNumberBadgeBorderColor = "transparent";
+export const utrechtNumberBadgeBorderRadius = "999px";
+export const utrechtNumberBadgeBorderWidth = "0px";
+export const utrechtNumberBadgeColor = "#fff";
+export const utrechtNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtNumberBadgeFontSize = "1.25rem";
+export const utrechtNumberBadgeFontWeight = 700;
+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;
@@ -331,13 +330,6 @@ export const utrechtBlockquotePaddingInlineStart = "2rem";
 export const utrechtBlockquoteRowGap = "0.75rem";
 export const utrechtBlockquoteAttributionColor = "#154273";
 export const utrechtBlockquoteAttributionFontSize = "1.25rem";
-export const utrechtAlertHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtAlertHeadingFontSize = "1.25rem";
-export const utrechtAlertHeadingFontWeight = 700;
-export const utrechtAlertHeadingLineHeight = "150%";
-export const utrechtAlertMessageColumnGap = "0.5rem";
-export const utrechtAlertMessageLineHeight = "150%";
-export const utrechtAlertMessageRowGap = "0rem";
 export const utrechtAlertBackgroundColor = "#d9ebf7";
 export const utrechtAlertBorderColor = "transparent";
 export const utrechtAlertBorderRadius = "5px";
@@ -357,6 +349,7 @@ export const utrechtAlertErrorColor = "#000";
 export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
 export const utrechtAlertInfoBorderColor = "transparent";
 export const utrechtAlertInfoColor = "#000";
+export const utrechtAlertMessageRowGap = "0rem";
 export const utrechtAlertOkBackgroundColor = "#e1eddb";
 export const utrechtAlertOkBorderColor = "transparent";
 export const utrechtAlertOkColor = "#000";
@@ -370,13 +363,15 @@ export const utrechtAlertIconErrorColor = "#d52b1e";
 export const utrechtAlertIconInfoColor = "#007bc7";
 export const utrechtAlertIconOkColor = "#39870c";
 export const utrechtAlertIconWarningColor = "#ffb612";
-export const utrechtAccordionButtonActiveRowGap = 0;
-export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
-export const utrechtAccordionButtonActiveBorderColor = "transparent";
-export const utrechtAccordionButtonActiveColor = "#0F172A";
-export const utrechtAccordionButtonFocusBackgroundColor = "#e3dce7";
-export const utrechtAccordionButtonFocusBorderColor = "#42145f";
-export const utrechtAccordionButtonFocusColor = "#0F172A";
+export const utrechtAccordionMarginBlockEnd = "0rem";
+export const utrechtAccordionMarginBlockStart = "0rem";
+export const utrechtAccordionRowGap = "0rem";
+export const utrechtAccordionPanelBorderColor = "transparent";
+export const utrechtAccordionPanelBorderWidth = "1px";
+export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
+export const utrechtAccordionPanelPaddingBlockStart = "1rem";
+export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
+export const utrechtAccordionPanelPaddingInlineStart = "1rem";
 export const utrechtAccordionButtonBackgroundColor = "#fff";
 export const utrechtAccordionButtonBorderColor = "transparent";
 export const utrechtAccordionButtonBorderRadius = "0px";
@@ -388,6 +383,9 @@ export const utrechtAccordionButtonPaddingBlockStart = "0.75rem";
 export const utrechtAccordionButtonPaddingInlineEnd = "1rem";
 export const utrechtAccordionButtonPaddingInlineStart = "1rem";
 export const utrechtAccordionButtonIconSize = "24px";
+export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
+export const utrechtAccordionButtonActiveBorderColor = "transparent";
+export const utrechtAccordionButtonActiveColor = "#0F172A";
 export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
 export const utrechtAccordionButtonHoverBorderColor = "transparent";
 export const utrechtAccordionButtonHoverColor = "#0F172A";
@@ -395,49 +393,11 @@ export const utrechtAccordionButtonFocusVisibleBackgroundColor = "#e3dce7";
 export const utrechtAccordionButtonFocusVisibleBorderColor = "transparent";
 export const utrechtAccordionButtonFocusVisibleBorderWidth = "1px";
 export const utrechtAccordionButtonFocusVisibleColor = "#0F172A";
-export const utrechtAccordionMarginBlockEnd = "0rem";
-export const utrechtAccordionMarginBlockStart = "0rem";
-export const utrechtAccordionRowGap = "0rem";
-export const utrechtAccordionPanelBorderColor = "transparent";
-export const utrechtAccordionPanelBorderWidth = "1px";
-export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
-export const utrechtAccordionPanelPaddingBlockStart = "1rem";
-export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
-export const utrechtAccordionPanelPaddingInlineStart = "1rem";
 export const utrechtAccordionSectionBorderColor = "#94A3B8";
 export const utrechtAccordionSectionHoverBorderColor = "#94A3B8";
 export const utrechtAccordionSectionBorderWidth = "1px";
 export const utrechtAccordionSectionMarginBlockEnd = "0rem";
 export const utrechtAccordionSectionMarginBlockStart = "0rem";
-export const utrechtSkipLinkFocusTextDecoration = "None";
-export const utrechtSkipLinkFocusBorderColor = "#42145f";
-export const utrechtSkipLinkFocusBorderWidth = "2px";
-export const utrechtSkipLinkFocusBorderStyle = "solid";
-export const utrechtSkipLinkFocusBackgroundColor = "#fff";
-export const utrechtSkipLinkFocusColor = "#01689b";
-export const utrechtSkipLinkBorderColor = "transparent";
-export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
-export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
-export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
-export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
-export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
-export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
-export const utrechtSkipLinkFocusVisibleTextDecoration = "underline";
-export const utrechtSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtSkipLinkFontWeight = 700;
-export const utrechtSkipLinkLineHeight = "150%";
-export const utrechtSkipLinkBorderWidth = "2px";
-export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
-export const utrechtSkipLinkFontSize = "1.25rem";
-export const utrechtSkipLinkBackgroundColor = "#fff";
-export const utrechtSkipLinkColor = "#01689b";
-export const utrechtSkipLinkMinBlockSize = "48px";
-export const utrechtSkipLinkMinInlineSize = "48px";
-export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
-export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
-export const utrechtSkipLinkPaddingInlineEnd = "1rem";
-export const utrechtSkipLinkPaddingInlineStart = "1rem";
-export const utrechtSkipLinkTextDecoration = "underline";
 export const utrechtDataBadgeBackgroundColor = "#e3dce7";
 export const utrechtDataBadgeBorderRadius = "10px";
 export const utrechtDataBadgeColor = "#42145f";
@@ -540,11 +500,6 @@ export const utrechtButtonSubtleActiveBorderColor = "transparent";
 export const utrechtButtonSubtleActiveColor = "#280c39";
 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 = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtBreadcrumbNavFontSize = "1.25rem";
 export const utrechtBreadcrumbNavLineHeight = "150%";
@@ -599,6 +554,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 utrechtColumnLayoutColumnRuleColor = "transparent";
 export const utrechtColumnLayoutColumnRuleWidth = "0px";
 export const utrechtColumnLayoutColumnWidth = "400px";
@@ -694,6 +654,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";
@@ -762,11 +738,9 @@ export const todoFormFieldErrorMessageIconSize = "24px";
 export const todoFigureRowGap = "0.5rem";
 export const todoAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const todoAccordionButtonFontSize = "1.25rem";
-export const todoAccordionButtonFontWeight = 400;
-export const todoAccordionButtonLineHeight = "150%";
+export const todoAccordionButtonFontWeight = 700;
+export const todoAccordionButtonLineHeight = "1.875rem";
 export const todoLinkListLinkHoverTextDecoration = "underline";
-export const todoSkipLinkFontWeight = 700;
-export const nlNumberBadgeLineHeight = "125%";
 export const nlNumberBadgeBackgroundColor = "#42145f";
 export const nlNumberBadgeBorderColor = "transparent";
 export const nlNumberBadgeBorderRadius = "999px";
@@ -779,27 +753,6 @@ export const nlNumberBadgeMinBlockSize = "24px";
 export const nlNumberBadgeMinInlineSize = "24px";
 export const nlNumberBadgePaddingBlock = "0.125rem";
 export const nlNumberBadgePaddingInline = "0.5rem";
-export const nlSkipLinkBorderColor = "transparent";
-export const nlSkipLinkBorderWidth = "2px";
-export const nlSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const nlSkipLinkFontWeight = 700;
-export const nlSkipLinkPaddingBlockEnd = "0.75rem";
-export const nlSkipLinkPaddingBlockStart = "0.75rem";
-export const nlSkipLinkPaddingInlineEnd = "1rem";
-export const nlSkipLinkPaddingInlineStart = "1rem";
-export const nlSkipLinkBoxBlockEndShadowBlurRadius = "48px";
-export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
-export const nlSkipLinkBoxBlockEndShadowOffsetX = 0;
-export const nlSkipLinkBoxBlockEndShadowOffsetY = "16px";
-export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
-export const nlSkipLinkFocusBackgroundColor = "#fff";
-export const nlSkipLinkFocusBorderColor = "#42145f";
-export const nlSkipLinkFocusBorderStyle = "solid";
-export const nlSkipLinkFocusBorderWidth = "2px";
-export const nlSkipLinkFocusColor = "#0F172A";
-export const nlSkipLinkFocusTextDecoration = "None";
-export const nlSkipLinkFocusVisibleOutlineColor = "#000";
-export const nlSkipLinkTextDecoration = "underline";
 export const nlSkipLinkBackgroundColor = "#fff";
 export const nlSkipLinkColor = "#01689b";
 export const nlSkipLinkPaddingBlock = "0.75rem";
@@ -893,23 +846,6 @@ export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
 export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
 export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
 export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
-export const rhcAccordionBorderRadius = "0px";
-export const rhcAccordionColor = "#0F172A";
-export const rhcAccordionHeaderMargin = 0;
-export const rhcAccordionSectionBorderBlockEndWidth = "1px";
-export const rhcAccordionSectionBorderColor = "#94A3B8";
-export const rhcAccordionSectionBorderWidth = "1px";
-export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
-export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
-export const rhcAccordionButtonPaddingInlineEnd = "1rem";
-export const rhcAccordionButtonPaddingInlineStart = "1rem";
-export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
-export const rhcAccordionButtonExpandedColor = "#0F172A";
-export const rhcAccordionButtonIconMarginBlock = "0.25rem";
-export const rhcAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const rhcAccordionButtonFontWeight = 400;
-export const rhcAccordionButtonFontSize = "1.25rem";
-export const rhcAccordionButtonLineHeight = "150%";
 export const rhcDataBadgeButtonColumnGap = "0.125rem";
 export const rhcDataBadgeButtonHoverBackgroundColor = "#42145f";
 export const rhcDataBadgeButtonHoverColor = "#fff";
@@ -965,6 +901,7 @@ 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";
@@ -1099,6 +1036,7 @@ 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 rhcSubNavBarBackgroundColor = "#f2f4f6";
 export const rhcSubNavBarColumnGap = "0.5rem";