@rijkshuisstijl-community/design-tokens 1.0.0-alpha.3 → 1.0.0-alpha.8

package/dist/index.d.ts

@@ -1,11 +1,309 @@
 /**
  * Do not edit directly
- * Generated on Tue, 07 Mar 2023 16:47:47 GMT
+ * Generated on Tue, 27 Jun 2023 07:55:57 GMT
  */
 
-export const rhcColorBlue50 : string;
-export const rhcColorGrey0 : string;
-export const rhcColorGrey100 : string;
-export const rhcFocusOutlineOffset : string;
-export const rhcButtonBackgroundColor : string;
-export const rhcButtonColor : string;
+export const basiselementenColorLogoblauw : string;
+export const basiselementenColorHemelblauw : string;
+export const basiselementenColorHemelblauwTint1 : string;
+export const basiselementenColorHemelblauwTint2 : string;
+export const basiselementenColorLichtblauw : string;
+export const basiselementenColorLichtblauwTint1 : string;
+export const basiselementenColorLichtblauwTint2 : string;
+export const basiselementenColorDonkerblauw : string;
+/** 30% black (shade) of 'donkerblauw' */
+export const basiselementenColorDonkerblauwShade1 : string;
+export const basiselementenColorOranje : string;
+export const basiselementenColorOranjeTint1 : string;
+export const basiselementenColorOranjeTint2 : string;
+export const basiselementenColorGroen : string;
+export const basiselementenColorGroenTint1 : string;
+export const basiselementenColorGroenTint2 : string;
+export const basiselementenColorDonkergroen : string;
+export const basiselementenColorDonkergeel : string;
+export const basiselementenColorDonkergeelTint1 : string;
+export const basiselementenColorDonkergeelTint2 : string;
+export const basiselementenColorRood : string;
+export const basiselementenColorRoodTint1 : string;
+export const basiselementenColorRoodShade1 : string;
+export const basiselementenColorRoodTint2 : string;
+export const basiselementenColorGrijs1 : string;
+export const basiselementenColorGrijs2 : string;
+export const basiselementenColorGrijs3 : string;
+export const basiselementenColorGrijs4 : string;
+export const basiselementenColorGrijs5 : string;
+export const basiselementenColorGrijs6 : string;
+export const basiselementenColorGrijs7 : string;
+export const basiselementenColorZwart : string;
+export const basiselementenColorWit : string;
+export const basiselementenFontSansSerifFontFamily : string;
+export const basiselementenFontSansSerifFallbackFontFamily : string;
+export const basiselementenFontSerifFontFamily : string;
+export const basiselementenFontSerifFallbackFontFamily : string;
+export const basiselementenFontWeightNormal : string;
+export const basiselementenFontWeightBold : string;
+export const basiselementenRootFontSize : string;
+export const basiselementenDocumentBackgroundColor : string;
+export const basiselementenDocumentColor : string;
+export const basiselementenDocumentFontFamily : string;
+export const basiselementenDocumentFontSize : string;
+export const basiselementenDocumentLineHeight : string;
+export const utrechtActionActivateCursor : string;
+export const utrechtActionBusyCursor : string;
+export const utrechtActionDisabledCursor : string;
+export const utrechtActionSubmitCursor : string;
+export const utrechtFocusOutlineColor : string;
+/** This is only for buttons. Form fields (input, select and textarea) and links do not have an offset */
+export const utrechtFocusOutlineOffset : string;
+export const utrechtFocusOutlineStyle : string;
+export const utrechtFocusOutlineWidth : string;
+export const utrechtFocusInverseOutlineColor : string;
+export const utrechtButtonRvoXsFontSize : string;
+export const utrechtButtonRvoXsFontWeight : string;
+export const utrechtButtonRvoXsPaddingBlockStart : string;
+export const utrechtButtonRvoXsPaddingBlockEnd : string;
+export const utrechtButtonRvoXsPaddingInlineStart : string;
+export const utrechtButtonRvoXsPaddingInlineEnd : string;
+export const utrechtButtonRvoXsMinBlockSize : string;
+export const utrechtButtonRvoSmFontSize : string;
+export const utrechtButtonRvoSmPaddingBlockStart : string;
+export const utrechtButtonRvoSmPaddingBlockEnd : string;
+export const utrechtButtonRvoSmPaddingInlineStart : string;
+export const utrechtButtonRvoSmPaddingInlineEnd : string;
+export const utrechtButtonRvoSmMinBlockSize : string;
+export const utrechtButtonRvoMdFontSize : string;
+export const utrechtButtonRvoMdPaddingBlockStart : string;
+export const utrechtButtonRvoMdPaddingBlockEnd : string;
+export const utrechtButtonRvoMdPaddingInlineStart : string;
+export const utrechtButtonRvoMdPaddingInlineEnd : string;
+export const utrechtButtonRvoTertiaryActionTextDecoration : string;
+export const utrechtButtonBackgroundColor : string;
+export const utrechtButtonBorderWidth : string;
+export const utrechtButtonColor : string;
+export const utrechtButtonFontSize : string;
+export const utrechtButtonPaddingBlockStart : string;
+export const utrechtButtonPaddingBlockEnd : string;
+export const utrechtButtonPaddingInlineStart : string;
+export const utrechtButtonPaddingInlineEnd : string;
+export const utrechtButtonDisabledBorderColor : string;
+export const utrechtButtonDisabledBackgroundColor : string;
+export const utrechtButtonDisabledColor : string;
+export const utrechtButtonPrimaryActionActiveBackgroundColor : string;
+export const utrechtButtonPrimaryActionFocusBackgroundColor : string;
+export const utrechtButtonPrimaryActionHoverBackgroundColor : string;
+export const utrechtButtonPrimaryActionDisabledBorderColor : string;
+export const utrechtButtonPrimaryActionDisabledBackgroundColor : string;
+export const utrechtButtonPrimaryActionDisabledColor : string;
+export const utrechtButtonPrimaryActionWarningBackgroundColor : string;
+export const utrechtButtonPrimaryActionWarningColor : string;
+export const utrechtButtonPrimaryActionWarningActiveBackgroundColor : string;
+export const utrechtButtonPrimaryActionWarningFocusBackgroundColor : string;
+export const utrechtButtonPrimaryActionWarningHoverBackgroundColor : string;
+export const utrechtButtonPrimaryActionWarningDisabledBorderColor : string;
+export const utrechtButtonPrimaryActionWarningDisabledBackgroundColor : string;
+export const utrechtButtonPrimaryActionWarningDisabledColor : string;
+export const utrechtButtonSecondaryActionBackgroundColor : string;
+export const utrechtButtonSecondaryActionBorderColor : string;
+export const utrechtButtonSecondaryActionBorderWidth : string;
+export const utrechtButtonSecondaryActionColor : string;
+export const utrechtButtonSecondaryActionActiveBackgroundColor : string;
+export const utrechtButtonSecondaryActionActiveBorderColor : string;
+export const utrechtButtonSecondaryActionActiveColor : string;
+export const utrechtButtonSecondaryActionFocusColor : string;
+export const utrechtButtonSecondaryActionDisabledBackgroundColor : string;
+export const utrechtButtonSecondaryActionDisabledBorderColor : string;
+export const utrechtButtonSecondaryActionDisabledColor : string;
+export const utrechtButtonSecondaryActionHoverColor : string;
+export const utrechtButtonSecondaryActionHoverBackgroundColor : string;
+export const utrechtButtonSecondaryActionHoverBorderColor : string;
+export const utrechtButtonSubtleBackgroundColor : string;
+export const utrechtButtonSubtleColor : string;
+export const utrechtButtonSubtleFontSize : string;
+export const utrechtButtonSubtleFontWeight : string;
+export const utrechtButtonSubtleHoverTextDecoration : string;
+export const utrechtButtonSubtleDisabledBackgroundColor : string;
+export const utrechtButtonSubtleDisabledColor : string;
+export const utrechtButtonSubtleTextDecoration : string;
+export const utrechtButtonSubtleWarningHoverColor : string;
+export const utrechtBreadcrumbFontSize : string;
+export const utrechtBreadcrumbItemGap : string;
+export const utrechtBreadcrumbItemPaddingBlockStart : string;
+export const utrechtBreadcrumbItemPaddingBlockEnd : string;
+export const utrechtBreadcrumbItemPaddingInlineEnd : string;
+export const utrechtBreadcrumbItemPaddingInlineStart : string;
+export const utrechtBreadcrumbLinkColor : string;
+export const utrechtBreadcrumbLinkFocusBackgroundColor : string;
+export const utrechtBreadcrumbLinkFocusColor : string;
+export const utrechtBreadcrumbLinkFocusTextDecoration : string;
+export const utrechtBreadcrumbLinkFocusTextDecorationThickness : string;
+export const utrechtBreadcrumbLinkHoverColor : string;
+export const utrechtBreadcrumbLinkHoverTextDecoration : string;
+export const utrechtBreadcrumbLinkHoverTextDecorationThickness : string;
+export const utrechtBreadcrumbLinkTextDecoration : string;
+export const utrechtCustomRadioButtonSize : string;
+export const utrechtCustomRadioButtonBorderColor : string;
+export const utrechtCustomRadioButtonColor : string;
+export const utrechtCustomRadioButtonBorderWidth : string;
+export const utrechtCustomRadioButtonBackgroundColor : string;
+export const utrechtCustomRadioButtonBorderRadius : string;
+export const utrechtCustomRadioButtonIconSize : string;
+export const utrechtCustomRadioButtonActiveBackgroundColor : string;
+export const utrechtCustomRadioButtonDisabledBorderColor : string;
+export const utrechtCustomRadioButtonDisabledBackgroundColor : string;
+export const utrechtCustomRadioButtonCheckedBorderColor : string;
+export const utrechtCustomRadioButtonCheckedBorderWidth : string;
+export const utrechtCustomRadioButtonCheckedBackgroundColor : string;
+export const utrechtCustomRadioButtonCheckedColor : string;
+export const utrechtCustomRadioButtonCheckedActiveBackgroundColor : string;
+export const utrechtCustomRadioButtonInvalidBorderColor : string;
+export const utrechtDataListBorderColor : string;
+export const utrechtDataListBorderWidth : string;
+export const utrechtDataListMarginBlockEnd : string;
+export const utrechtDataListMarginBlockStart : string;
+export const utrechtDataListItemKeyBorderInlineEndColor : string;
+export const utrechtDataListItemKeyBorderInlineEndWidth : string;
+export const utrechtDataListItemKeyFontWeight : string;
+export const utrechtDataListItemKeyPaddingBlockEnd : string;
+export const utrechtDataListItemKeyPaddingBlockStart : string;
+export const utrechtDataListItemKeyPaddingInlineEnd : string;
+export const utrechtDataListItemKeyPaddingInlineStart : string;
+export const utrechtDataListItemValuePaddingBlockEnd : string;
+export const utrechtDataListItemValuePaddingBlockStart : string;
+export const utrechtDataListItemValuePaddingInlineEnd : string;
+export const utrechtDataListItemValuePaddingInlineStart : string;
+export const utrechtDataListRowsBorderBottomColor : string;
+export const utrechtDataListRowsBorderBottomWidth : string;
+export const utrechtDataListRowsItemMarginBlockStart : string;
+export const utrechtDataListRowsItemPaddingInlineStart : string;
+export const utrechtDataListRowsItemValueMarginBlockStart : string;
+export const utrechtDataListRowsColumnInlineSize : string;
+export const utrechtDataListRowsColumnMinInlineSize : string;
+export const utrechtDocumentBackgroundColor : string;
+export const utrechtDocumentColor : string;
+export const utrechtDocumentFontFamily : string;
+export const utrechtDocumentFontSize : string;
+export const utrechtDocumentLineHeight : string;
+export const utrechtFormFieldDescriptionMarginBlockStart : string;
+export const utrechtFormFieldDescriptionMarginBlockEnd : string;
+export const utrechtFormFieldMarginBlockEnd : string;
+export const utrechtFormFieldMarginBlockStart : string;
+export const utrechtFormFieldMinWidth : string;
+export const utrechtFormFieldsetMarginBlockEnd : string;
+export const utrechtFormFieldsetMarginBlockStart : string;
+export const utrechtFormFieldsetSectionBackgroundColor : string;
+export const utrechtFormFieldsetPaddingBlockEnd : string;
+export const utrechtFormFieldsetPaddingBlockStart : string;
+export const utrechtFormFieldsetPaddingInlineEnd : string;
+export const utrechtFormFieldsetPaddingInlineStart : string;
+export const utrechtFormFieldsetLegendFontWeight : string;
+export const utrechtFormFieldsetLegendLineHeight : string;
+export const utrechtFormFieldsetLegendMarginBlockEnd : string;
+export const utrechtFormFieldsetLegendMarginBlockStart : string;
+export const utrechtFormInputBackgroundColor : string;
+export const utrechtFormInputBorderColor : string;
+export const utrechtFormInputBorderRadius : string;
+export const utrechtFormInputBorderWidth : string;
+export const utrechtFormInputColor : string;
+export const utrechtFormInputFontSize : string;
+export const utrechtFormInputPaddingBlockEnd : string;
+export const utrechtFormInputPaddingBlockStart : string;
+export const utrechtFormInputPaddingInlineEnd : string;
+export const utrechtFormInputPaddingInlineStart : string;
+export const utrechtFormInputDisabledBackgroundColor : string;
+export const utrechtFormInputDisabledBorderColor : string;
+export const utrechtFormInputDisabledBorderWidth : string;
+export const utrechtFormInputDisabledColor : string;
+export const utrechtFormInputFocusBackgroundColor : string;
+export const utrechtFormInputFocusBorderColor : string;
+export const utrechtFormInputInvalidBackgroundColor : string;
+export const utrechtFormInputInvalidBorderColor : string;
+export const utrechtFormInputInvalidBorderWidth : string;
+export const utrechtFormInputReadOnlyBorderColor : string;
+export const utrechtFormInputReadOnlyColor : string;
+export const utrechtFormLabelFontWeight : string;
+export const utrechtFormLabelFontSize : string;
+export const utrechtHeading1FontSize : string;
+export const utrechtHeading1FontWeight : string;
+export const utrechtHeading1LineHeight : string;
+export const utrechtHeading1MarginBlockEnd : string;
+export const utrechtHeading1MarginBlockStart : string;
+export const utrechtHeading2FontSize : string;
+export const utrechtHeading2FontWeight : string;
+export const utrechtHeading2LineHeight : string;
+export const utrechtHeading2MarginBlockEnd : string;
+export const utrechtHeading3FontSize : string;
+export const utrechtHeading3FontWeight : string;
+export const utrechtHeading3LineHeight : string;
+export const utrechtHeading3MarginBlockEnd : string;
+export const utrechtHeading4FontSize : string;
+export const utrechtHeading4FontWeight : string;
+export const utrechtHeading4MarginBlockEnd : string;
+export const utrechtHeading5FontSize : string;
+export const utrechtHeading5FontWeight : string;
+export const utrechtHeading5MarginBlockEnd : string;
+export const utrechtHeading6FontSize : string;
+export const utrechtHeading6FontWeight : string;
+export const utrechtHeading6MarginBlockEnd : string;
+export const utrechtLinkColor : string;
+export const utrechtLinkTextDecoration : string;
+export const utrechtLinkTextDecorationThickness : string;
+export const utrechtLinkTextUnderlineOffset : string;
+export const utrechtLinkFontWeight : string;
+export const utrechtLinkHoverColor : string;
+export const utrechtLinkHoverTextDecorationThickness : string;
+export const utrechtLinkHoverFontWeight : string;
+export const utrechtLinkHoverTextDecoration : string;
+export const utrechtLinkActiveColor : string;
+export const utrechtLinkActiveFontWeight : string;
+export const utrechtLinkActiveTextDecorationThickness : string;
+export const utrechtLinkFocusOutlineOffset : string;
+export const utrechtLinkFocusTextDecorationThickness : string;
+export const utrechtOrderedListMarginBlockEnd : string;
+export const utrechtOrderedListItemMarginBlockStart : string;
+export const utrechtOrderedListItemMarginBlockEnd : string;
+export const utrechtOrderedListItemPaddingInlineStart : string;
+export const utrechtOrderedListPaddingInlineStart : string;
+export const utrechtParagraphFontSize : string;
+export const utrechtParagraphLineHeight : string;
+export const utrechtParagraphMarginBlockEnd : string;
+export const utrechtParagraphLeadFontSize : string;
+export const utrechtParagraphLeadLineHeight : string;
+export const utrechtParagraphSmallFontSize : string;
+export const utrechtParagraphSmallLineHeight : string;
+export const utrechtUnorderedListMarginBlockStart : string;
+export const utrechtUnorderedListMarginBlockEnd : string;
+export const utrechtUnorderedListItemMarginBlockStart : string;
+export const utrechtUnorderedListItemMarginBlockEnd : string;
+export const utrechtUnorderedListItemPaddingInlineStart : string;
+export const utrechtUnorderedListItemMarker : string;
+export const utrechtUnorderedListPaddingInlineStart : string;
+export const utrechtUnorderedListListStyleType : string;
+export const rvoCheckboxSize : string;
+export const rvoCheckboxIconSize : string;
+export const rvoCheckboxIconColor : string;
+export const rvoCheckboxBackgroundColor : string;
+export const rvoCheckboxBorderWidth : string;
+export const rvoCheckboxBorderColor : string;
+export const rvoCheckboxCheckedBackgroundColor : string;
+export const rvoCheckboxHoverBackgroundColor : string;
+export const rvoCheckboxHoverBorderColor : string;
+export const rvoCheckboxDisabledBorderColor : string;
+export const rvoCheckboxDisabledBackgroundColor : string;
+export const rvoCheckboxDisabledColor : string;
+export const rvoCustomRadioButtonLabelDisabledColor : string;
+export const rvoCustomRadioButtonHoverBorderColor : string;
+export const rvoCustomRadioButtonCheckedBorderColor : string;
+export const rvoCustomRadioButtonCheckedBackground : string;
+export const rvoHeading1LineHeight : string;
+export const rvoLogoFontFamily : string;
+export const rvoLogoFontSize : string;
+export const rvoLogoColor : string;
+export const rvoLogoEmblemBackgroundColor : string;
+export const rvoLogoEmblemColor : string;
+export const rvoSelectIconBackgroundColor : string;
+export const rvoSelectIconColor : string;
+export const rvoSelectOutlineOffset : string;
+export const rvoSelectPaddingBlockEnd : string;
+export const rvoSelectPaddingBlockStart : string;
+export const rvoSelectPaddingInlineEnd : string;
+export const rvoSelectPaddingInlineStart : string;

