@rijkshuisstijl-community/design-tokens 5.0.0 → 7.0.0

package/dist/uitvoerend-violet-oud/index.json

@@ -247,19 +247,6 @@
   "utrechtFormLabelRadioFontWeight": 400,
   "utrechtFormLabelCheckedFontWeight": 400,
   "utrechtFormLabelDisabledColor": "#94A3B8",
-  "utrechtNumberBadgeLineHeight": "125%",
-  "utrechtNumberBadgeBackgroundColor": "#a90061",
-  "utrechtNumberBadgeBorderColor": "transparent",
-  "utrechtNumberBadgeBorderRadius": "999px",
-  "utrechtNumberBadgeBorderWidth": "0px",
-  "utrechtNumberBadgeColor": "#fff",
-  "utrechtNumberBadgeFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
-  "utrechtNumberBadgeFontSize": "1.25rem",
-  "utrechtNumberBadgeFontWeight": 700,
-  "utrechtNumberBadgeMinBlockSize": "24px",
-  "utrechtNumberBadgeMinInlineSize": "24px",
-  "utrechtNumberBadgePaddingBlock": "0.125rem",
-  "utrechtNumberBadgePaddingInline": "0.5rem",
   "utrechtFigureCaptionBorderColor": "#CBD5E1",
   "utrechtFigureCaptionBorderWidth": "4px",
   "utrechtFigureCaptionPaddingBlockEnd": "0.5rem",
@@ -272,84 +259,18 @@
   "utrechtFigureImgBorderEndStartRadius": 0,
   "utrechtFigureImgBorderStartEndRadius": 0,
   "utrechtFigureImgBorderStartStartRadius": 0,
