@rijkshuisstijl-community/design-tokens 6.0.0 → 8.0.0

package/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 09:25:13 GMT
+ * Generated on Fri, 26 Sep 2025 23:36:51 GMT
  */
 
 export const amsPaginationFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
@@ -118,6 +118,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";
@@ -354,7 +355,11 @@ export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
 export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
 export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
 export const rhcBreadcrumbNavLinkCurrentColor = "#334155";
-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 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;
@@ -569,7 +574,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";
@@ -868,8 +873,6 @@ export const utrechtFormLabelRadioColor = "#0F172A";
 export const utrechtFormLabelRadioFontWeight = 400;
 export const utrechtFormLabelCheckedFontWeight = 400;
 export const utrechtFormLabelDisabledColor = "#94A3B8";
-export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
-export const utrechtFormFieldErrorMessageIconSize = "24px";
 export const utrechtFormFieldErrorMessageBackgroundColor = "transparent";
 export const utrechtFormFieldErrorMessageColor = "#d52b1e";
 export const utrechtFormFieldErrorMessageFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
@@ -882,7 +885,6 @@ 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";
@@ -924,6 +926,17 @@ 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 utrechtDataBadgeBackgroundColor = "#dce3ea";
 export const utrechtDataBadgeBorderRadius = "10px";
 export const utrechtDataBadgeColor = "#154273";
@@ -1084,11 +1097,6 @@ export const utrechtButtonSubtleActiveBorderColor = "transparent";
 export const utrechtButtonSubtleActiveColor = "#0d2845";
 export const utrechtButtonGroupMarginBlockEnd = "0rem";
 export const utrechtButtonGroupMarginBlockStart = "0rem";
-export const utrechtButtonGroupBackgroundColor = "transparent";
-export const utrechtButtonGroupColumnGap = "0.5rem";
-export const utrechtButtonGroupPaddingBlockEnd = "0px";
-export const utrechtButtonGroupPaddingBlockStart = "0px";
-export const utrechtButtonGroupRowGap = "0.5rem";
 export const utrechtBreadcrumbNavFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtBreadcrumbNavFontSize = "1.25rem";
 export const utrechtBreadcrumbNavLineHeight = "150%";
@@ -1112,46 +1120,6 @@ export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
 export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
 export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
 export const utrechtBreadcrumbNavLinkIconSize = "24px";
-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";
@@ -1167,6 +1135,13 @@ 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 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 utrechtAlertBackgroundColor = "#d9ebf7";
 export const utrechtAlertBorderColor = "transparent";
@@ -1201,6 +1176,11 @@ export const utrechtAlertIconErrorColor = "#d52b1e";
 export const utrechtAlertIconInfoColor = "#007bc7";
 export const utrechtAlertIconOkColor = "#39870c";
 export const utrechtAlertIconWarningColor = "#ffb612";
+export const utrechtActionGroupBackgroundColor = "transparent";
+export const utrechtActionGroupColumnGap = "0.5rem";
+export const utrechtActionGroupPaddingBlockEnd = "0rem";
+export const utrechtActionGroupPaddingBlockStart = "0rem";
+export const utrechtActionGroupRowGap = "0.5rem";
 export const utrechtAccordionMarginBlockEnd = "0rem";
 export const utrechtAccordionMarginBlockStart = "0rem";
 export const utrechtAccordionRowGap = "0rem";

package/dist/index.json

@@ -114,6 +114,7 @@
   "rhcNavBarLinkPaddingInlineEnd": "0.75rem",
   "rhcNavBarLinkPaddingInlineStart": "0.75rem",
   "rhcNavBarLinkColumnGap": "0.5rem",
+  "rhcNavBarLinkFontSize": "1.25rem",
   "rhcNavBarHeadingFontWeight": 700,
   "rhcNavBarBackgroundColor": "#fff",
   "rhcNavBarColor": "#154273",
@@ -350,7 +351,11 @@
   "rhcCardAsLinkHorizontalPaddingInlineStart": "1rem",
   "rhcCardAsLinkHorizontalHeadingInlineSize": "200px",
   "rhcBreadcrumbNavLinkCurrentColor": "#334155",
-  "rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
+  "rhcBlockquoteMarginBlockEnd": "0rem",
+  "rhcBlockquoteMarginBlockStart": "0rem",
+  "rhcBlockquoteMarginInlineEnd": "0rem",
+  "rhcBlockquoteMarginInlineStart": "0rem",
+  "rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
   "rhcKeepTopLeftBorderRadiusTopLeft": "48px",
   "rhcKeepTopLeftBorderRadiusTopRight": 0,
   "rhcKeepTopLeftBorderRadiusBottomRight": 0,
@@ -565,7 +570,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",
@@ -864,8 +869,6 @@
   "utrechtFormLabelRadioFontWeight": 400,
   "utrechtFormLabelCheckedFontWeight": 400,
   "utrechtFormLabelDisabledColor": "#94A3B8",
-  "utrechtFormFieldErrorMessageIconMarginInlineEnd": "0.5rem",
-  "utrechtFormFieldErrorMessageIconSize": "24px",
   "utrechtFormFieldErrorMessageBackgroundColor": "transparent",
   "utrechtFormFieldErrorMessageColor": "#d52b1e",
   "utrechtFormFieldErrorMessageFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
@@ -878,7 +881,6 @@
   "utrechtFormFieldErrorMessagePaddingBlockStart": "0rem",
   "utrechtFormFieldErrorMessagePaddingInlineEnd": "0rem",
   "utrechtFormFieldErrorMessagePaddingInlineStart": "0rem",