package/dist/index.js

@@ -1,11 +1,307 @@
 /**
  * Do not edit directly
- * Generated on Tue, 07 Mar 2023 16:47:47 GMT
+ * Generated on Tue, 27 Jun 2023 07:55:57 GMT
  */
 
-export const rhcColorBlue50 = "cornflowerblue";
-export const rhcColorGrey0 = "black";
-export const rhcColorGrey100 = "white";
-export const rhcFocusOutlineOffset = "2px";
-export const rhcButtonBackgroundColor = "cornflowerblue";
-export const rhcButtonColor = "white";
+export const basiselementenColorLogoblauw = "#154273";
+export const basiselementenColorHemelblauw = "#007bc7";
+export const basiselementenColorHemelblauwTint1 = "#b2d7ee";
+export const basiselementenColorHemelblauwTint2 = "#d9ebf7";
+export const basiselementenColorLichtblauw = "#8fcae7";
+export const basiselementenColorLichtblauwTint1 = "#ddeff8";
+export const basiselementenColorLichtblauwTint2 = "#eef7fb";
+export const basiselementenColorDonkerblauw = "#01689b";
+export const basiselementenColorDonkerblauwShade1 = "#01496D"; // 30% black (shade) of 'donkerblauw'
+export const basiselementenColorOranje = "#e17000";
+export const basiselementenColorOranjeTint1 = "#f6d4b2";
+export const basiselementenColorOranjeTint2 = "#fbead9";
+export const basiselementenColorGroen = "#39870c";
+export const basiselementenColorGroenTint1 = "#c3dbb6";
+export const basiselementenColorGroenTint2 = "#e1eddb";
+export const basiselementenColorDonkergroen = "#275e08";
+export const basiselementenColorDonkergeel = "#ffb612";
+export const basiselementenColorDonkergeelTint1 = "#ffe9b7";
+export const basiselementenColorDonkergeelTint2 = "#fff4dc";
+export const basiselementenColorRood = "#d51b1e";
+export const basiselementenColorRoodTint1 = "#f2bfbb";
+export const basiselementenColorRoodShade1 = "#4d0a0b";
+export const basiselementenColorRoodTint2 = "#f9dfdd";
+export const basiselementenColorGrijs1 = "#f3f3f3";
+export const basiselementenColorGrijs2 = "#e6e6e6";
+export const basiselementenColorGrijs3 = "#cccccc";
+export const basiselementenColorGrijs4 = "#b4b4b4";
+export const basiselementenColorGrijs5 = "#999999";
+export const basiselementenColorGrijs6 = "#696969";
+export const basiselementenColorGrijs7 = "#535353";
+export const basiselementenColorZwart = "#000000";
+export const basiselementenColorWit = "#ffffff";
+export const basiselementenFontSansSerifFontFamily = "'RijksoverheidSansWebText'";
+export const basiselementenFontSansSerifFallbackFontFamily = "'Calibri', 'Verdana', 'Arial', sans-serif";
+export const basiselementenFontSerifFontFamily = "'RijksoverheidSerifWeb'";
+export const basiselementenFontSerifFallbackFontFamily = "'Times New Roman', serif";
+export const basiselementenFontWeightNormal = "400";
+export const basiselementenFontWeightBold = "700";
+export const basiselementenRootFontSize = "100%";
+export const basiselementenDocumentBackgroundColor = "#ffffff";
+export const basiselementenDocumentColor = "#000000";
+export const basiselementenDocumentFontFamily = "'RijksoverheidSansWebText'";
+export const basiselementenDocumentFontSize = "18px";
+export const basiselementenDocumentLineHeight = "150%";
+export const utrechtActionActivateCursor = "pointer";
+export const utrechtActionBusyCursor = "wait";
+export const utrechtActionDisabledCursor = "not-allowed";
+export const utrechtActionSubmitCursor = "pointer";
+export const utrechtFocusOutlineColor = "#000000";
+export const utrechtFocusOutlineOffset = "3px"; // This is only for buttons. Form fields (input, select and textarea) and links do not have an offset
+export const utrechtFocusOutlineStyle = "dashed";
+export const utrechtFocusOutlineWidth = "2px";
+export const utrechtFocusInverseOutlineColor = "#ffffff";
+export const utrechtButtonRvoXsFontSize = "0.875rem";
+export const utrechtButtonRvoXsFontWeight = "400";
+export const utrechtButtonRvoXsPaddingBlockStart = "4px";
+export const utrechtButtonRvoXsPaddingBlockEnd = "4px";
+export const utrechtButtonRvoXsPaddingInlineStart = "calc(8px + 4px)";
+export const utrechtButtonRvoXsPaddingInlineEnd = "calc(8px + 4px)";
+export const utrechtButtonRvoXsMinBlockSize = "auto";
+export const utrechtButtonRvoSmFontSize = "1rem";
+export const utrechtButtonRvoSmPaddingBlockStart = "4px";
+export const utrechtButtonRvoSmPaddingBlockEnd = "4px";
+export const utrechtButtonRvoSmPaddingInlineStart = "12px";
+export const utrechtButtonRvoSmPaddingInlineEnd = "12px";
+export const utrechtButtonRvoSmMinBlockSize = "30px";
+export const utrechtButtonRvoMdFontSize = "18px";
+export const utrechtButtonRvoMdPaddingBlockStart = "8px";
+export const utrechtButtonRvoMdPaddingBlockEnd = "8px";
+export const utrechtButtonRvoMdPaddingInlineStart = "16px";
+export const utrechtButtonRvoMdPaddingInlineEnd = "16px";
+export const utrechtButtonRvoTertiaryActionTextDecoration = "none";
+export const utrechtButtonBackgroundColor = "#01689b";
+export const utrechtButtonBorderWidth = "0";
+export const utrechtButtonColor = "#ffffff";
+export const utrechtButtonFontSize = "18px";
+export const utrechtButtonPaddingBlockStart = "8px";
+export const utrechtButtonPaddingBlockEnd = "8px";
+export const utrechtButtonPaddingInlineStart = "16px";
+export const utrechtButtonPaddingInlineEnd = "16px";
+export const utrechtButtonDisabledBorderColor = "#e6e6e6";
+export const utrechtButtonDisabledBackgroundColor = "#e6e6e6";
+export const utrechtButtonDisabledColor = "#cccccc";
+export const utrechtButtonPrimaryActionActiveBackgroundColor = "#01496D";
+export const utrechtButtonPrimaryActionFocusBackgroundColor = "#01689b";
+export const utrechtButtonPrimaryActionHoverBackgroundColor = "#01496D";
+export const utrechtButtonPrimaryActionDisabledBorderColor = "#e6e6e6";
+export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#e6e6e6";
+export const utrechtButtonPrimaryActionDisabledColor = "#cccccc";
+export const utrechtButtonPrimaryActionWarningBackgroundColor = "#d51b1e";
+export const utrechtButtonPrimaryActionWarningColor = "#ffffff";
+export const utrechtButtonPrimaryActionWarningActiveBackgroundColor = "#d51b1e";
+export const utrechtButtonPrimaryActionWarningFocusBackgroundColor = "#d51b1e";
+export const utrechtButtonPrimaryActionWarningHoverBackgroundColor = "#4d0a0b";
+export const utrechtButtonPrimaryActionWarningDisabledBorderColor = "#e6e6e6";
+export const utrechtButtonPrimaryActionWarningDisabledBackgroundColor = "#e6e6e6";
+export const utrechtButtonPrimaryActionWarningDisabledColor = "#cccccc";
+export const utrechtButtonSecondaryActionBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionBorderColor = "#01689b";
+export const utrechtButtonSecondaryActionBorderWidth = "1px";
+export const utrechtButtonSecondaryActionColor = "#01689b";
+export const utrechtButtonSecondaryActionActiveBackgroundColor = "#01496D";
+export const utrechtButtonSecondaryActionActiveBorderColor = "#01496D";
+export const utrechtButtonSecondaryActionActiveColor = "#ffffff";
+export const utrechtButtonSecondaryActionFocusColor = "#01689b";
+export const utrechtButtonSecondaryActionDisabledBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionDisabledBorderColor = "#cccccc";
+export const utrechtButtonSecondaryActionDisabledColor = "#cccccc";
+export const utrechtButtonSecondaryActionHoverColor = "#01496D";
+export const utrechtButtonSecondaryActionHoverBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionHoverBorderColor = "#01496D";
+export const utrechtButtonSubtleBackgroundColor = "transparent";
+export const utrechtButtonSubtleColor = "#d51b1e";
+export const utrechtButtonSubtleFontSize = "15px";
+export const utrechtButtonSubtleFontWeight = "700";
+export const utrechtButtonSubtleHoverTextDecoration = "underline";
+export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
+export const utrechtButtonSubtleDisabledColor = "#cccccc";
+export const utrechtButtonSubtleTextDecoration = "underline";
+export const utrechtButtonSubtleWarningHoverColor = "#4d0a0b";
+export const utrechtBreadcrumbFontSize = "0.875rem";
+export const utrechtBreadcrumbItemGap = "8px";
+export const utrechtBreadcrumbItemPaddingBlockStart = "0";
+export const utrechtBreadcrumbItemPaddingBlockEnd = "0";
+export const utrechtBreadcrumbItemPaddingInlineEnd = "0";
+export const utrechtBreadcrumbItemPaddingInlineStart = "0";
+export const utrechtBreadcrumbLinkColor = "#007bc7";
+export const utrechtBreadcrumbLinkFocusBackgroundColor = "#d9ebf7";
+export const utrechtBreadcrumbLinkFocusColor = "#000000";
+export const utrechtBreadcrumbLinkFocusTextDecoration = "none";
+export const utrechtBreadcrumbLinkFocusTextDecorationThickness = "1px";
+export const utrechtBreadcrumbLinkHoverColor = "#01689b";
+export const utrechtBreadcrumbLinkHoverTextDecoration = "underline";
+export const utrechtBreadcrumbLinkHoverTextDecorationThickness = "1px !important";
+export const utrechtBreadcrumbLinkTextDecoration = "none";
+export const utrechtCustomRadioButtonSize = "24px";
+export const utrechtCustomRadioButtonBorderColor = "#000000";
+export const utrechtCustomRadioButtonColor = "#000000";
+export const utrechtCustomRadioButtonBorderWidth = "1px";
+export const utrechtCustomRadioButtonBackgroundColor = "#ffffff";
+export const utrechtCustomRadioButtonBorderRadius = "0";
+export const utrechtCustomRadioButtonIconSize = "18px";
+export const utrechtCustomRadioButtonActiveBackgroundColor = "#007bc7";
+export const utrechtCustomRadioButtonDisabledBorderColor = "#cccccc";
+export const utrechtCustomRadioButtonDisabledBackgroundColor = "#ffffff";
+export const utrechtCustomRadioButtonCheckedBorderColor = "#007bc7";
+export const utrechtCustomRadioButtonCheckedBorderWidth = "3px";
+export const utrechtCustomRadioButtonCheckedBackgroundColor = "#007bc7";
+export const utrechtCustomRadioButtonCheckedColor = "#007bc7";
+export const utrechtCustomRadioButtonCheckedActiveBackgroundColor = "#007bc7";
+export const utrechtCustomRadioButtonInvalidBorderColor = "#cccccc";
+export const utrechtDataListBorderColor = "#b4b4b4";
+export const utrechtDataListBorderWidth = "1px";
+export const utrechtDataListMarginBlockEnd = "0";
+export const utrechtDataListMarginBlockStart = "0";
+export const utrechtDataListItemKeyBorderInlineEndColor = "#b4b4b4";
+export const utrechtDataListItemKeyBorderInlineEndWidth = "1px";
+export const utrechtDataListItemKeyFontWeight = "700";
+export const utrechtDataListItemKeyPaddingBlockEnd = "9px";
+export const utrechtDataListItemKeyPaddingBlockStart = "9px";
+export const utrechtDataListItemKeyPaddingInlineEnd = "18px";
+export const utrechtDataListItemKeyPaddingInlineStart = "18px";
+export const utrechtDataListItemValuePaddingBlockEnd = "9px";
+export const utrechtDataListItemValuePaddingBlockStart = "9px";
+export const utrechtDataListItemValuePaddingInlineEnd = "18px";
+export const utrechtDataListItemValuePaddingInlineStart = "18px";
+export const utrechtDataListRowsBorderBottomColor = "#b4b4b4";
+export const utrechtDataListRowsBorderBottomWidth = "1px";
+export const utrechtDataListRowsItemMarginBlockStart = "0";
+export const utrechtDataListRowsItemPaddingInlineStart = "14px";
+export const utrechtDataListRowsItemValueMarginBlockStart = "0";
+export const utrechtDataListRowsColumnInlineSize = "50%";
+export const utrechtDataListRowsColumnMinInlineSize = "25ch";
+export const utrechtDocumentBackgroundColor = "#ffffff";
+export const utrechtDocumentColor = "#000000";
+export const utrechtDocumentFontFamily = "'RijksoverheidSansWebText'";
+export const utrechtDocumentFontSize = "18px";
+export const utrechtDocumentLineHeight = "150%";
+export const utrechtFormFieldDescriptionMarginBlockStart = "0";
+export const utrechtFormFieldDescriptionMarginBlockEnd = "1ex";
+export const utrechtFormFieldMarginBlockEnd = "1ex";
+export const utrechtFormFieldMarginBlockStart = "1ex";
+export const utrechtFormFieldMinWidth = "100%";
+export const utrechtFormFieldsetMarginBlockEnd = "1ex";
+export const utrechtFormFieldsetMarginBlockStart = "1ex";
+export const utrechtFormFieldsetSectionBackgroundColor = "#ffffff";
+export const utrechtFormFieldsetPaddingBlockEnd = "36px";
+export const utrechtFormFieldsetPaddingBlockStart = "36px";
+export const utrechtFormFieldsetPaddingInlineEnd = "36px";
+export const utrechtFormFieldsetPaddingInlineStart = "36px";
+export const utrechtFormFieldsetLegendFontWeight = "700";
+export const utrechtFormFieldsetLegendLineHeight = "150%";
+export const utrechtFormFieldsetLegendMarginBlockEnd = "1ex";
+export const utrechtFormFieldsetLegendMarginBlockStart = "0";
+export const utrechtFormInputBackgroundColor = "#ffffff";
+export const utrechtFormInputBorderColor = "#696969";
+export const utrechtFormInputBorderRadius = "0";
+export const utrechtFormInputBorderWidth = "1px";
+export const utrechtFormInputColor = "#000000";
+export const utrechtFormInputFontSize = "18px";
+export const utrechtFormInputPaddingBlockEnd = "8px";
+export const utrechtFormInputPaddingBlockStart = "12px";
+export const utrechtFormInputPaddingInlineEnd = "12px";
+export const utrechtFormInputPaddingInlineStart = "12px";
+export const utrechtFormInputDisabledBackgroundColor = "#cccccc !important";
+export const utrechtFormInputDisabledBorderColor = "#535353";
+export const utrechtFormInputDisabledBorderWidth = "0";
+export const utrechtFormInputDisabledColor = "#535353";
+export const utrechtFormInputFocusBackgroundColor = "#ffffff";
+export const utrechtFormInputFocusBorderColor = "#696969";
+export const utrechtFormInputInvalidBackgroundColor = "#ffffff";
+export const utrechtFormInputInvalidBorderColor = "#d51b1e";
+export const utrechtFormInputInvalidBorderWidth = "1px";
+export const utrechtFormInputReadOnlyBorderColor = "#535353";
+export const utrechtFormInputReadOnlyColor = "#535353";
+export const utrechtFormLabelFontWeight = "700";
+export const utrechtFormLabelFontSize = "18px";
+export const utrechtHeading1FontSize = "2rem";
+export const utrechtHeading1FontWeight = "700";
+export const utrechtHeading1LineHeight = "125%";
+export const utrechtHeading1MarginBlockEnd = "16px";
+export const utrechtHeading1MarginBlockStart = "16px";
+export const utrechtHeading2FontSize = "1.5rem";
+export const utrechtHeading2FontWeight = "700";
+export const utrechtHeading2LineHeight = "150%";
+export const utrechtHeading2MarginBlockEnd = "4px";
+export const utrechtHeading3FontSize = "1.25rem";
+export const utrechtHeading3FontWeight = "700";
+export const utrechtHeading3LineHeight = "125%";
+export const utrechtHeading3MarginBlockEnd = "4px";
+export const utrechtHeading4FontSize = "1.125rem";
+export const utrechtHeading4FontWeight = "700";
+export const utrechtHeading4MarginBlockEnd = "4px";
+export const utrechtHeading5FontSize = "1rem";
+export const utrechtHeading5FontWeight = "700";
+export const utrechtHeading5MarginBlockEnd = "4px";
+export const utrechtHeading6FontSize = "0.875rem";
+export const utrechtHeading6FontWeight = "700";
+export const utrechtHeading6MarginBlockEnd = "4px";
+export const utrechtLinkColor = "#007bc7";
+export const utrechtLinkTextDecoration = "underline";
+export const utrechtLinkTextDecorationThickness = "1px";
+export const utrechtLinkTextUnderlineOffset = "2px";
+export const utrechtLinkFontWeight = "400";
+export const utrechtLinkHoverColor = "#01689b";
+export const utrechtLinkHoverTextDecorationThickness = "1px";
+export const utrechtLinkHoverFontWeight = "700";
+export const utrechtLinkHoverTextDecoration = "none";
+export const utrechtLinkActiveColor = "#01689b";
+export const utrechtLinkActiveFontWeight = "700";
+export const utrechtLinkActiveTextDecorationThickness = "1px";
+export const utrechtLinkFocusOutlineOffset = "0";
+export const utrechtLinkFocusTextDecorationThickness = "1px";
+export const utrechtOrderedListMarginBlockEnd = "0";
+export const utrechtOrderedListItemMarginBlockStart = "0.5ex";
+export const utrechtOrderedListItemMarginBlockEnd = "0.5ex";
+export const utrechtOrderedListItemPaddingInlineStart = "0";
+export const utrechtOrderedListPaddingInlineStart = "0";
+export const utrechtParagraphFontSize = "18px";
+export const utrechtParagraphLineHeight = "150%";
+export const utrechtParagraphMarginBlockEnd = "16px";
+export const utrechtParagraphLeadFontSize = "20px";
+export const utrechtParagraphLeadLineHeight = "150%";
+export const utrechtParagraphSmallFontSize = "16px";
+export const utrechtParagraphSmallLineHeight = "150%";
+export const utrechtUnorderedListMarginBlockStart = "0";
+export const utrechtUnorderedListMarginBlockEnd = "16px";
+export const utrechtUnorderedListItemMarginBlockStart = "0.5ex";
+export const utrechtUnorderedListItemMarginBlockEnd = "0.5ex";
+export const utrechtUnorderedListItemPaddingInlineStart = "0";
+export const utrechtUnorderedListItemMarker = "initial";
+export const utrechtUnorderedListPaddingInlineStart = "20px";
+export const utrechtUnorderedListListStyleType = "square";
+export const rvoCheckboxSize = "24px";
+export const rvoCheckboxIconSize = "16px";
+export const rvoCheckboxIconColor = "#ffffff";
+export const rvoCheckboxBackgroundColor = "#ffffff";
+export const rvoCheckboxBorderWidth = "1px";
+export const rvoCheckboxBorderColor = "#000000";
+export const rvoCheckboxCheckedBackgroundColor = "#007bc7";
+export const rvoCheckboxHoverBackgroundColor = "#01689b";
+export const rvoCheckboxHoverBorderColor = "#007bc7";
+export const rvoCheckboxDisabledBorderColor = "#cccccc";
+export const rvoCheckboxDisabledBackgroundColor = "#ffffff";
+export const rvoCheckboxDisabledColor = "#cccccc";
+export const rvoCustomRadioButtonLabelDisabledColor = "#cccccc";
+export const rvoCustomRadioButtonHoverBorderColor = "#007bc7";
+export const rvoCustomRadioButtonCheckedBorderColor = "#007bc7";
+export const rvoCustomRadioButtonCheckedBackground = "radial-gradient(circle, #ffffff 30%, #007bc7 30%)";
+export const rvoHeading1LineHeight = "125%";
+export const rvoLogoFontFamily = "'RijksoverheidSerifWeb'";
+export const rvoLogoFontSize = "16px";
+export const rvoLogoColor = "#000000";
+export const rvoLogoEmblemBackgroundColor = "#154273";
+export const rvoLogoEmblemColor = "#ffffff";
+export const rvoSelectIconBackgroundColor = "#007bc7";
+export const rvoSelectIconColor = "#ffffff";
+export const rvoSelectOutlineOffset = "0";
+export const rvoSelectPaddingBlockEnd = "9px";
+export const rvoSelectPaddingBlockStart = "10px";
+export const rvoSelectPaddingInlineEnd = "50px";
+export const rvoSelectPaddingInlineStart = "18px";