-  "utrechtAlertHeadingFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
-  "utrechtAlertHeadingFontSize": "1.25rem",
-  "utrechtAlertHeadingFontWeight": 700,
-  "utrechtAlertHeadingLineHeight": "150%",
-  "utrechtAlertMessageColumnGap": "0.5rem",
-  "utrechtAlertMessageLineHeight": "150%",
-  "utrechtAlertMessageRowGap": "0rem",
-  "utrechtAlertBackgroundColor": "#d9ebf7",
-  "utrechtAlertBorderColor": "transparent",
-  "utrechtAlertBorderRadius": 0,
-  "utrechtAlertBorderWidth": "0px",
-  "utrechtAlertColor": "#000",
-  "utrechtAlertColumnGap": "0.5rem",
-  "utrechtAlertMarginBlockEnd": "0.75rem",
-  "utrechtAlertMarginBlockStart": "0.75rem",
-  "utrechtAlertPaddingBlockEnd": "1rem",
-  "utrechtAlertPaddingBlockStart": "1rem",
-  "utrechtAlertPaddingInlineEnd": "1rem",
-  "utrechtAlertPaddingInlineStart": "1rem",
-  "utrechtAlertContentRowGap": "0.5rem",
-  "utrechtAlertErrorBackgroundColor": "#f9dfdd",
-  "utrechtAlertErrorBorderColor": "transparent",
-  "utrechtAlertErrorColor": "#000",
-  "utrechtAlertInfoBackgroundColor": "#d9ebf7",
-  "utrechtAlertInfoBorderColor": "transparent",
-  "utrechtAlertInfoColor": "#000",
-  "utrechtAlertOkBackgroundColor": "#e1eddb",
-  "utrechtAlertOkBorderColor": "transparent",
-  "utrechtAlertOkColor": "#000",
-  "utrechtAlertWarningBackgroundColor": "#fff4db",
-  "utrechtAlertWarningBorderColor": "transparent",
-  "utrechtAlertWarningColor": "#000",
-  "utrechtAlertIconColor": "#007bc7",
-  "utrechtAlertIconInsetBlockStart": "3px",
-  "utrechtAlertIconSize": "24px",
-  "utrechtAlertIconErrorColor": "#d52b1e",
-  "utrechtAlertIconInfoColor": "#007bc7",
-  "utrechtAlertIconOkColor": "#39870c",
-  "utrechtAlertIconWarningColor": "#ffb612",
-  "utrechtAccordionButtonActiveRowGap": 0,
-  "utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
-  "utrechtAccordionButtonActiveBorderColor": "transparent",
-  "utrechtAccordionButtonActiveColor": "#0F172A",
-  "utrechtAccordionButtonFocusBackgroundColor": "#f2d9e7",
-  "utrechtAccordionButtonFocusBorderColor": "#a90061",
-  "utrechtAccordionButtonFocusColor": "#0F172A",
-  "utrechtAccordionButtonBackgroundColor": "#fff",
-  "utrechtAccordionButtonBorderColor": "transparent",
-  "utrechtAccordionButtonBorderRadius": "0px",
-  "utrechtAccordionButtonBorderWidth": "1px",
-  "utrechtAccordionButtonColor": "#0F172A",
-  "utrechtAccordionButtonGap": "0.5rem",
-  "utrechtAccordionButtonPaddingBlockEnd": "0.75rem",
-  "utrechtAccordionButtonPaddingBlockStart": "0.75rem",
-  "utrechtAccordionButtonPaddingInlineEnd": "1rem",
-  "utrechtAccordionButtonPaddingInlineStart": "1rem",
-  "utrechtAccordionButtonIconSize": "24px",
-  "utrechtAccordionButtonHoverBackgroundColor": "#F8FAFC",
-  "utrechtAccordionButtonHoverBorderColor": "transparent",
-  "utrechtAccordionButtonHoverColor": "#0F172A",
-  "utrechtAccordionButtonFocusVisibleBackgroundColor": "#f2d9e7",
-  "utrechtAccordionButtonFocusVisibleBorderColor": "transparent",
-  "utrechtAccordionButtonFocusVisibleBorderWidth": "1px",
-  "utrechtAccordionButtonFocusVisibleColor": "#0F172A",
-  "utrechtAccordionMarginBlockEnd": "0rem",
-  "utrechtAccordionMarginBlockStart": "0rem",
-  "utrechtAccordionRowGap": "0rem",
-  "utrechtAccordionPanelBorderColor": "transparent",
-  "utrechtAccordionPanelBorderWidth": "1px",
-  "utrechtAccordionPanelPaddingBlockEnd": "1.5rem",
-  "utrechtAccordionPanelPaddingBlockStart": "1rem",
-  "utrechtAccordionPanelPaddingInlineEnd": "1rem",
-  "utrechtAccordionPanelPaddingInlineStart": "1rem",
-  "utrechtAccordionSectionBorderColor": "#94A3B8",
-  "utrechtAccordionSectionHoverBorderColor": "#94A3B8",
-  "utrechtAccordionSectionBorderWidth": "1px",
-  "utrechtAccordionSectionMarginBlockEnd": "0rem",
-  "utrechtAccordionSectionMarginBlockStart": "0rem",
+  "utrechtNumberBadgeBackgroundColor": "#a90061",
+  "utrechtNumberBadgeBorderColor": "transparent",
+  "utrechtNumberBadgeBorderRadius": "999px",
+  "utrechtNumberBadgeBorderWidth": "0px",
+  "utrechtNumberBadgeColor": "#fff",
+  "utrechtNumberBadgeFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
+  "utrechtNumberBadgeFontSize": "1.25rem",
+  "utrechtNumberBadgeFontWeight": 700,
+  "utrechtNumberBadgeMinBlockSize": "24px",
+  "utrechtNumberBadgeMinInlineSize": "24px",
+  "utrechtNumberBadgePaddingBlock": "0.125rem",
+  "utrechtNumberBadgePaddingInline": "0.5rem",
   "utrechtBlockquoteBorderBlockEndWidth": 0,
   "utrechtBlockquoteBorderBlockStartWidth": 0,
   "utrechtBlockquoteBorderEndEndRadius": 0,
@@ -405,35 +326,74 @@
   "utrechtBlockquoteRowGap": "0.75rem",
   "utrechtBlockquoteAttributionColor": "#154273",
   "utrechtBlockquoteAttributionFontSize": "1.25rem",