-  "utrechtFormFieldDescriptionPaddingBlockEnd": "0.5rem",
   "utrechtFormFieldDescriptionColor": "#334155",
   "utrechtFormFieldDescriptionFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
   "utrechtFormFieldDescriptionFontSize": "1.25rem",
@@ -920,6 +922,17 @@
   "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",
   "utrechtDataBadgeBackgroundColor": "#dce3ea",
   "utrechtDataBadgeBorderRadius": "10px",
   "utrechtDataBadgeColor": "#154273",
@@ -1080,11 +1093,6 @@
   "utrechtButtonSubtleActiveColor": "#0d2845",
   "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%",
@@ -1108,46 +1116,6 @@
   "utrechtBreadcrumbNavLinkHoverTextDecoration": "underline",
   "utrechtBreadcrumbNavLinkHoverColor": "#01496c",
   "utrechtBreadcrumbNavLinkIconSize": "24px",
-  "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",
@@ -1163,6 +1131,13 @@
   "utrechtBlockquoteRowGap": "0.75rem",
   "utrechtBlockquoteAttributionColor": "#154273",
   "utrechtBlockquoteAttributionFontSize": "1.25rem",
+  "utrechtBlockquoteContentColor": "#154273",
+  "utrechtBlockquoteContentFontSize": "1.25rem",
+  "utrechtBackdropBackgroundColor": "#0000004d",
+  "utrechtBackdropColor": "#0F172A",
+  "utrechtBackdropOpacity": 0.8,
+  "utrechtBackdropFadeInAnimationDuration": "400ms",
+  "utrechtBackdropReducedTransparencyOpacity": 0.98,
   "utrechtArticleMaxInlineSize": "75ch",
   "utrechtAlertBackgroundColor": "#d9ebf7",
   "utrechtAlertBorderColor": "transparent",
@@ -1197,6 +1172,11 @@
   "utrechtAlertIconInfoColor": "#007bc7",
   "utrechtAlertIconOkColor": "#39870c",
   "utrechtAlertIconWarningColor": "#ffb612",
+  "utrechtActionGroupBackgroundColor": "transparent",
+  "utrechtActionGroupColumnGap": "0.5rem",
+  "utrechtActionGroupPaddingBlockEnd": "0rem",
+  "utrechtActionGroupPaddingBlockStart": "0rem",
+  "utrechtActionGroupRowGap": "0.5rem",
   "utrechtAccordionMarginBlockEnd": "0rem",
   "utrechtAccordionMarginBlockStart": "0rem",
   "utrechtAccordionRowGap": "0rem",

package/dist/index.tokens.json

@@ -202,7 +202,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
@@ -599,8 +600,14 @@
         }
       }
     },
+    "blockquote": {
+      "margin-block-end": "0rem",
+      "margin-block-start": "0rem",
+      "margin-inline-end": "0rem",
+      "margin-inline-start": "0rem"
+    },
     "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,
@@ -921,7 +928,7 @@
       "half-lint": "24px",
       "lint": "48px",
       "2-lint": "96px",
-      "3-lint": "1440px"
+      "3-lint": "144px"
     },
     "font-family": {
       "primary": "'Fira Sans', Arial, Verdana, sans-serif",
@@ -1370,10 +1377,6 @@
       }
     },
     "form-field-error-message": {
-      "icon": {
-        "margin-inline-end": "0.5rem",
-        "size": "24px"
-      },
       "background-color": "transparent",
       "color": "#d52b1e",
       "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
@@ -1388,7 +1391,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",
@@ -1457,6 +1459,19 @@
         "border-inline-start-width": "0px"
       }
     },
+    "drawer": {
+      "max-inline-size": "256px",
+      "z-index": 1,
+      "background-color": "#fff",
+      "border-color": "#64748B",
+      "border-width": "0px",
+      "color": "#0F172A",
+      "max-block-size": "240px",
+      "padding-block-start": "1rem",
+      "padding-block-end": "1rem",
+      "padding-inline-start": "1rem",
+      "padding-inline-end": "1rem"
+    },
     "data-badge": {
       "background-color": "#dce3ea",
       "border-radius": "10px",
@@ -1703,12 +1718,7 @@
     },
     "button-group": {
       "margin-block-end": "0rem",
-      "margin-block-start": "0rem",
-      "background-color": "transparent",
-      "column-gap": "0.5rem",
-      "padding-block-end": "0px",
-      "padding-block-start": "0px",
-      "row-gap": "0.5rem"
+      "margin-block-start": "0rem"
     },
     "breadcrumb-nav": {
       "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
@@ -1758,58 +1768,6 @@
       }
     },
     "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",
@@ -1826,6 +1784,21 @@
       "attribution": {
         "color": "#154273",
         "font-size": "1.25rem"
+      },
+      "content": {
+        "color": "#154273",
+        "font-size": "1.25rem"
+      }
+    },
+    "backdrop": {
+      "background-color": "#0000004d",
+      "color": "#0F172A",
+      "opacity": 0.8,
+      "fade-in": {
+        "animation-duration": "400ms"
+      },
+      "reduced-transparency": {
+        "opacity": 0.98
       }
     },
     "article": {
@@ -1888,6 +1861,13 @@
         }
       }
     },
+    "action-group": {
+      "background-color": "transparent",
+      "column-gap": "0.5rem",
+      "padding-block-end": "0rem",
+      "padding-block-start": "0rem",
+      "row-gap": "0.5rem"
+    },
     "accordion": {
       "margin-block-end": "0rem",
       "margin-block-start": "0rem",