-  "utrechtSkipLinkFocusTextDecoration": "None",
-  "utrechtSkipLinkFocusBorderColor": "#a90061",
-  "utrechtSkipLinkFocusBorderWidth": "2px",
-  "utrechtSkipLinkFocusBorderStyle": "solid",
-  "utrechtSkipLinkFocusBackgroundColor": "#fff",
-  "utrechtSkipLinkFocusColor": "#01689b",
-  "utrechtSkipLinkBorderColor": "transparent",
-  "utrechtSkipLinkBoxBlockEndShadowColor": "#0000001a",
-  "utrechtSkipLinkBoxBlockEndShadowBlurRadius": "48px",
-  "utrechtSkipLinkBoxBlockEndShadowOffsetX": 0,
-  "utrechtSkipLinkBoxBlockEndShadowOffsetY": "16px",
-  "utrechtSkipLinkBoxBlockEndShadowSpreadRadius": 0,
-  "utrechtSkipLinkFocusVisibleOutlineColor": "#000",
-  "utrechtSkipLinkFocusVisibleTextDecoration": "underline",
-  "utrechtSkipLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
-  "utrechtSkipLinkFontWeight": 700,
-  "utrechtSkipLinkLineHeight": "150%",
-  "utrechtSkipLinkBorderWidth": "2px",
-  "utrechtSkipLinkTextUnderlineOffset": "0.125rem",
-  "utrechtSkipLinkFontSize": "1.25rem",
-  "utrechtSkipLinkBackgroundColor": "#fff",
-  "utrechtSkipLinkColor": "#01689b",
-  "utrechtSkipLinkMinBlockSize": "48px",
-  "utrechtSkipLinkMinInlineSize": "48px",
-  "utrechtSkipLinkPaddingBlockEnd": "0.75rem",
-  "utrechtSkipLinkPaddingBlockStart": "0.75rem",
-  "utrechtSkipLinkPaddingInlineEnd": "1rem",
-  "utrechtSkipLinkPaddingInlineStart": "1rem",
-  "utrechtSkipLinkTextDecoration": "underline",
+  "utrechtAlertBackgroundColor": "#d9ebf7",
+  "utrechtAlertBorderColor": "transparent",
+  "utrechtAlertBorderRadius": 0,
+  "utrechtAlertBorderWidth": "0px",
+  "utrechtAlertColor": "#000",
+  "utrechtAlertColumnGap": "0.5rem",
+  "utrechtAlertMarginBlockEnd": "0.75rem",
+  "utrechtAlertMarginBlockStart": "0.75rem",
+  "utrechtAlertPaddingBlockEnd": "1rem",
+  "utrechtAlertPaddingBlockStart": "1rem",
+  "utrechtAlertPaddingInlineEnd": "1rem",
+  "utrechtAlertPaddingInlineStart": "1rem",
+  "utrechtAlertContentRowGap": "0.5rem",
+  "utrechtAlertErrorBackgroundColor": "#f9dfdd",
+  "utrechtAlertErrorBorderColor": "transparent",
+  "utrechtAlertErrorColor": "#000",
+  "utrechtAlertInfoBackgroundColor": "#d9ebf7",
+  "utrechtAlertInfoBorderColor": "transparent",
+  "utrechtAlertInfoColor": "#000",
+  "utrechtAlertMessageRowGap": "0rem",
+  "utrechtAlertOkBackgroundColor": "#e1eddb",
+  "utrechtAlertOkBorderColor": "transparent",
+  "utrechtAlertOkColor": "#000",
+  "utrechtAlertWarningBackgroundColor": "#fff4db",
+  "utrechtAlertWarningBorderColor": "transparent",
+  "utrechtAlertWarningColor": "#000",
+  "utrechtAlertIconColor": "#007bc7",
+  "utrechtAlertIconInsetBlockStart": "3px",
+  "utrechtAlertIconSize": "24px",
+  "utrechtAlertIconErrorColor": "#d52b1e",
+  "utrechtAlertIconInfoColor": "#007bc7",
+  "utrechtAlertIconOkColor": "#39870c",
+  "utrechtAlertIconWarningColor": "#ffb612",
+  "utrechtAccordionMarginBlockEnd": "0rem",
+  "utrechtAccordionMarginBlockStart": "0rem",
+  "utrechtAccordionRowGap": "0rem",
+  "utrechtAccordionPanelBorderColor": "transparent",
+  "utrechtAccordionPanelBorderWidth": "1px",
+  "utrechtAccordionPanelPaddingBlockEnd": "1.5rem",
+  "utrechtAccordionPanelPaddingBlockStart": "1rem",
+  "utrechtAccordionPanelPaddingInlineEnd": "1rem",
+  "utrechtAccordionPanelPaddingInlineStart": "1rem",
+  "utrechtAccordionButtonBackgroundColor": "#fff",
+  "utrechtAccordionButtonBorderColor": "transparent",
+  "utrechtAccordionButtonBorderRadius": "0px",
+  "utrechtAccordionButtonBorderWidth": "1px",
+  "utrechtAccordionButtonColor": "#0F172A",
+  "utrechtAccordionButtonGap": "0.5rem",
+  "utrechtAccordionButtonPaddingBlockEnd": "0.75rem",
+  "utrechtAccordionButtonPaddingBlockStart": "0.75rem",
+  "utrechtAccordionButtonPaddingInlineEnd": "1rem",
+  "utrechtAccordionButtonPaddingInlineStart": "1rem",
+  "utrechtAccordionButtonIconSize": "24px",
+  "utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
+  "utrechtAccordionButtonActiveBorderColor": "transparent",
+  "utrechtAccordionButtonActiveColor": "#0F172A",
+  "utrechtAccordionButtonHoverBackgroundColor": "#F8FAFC",
+  "utrechtAccordionButtonHoverBorderColor": "transparent",
+  "utrechtAccordionButtonHoverColor": "#0F172A",
+  "utrechtAccordionButtonFocusVisibleBackgroundColor": "#f2d9e7",
+  "utrechtAccordionButtonFocusVisibleBorderColor": "transparent",
+  "utrechtAccordionButtonFocusVisibleBorderWidth": "1px",
+  "utrechtAccordionButtonFocusVisibleColor": "#0F172A",
+  "utrechtAccordionSectionBorderColor": "#94A3B8",
+  "utrechtAccordionSectionHoverBorderColor": "#94A3B8",
+  "utrechtAccordionSectionBorderWidth": "1px",
+  "utrechtAccordionSectionMarginBlockEnd": "0rem",
+  "utrechtAccordionSectionMarginBlockStart": "0rem",
   "utrechtDataBadgeBackgroundColor": "#f2d9e7",
   "utrechtDataBadgeBorderRadius": "10px",
   "utrechtDataBadgeColor": "#a90061",
@@ -536,11 +496,6 @@
   "utrechtButtonSubtleActiveColor": "#65003a",
   "utrechtButtonGroupMarginBlockEnd": "0rem",
   "utrechtButtonGroupMarginBlockStart": "0rem",
-  "utrechtButtonGroupBackgroundColor": "transparent",
-  "utrechtButtonGroupColumnGap": "0.5rem",
-  "utrechtButtonGroupPaddingBlockEnd": "0px",
-  "utrechtButtonGroupPaddingBlockStart": "0px",
-  "utrechtButtonGroupRowGap": "0.5rem",
   "utrechtBreadcrumbNavFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
   "utrechtBreadcrumbNavFontSize": "1.25rem",
   "utrechtBreadcrumbNavLineHeight": "150%",
@@ -595,6 +550,11 @@
   "utrechtOrderedListItemMarginBlockEnd": "0.25rem",
   "utrechtOrderedListItemMarginBlockStart": "0.25rem",
   "utrechtOrderedListItemPaddingInlineStart": "0.5rem",
+  "utrechtActionGroupBackgroundColor": "transparent",
+  "utrechtActionGroupColumnGap": "0.5rem",
+  "utrechtActionGroupPaddingBlockEnd": "0rem",
+  "utrechtActionGroupPaddingBlockStart": "0rem",
+  "utrechtActionGroupRowGap": "0.5rem",
   "utrechtColumnLayoutColumnRuleColor": "transparent",
   "utrechtColumnLayoutColumnRuleWidth": "0px",
   "utrechtColumnLayoutColumnWidth": "400px",
@@ -690,6 +650,22 @@
   "utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
   "utrechtFormFieldsetInvalidPaddingInlineStart": "0rem",
   "utrechtFormFieldsetInvalidBorderInlineStartWidth": "0px",
+  "utrechtDrawerMaxInlineSize": "256px",
+  "utrechtDrawerZIndex": 1,
+  "utrechtDrawerBackgroundColor": "#fff",
+  "utrechtDrawerBorderColor": "#64748B",
+  "utrechtDrawerBorderWidth": "0px",
+  "utrechtDrawerColor": "#0F172A",
+  "utrechtDrawerMaxBlockSize": "240px",
+  "utrechtDrawerPaddingBlockStart": "1rem",
+  "utrechtDrawerPaddingBlockEnd": "1rem",
+  "utrechtDrawerPaddingInlineStart": "1rem",
+  "utrechtDrawerPaddingInlineEnd": "1rem",
+  "utrechtBackdropBackgroundColor": "#0000004d",
+  "utrechtBackdropColor": "#0F172A",
+  "utrechtBackdropOpacity": 0.8,
+  "utrechtBackdropFadeInAnimationDuration": "400ms",
+  "utrechtBackdropReducedTransparencyOpacity": 0.98,
   "utrechtArticleMaxInlineSize": "75ch",
   "utrechtDocumentBackgroundColor": "#fff",
   "utrechtDocumentColor": "#0F172A",
@@ -758,11 +734,9 @@
   "todoFigureRowGap": "0.5rem",
   "todoAccordionButtonFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
   "todoAccordionButtonFontSize": "1.25rem",
-  "todoAccordionButtonFontWeight": 400,
-  "todoAccordionButtonLineHeight": "150%",
+  "todoAccordionButtonFontWeight": 700,
+  "todoAccordionButtonLineHeight": "1.875rem",
   "todoLinkListLinkHoverTextDecoration": "underline",
-  "todoSkipLinkFontWeight": 700,
-  "nlNumberBadgeLineHeight": "125%",
   "nlNumberBadgeBackgroundColor": "#a90061",
   "nlNumberBadgeBorderColor": "transparent",
   "nlNumberBadgeBorderRadius": "999px",
@@ -775,27 +749,6 @@
   "nlNumberBadgeMinInlineSize": "24px",
   "nlNumberBadgePaddingBlock": "0.125rem",
   "nlNumberBadgePaddingInline": "0.5rem",
-  "nlSkipLinkBorderColor": "transparent",
-  "nlSkipLinkBorderWidth": "2px",
-  "nlSkipLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
-  "nlSkipLinkFontWeight": 700,
-  "nlSkipLinkPaddingBlockEnd": "0.75rem",
-  "nlSkipLinkPaddingBlockStart": "0.75rem",
-  "nlSkipLinkPaddingInlineEnd": "1rem",
-  "nlSkipLinkPaddingInlineStart": "1rem",
-  "nlSkipLinkBoxBlockEndShadowBlurRadius": "48px",
-  "nlSkipLinkBoxBlockEndShadowColor": "#0000001a",
-  "nlSkipLinkBoxBlockEndShadowOffsetX": 0,
-  "nlSkipLinkBoxBlockEndShadowOffsetY": "16px",
-  "nlSkipLinkBoxBlockEndShadowSpreadRadius": 0,
-  "nlSkipLinkFocusBackgroundColor": "#fff",
-  "nlSkipLinkFocusBorderColor": "#a90061",
-  "nlSkipLinkFocusBorderStyle": "solid",
-  "nlSkipLinkFocusBorderWidth": "2px",
-  "nlSkipLinkFocusColor": "#0F172A",
-  "nlSkipLinkFocusTextDecoration": "None",
-  "nlSkipLinkFocusVisibleOutlineColor": "#000",
-  "nlSkipLinkTextDecoration": "underline",
   "nlSkipLinkBackgroundColor": "#fff",
   "nlSkipLinkColor": "#01689b",
   "nlSkipLinkPaddingBlock": "0.75rem",
@@ -872,23 +825,6 @@
   "nlHeadingLevel6LineHeight": "150%",
   "nlHeadingLevel6MarginBlockEnd": "0rem",
   "nlHeadingLevel6MarginBlockStart": "0rem",
-  "rhcAccordionBorderRadius": "0px",
-  "rhcAccordionColor": "#0F172A",
-  "rhcAccordionHeaderMargin": 0,
-  "rhcAccordionSectionBorderBlockEndWidth": "1px",
-  "rhcAccordionSectionBorderColor": "#94A3B8",
-  "rhcAccordionSectionBorderWidth": "1px",
-  "rhcAccordionButtonPaddingBlockEnd": "0.75rem",
-  "rhcAccordionButtonPaddingBlockStart": "0.75rem",
-  "rhcAccordionButtonPaddingInlineEnd": "1rem",
-  "rhcAccordionButtonPaddingInlineStart": "1rem",
-  "rhcAccordionButtonExpandedBackgroundColor": "#fff",
-  "rhcAccordionButtonExpandedColor": "#0F172A",
-  "rhcAccordionButtonIconMarginBlock": "0.25rem",
-  "rhcAccordionButtonFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
-  "rhcAccordionButtonFontWeight": 400,
-  "rhcAccordionButtonFontSize": "1.25rem",
-  "rhcAccordionButtonLineHeight": "150%",
   "rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
   "rhcKeepTopLeftBorderRadiusTopLeft": "48px",
   "rhcKeepTopLeftBorderRadiusTopRight": 0,
@@ -961,6 +897,7 @@
   "rhcColorForegroundLink": "#01689b",
   "rhcColorForegroundOnDarkColor": "#fff",
   "rhcColorForegroundOnLightColor": "#000",
+  "rhcColorBackdrop": "#0000004d",
   "rhcColorBorderDefault": "#64748B",
   "rhcColorBorderSubdued": "#94A3B8",
   "rhcColorBorderStrong": "#0F172A",
@@ -1095,6 +1032,7 @@
   "rhcColorLintblauw500": "#154273",
   "rhcColorWit": "#fff",
   "rhcColorZwart": "#000",
+  "rhcColorTransparent30": "#0000004d",
   "rhcColorNone": "transparent",
   "rhcBorderRadiusSm": 0,
   "rhcBorderRadiusMd": 0,