@rijkshuisstijl-community/design-tokens 1.0.0 → 1.1.0

package/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Feb 2025 08:18:00 GMT
+ * Generated on Wed, 19 Mar 2025 14:52:03 GMT
  */
 
 export const rhcSubNavBarBackgroundColor = "#f2f4f6";
@@ -222,14 +222,14 @@ export const rhcCardAsLinkBorderWidth = "1px";
 export const rhcCardAsLinkColor = "#0F172A";
 export const rhcCardAsLinkColumnGap = "1rem";
 export const rhcCardAsLinkInlineSize = "328px";
-export const rhcCardAsLinkIconColor = "#0F172A";
+export const rhcCardAsLinkIconColor = "#154273";
 export const rhcCardAsLinkIconSize = "24px";
 export const rhcCardAsLinkLinkColor = "#01689b";
 export const rhcCardAsLinkLinkTextDecoration = "underline";
 export const rhcCardAsLinkLinkActiveTextDecoration = "none";
 export const rhcCardAsLinkLinkHoverTextDecoration = "none";
 export const rhcCardAsLinkLinkFocusTextDecoration = "none";
-export const rhcCardAsLinkMetadataColor = "#0F172A";
+export const rhcCardAsLinkMetadataColor = "#334155";
 export const rhcCardAsLinkPaddingBlockEnd = "1rem";
 export const rhcCardAsLinkPaddingBlockStart = "1rem";
 export const rhcCardAsLinkPaddingInlineEnd = "1rem";
@@ -245,6 +245,7 @@ export const rhcCardAsLinkFullBleedBackgroundColor = "#000";
 export const rhcCardAsLinkFullBleedBorderColor = "transparent";
 export const rhcCardAsLinkFullBleedColor = "#fff";
 export const rhcCardAsLinkFullBleedOpacity = 0.5;
+export const rhcCardAsLinkHeadingColor = "#154273";
 export const rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
 export const rhcCardAsLinkHeadingFontSize = "1.5rem";
 export const rhcCardAsLinkHeadingFontWeight = 700;
@@ -630,6 +631,34 @@ export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
 export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
 export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
 export const utrechtTableFontSize = "1.25rem";
+export const utrechtSkipLinkFontWeight = 700;
+export const utrechtSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtSkipLinkFontSize = "1.25rem";
+export const utrechtSkipLinkLineHeight = "150%";
+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 utrechtSkipLinkFocusBackgroundColor = "#fff";
+export const utrechtSkipLinkFocusBorderColor = "#154273";
+export const utrechtSkipLinkFocusBorderStyle = "solid";
+export const utrechtSkipLinkFocusBorderWidth = "2px";
+export const utrechtSkipLinkFocusColor = "#0F172A";
+export const utrechtSkipLinkFocusTextDecoration = "None";
+export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
+export const utrechtSkipLinkBackgroundColor = "#154273";
+export const utrechtSkipLinkBorderColor = "transparent";
+export const utrechtSkipLinkColor = "#fff";
+export const utrechtSkipLinkBorderWidth = "2px";
+export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
+export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
+export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
+export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
+export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
+export const utrechtSkipLinkTextDecoration = "underline";
+export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
 export const utrechtSeparatorColor = "#CBD5E1";
 export const utrechtSeparatorBlockSize = "2px";
 export const utrechtSeparatorMarginBlockEnd = "0.75rem";
@@ -711,6 +740,17 @@ export const utrechtPreHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-seri
 export const utrechtPreHeadingFontWeight = 700;
 export const utrechtPreHeadingLineHeight = "125%";
 export const utrechtPreHeadingFontSize = "1rem";
+export const utrechtParagraphColor = "#0F172A";
+export const utrechtParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtParagraphFontSize = "1.25rem";
+export const utrechtParagraphFontWeight = 400;
+export const utrechtParagraphLineHeight = "150%";
+export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtParagraphMarginBlockStart = 0;
+export const utrechtParagraphLeadColor = "#0F172A";
+export const utrechtParagraphLeadFontSize = "1.5rem";
+export const utrechtParagraphLeadFontWeight = 400;
+export const utrechtParagraphLeadLineHeight = "150%";
 export const utrechtOrderedListPaddingInlineStart = "1.5rem";
 export const utrechtOrderedListMarginBlockEnd = "0.25rem";
 export const utrechtOrderedListMarginBlockStart = "0.25rem";
@@ -752,6 +792,41 @@ export const utrechtLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtLinkFontWeight = 400;
 export const utrechtLinkFontSize = "1.25rem";
 export const utrechtLinkLineHeight = "150%";
+export const utrechtHeading1Color = "#154273";
+export const utrechtHeading1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading1FontWeight = 700;
+export const utrechtHeading1LineHeight = "125%";
+export const utrechtHeading1FontSize = "3.125rem";
+export const utrechtHeading1MarginBlockEnd = 0;
+export const utrechtHeading1MarginBlockStart = 0;
+export const utrechtHeading2Color = "#154273";
+export const utrechtHeading2FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading2FontWeight = 700;
+export const utrechtHeading2LineHeight = "125%";
+export const utrechtHeading2FontSize = "2.5rem";
+export const utrechtHeading2MarginBlockEnd = 0;
+export const utrechtHeading2MarginBlockStart = 0;
+export const utrechtHeading3Color = "#154273";
+export const utrechtHeading3FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading3FontWeight = 700;
+export const utrechtHeading3LineHeight = "125%";
+export const utrechtHeading3FontSize = "1.875rem";
+export const utrechtHeading3MarginBlockEnd = 0;
+export const utrechtHeading3MarginBlockStart = 0;
+export const utrechtHeading4Color = "#154273";
+export const utrechtHeading4FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading4FontWeight = 700;
+export const utrechtHeading4LineHeight = "125%";
+export const utrechtHeading4FontSize = "1.5rem";
+export const utrechtHeading4MarginBlockEnd = 0;
+export const utrechtHeading4MarginBlockStart = 0;
+export const utrechtHeading5Color = "#154273";
+export const utrechtHeading5FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading5FontWeight = 700;
+export const utrechtHeading5LineHeight = "125%";
+export const utrechtHeading5FontSize = "1.25rem";
+export const utrechtHeading5MarginBlockEnd = 0;
+export const utrechtHeading5MarginBlockStart = 0;
 export const utrechtFormLabelColor = "#0F172A";
 export const utrechtFormLabelFontSize = "1.25rem";
 export const utrechtFormLabelFontWeight = 700;
@@ -811,6 +886,19 @@ export const utrechtFormFieldsetSectionColor = "#0F172A";
 export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
 export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
 export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
+export const utrechtNumberBadgeFontSize = "1.25rem";
+export const utrechtNumberBadgeLineHeight = "150%";
+export const utrechtNumberBadgeMinBlockSize = "24px";
+export const utrechtNumberBadgeMinInlineSize = "24px";
+export const utrechtNumberBadgeFontWeight = 700;
+export const utrechtNumberBadgeBorderWidth = "0px";
+export const utrechtNumberBadgeBorderRadius = "999px";
+export const utrechtNumberBadgeFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtNumberBadgeBackgroundColor = "#154273";
+export const utrechtNumberBadgeBorderColor = "transparent";
+export const utrechtNumberBadgeColor = "#fff";
+export const utrechtNumberBadgePaddingInline = "0.5rem";
+export const utrechtNumberBadgePaddingBlock = "0.5rem";
 export const utrechtCheckboxBorderRadius = "2.5px";
 export const utrechtCheckboxSize = "24px";
 export const utrechtCheckboxIconSize = "24px";
@@ -1109,7 +1197,7 @@ export const utrechtFocusOutlineColor = "#000";
 export const utrechtFocusOutlineOffset = "0.125rem";
 export const utrechtFocusOutlineStyle = "solid";
 export const utrechtFocusOutlineWidth = "2px";
-export const utrechtFocusInverseOutlineColor = "transparant";
+export const utrechtFocusInverseOutlineColor = "#fff";
 export const nlSkipLinkFontWeight = 700;
 export const nlSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
 export const nlSkipLinkFontSize = "1.25rem";
@@ -1149,6 +1237,28 @@ export const nlParagraphLeadColor = "#0F172A";
 export const nlParagraphLeadFontSize = "1.5rem";
 export const nlParagraphLeadFontWeight = 400;
 export const nlParagraphLeadLineHeight = "150%";
+export const nlLinkColor = "#01689b";
+export const nlLinkTextDecorationColor = "#01689b";
+export const nlLinkActiveColor = "#42145f";
+export const nlLinkActiveTextDecoration = "None";
+export const nlLinkFocusBackgroundColor = "transparent";
+export const nlLinkFocusColor = "#01689b";
+export const nlLinkFocusTextDecoration = "None";
+export const nlLinkFocusTextDecorationThickness = "auto";
+export const nlLinkHoverColor = "#01496c";
+export const nlLinkHoverTextDecoration = "None";
+export const nlLinkHoverTextDecorationThickness = "auto";
+export const nlLinkVisitedColor = "#42145f";
+export const nlLinkTextDecoration = "underline";
+export const nlLinkIconInsetBlockStart = "0.25rem";
+export const nlLinkIconSize = "24px";
+export const nlLinkColumnGap = "0.25rem";
+export const nlLinkTextDecorationThickness = "auto";
+export const nlLinkTextUnderlineOffset = "0.125rem";
+export const nlLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const nlLinkFontWeight = 400;
+export const nlLinkFontSize = "1.25rem";
+export const nlLinkLineHeight = "150%";
 export const nlHeadingLevel1Color = "#154273";
 export const nlHeadingLevel1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
 export const nlHeadingLevel1FontWeight = 700;

package/dist/index.json

@@ -218,14 +218,14 @@
   "rhcCardAsLinkColor": "#0F172A",
   "rhcCardAsLinkColumnGap": "1rem",
   "rhcCardAsLinkInlineSize": "328px",
-  "rhcCardAsLinkIconColor": "#0F172A",
+  "rhcCardAsLinkIconColor": "#154273",
   "rhcCardAsLinkIconSize": "24px",
   "rhcCardAsLinkLinkColor": "#01689b",
   "rhcCardAsLinkLinkTextDecoration": "underline",
   "rhcCardAsLinkLinkActiveTextDecoration": "none",
   "rhcCardAsLinkLinkHoverTextDecoration": "none",
   "rhcCardAsLinkLinkFocusTextDecoration": "none",
-  "rhcCardAsLinkMetadataColor": "#0F172A",
+  "rhcCardAsLinkMetadataColor": "#334155",
   "rhcCardAsLinkPaddingBlockEnd": "1rem",
   "rhcCardAsLinkPaddingBlockStart": "1rem",
   "rhcCardAsLinkPaddingInlineEnd": "1rem",
@@ -241,6 +241,7 @@
   "rhcCardAsLinkFullBleedBorderColor": "transparent",
   "rhcCardAsLinkFullBleedColor": "#fff",
   "rhcCardAsLinkFullBleedOpacity": 0.5,
+  "rhcCardAsLinkHeadingColor": "#154273",
   "rhcCardAsLinkHeadingPaddingBlockStart": "0.5rem",
   "rhcCardAsLinkHeadingFontSize": "1.5rem",
   "rhcCardAsLinkHeadingFontWeight": 700,
@@ -626,6 +627,34 @@
   "utrechtTableContainerBoxInlineStartShadowSpread": 0,
   "utrechtTableContainerBoxInlineStartShadowColor": "#0000001a",
   "utrechtTableFontSize": "1.25rem",
+  "utrechtSkipLinkFontWeight": 700,
+  "utrechtSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtSkipLinkFontSize": "1.25rem",
+  "utrechtSkipLinkLineHeight": "150%",
+  "utrechtSkipLinkMinBlockSize": "48px",
+  "utrechtSkipLinkMinInlineSize": "48px",
+  "utrechtSkipLinkPaddingBlockEnd": "0.75rem",
+  "utrechtSkipLinkPaddingBlockStart": "0.75rem",
+  "utrechtSkipLinkPaddingInlineEnd": "1rem",
+  "utrechtSkipLinkPaddingInlineStart": "1rem",
+  "utrechtSkipLinkFocusBackgroundColor": "#fff",
+  "utrechtSkipLinkFocusBorderColor": "#154273",
+  "utrechtSkipLinkFocusBorderStyle": "solid",
+  "utrechtSkipLinkFocusBorderWidth": "2px",
+  "utrechtSkipLinkFocusColor": "#0F172A",
+  "utrechtSkipLinkFocusTextDecoration": "None",
+  "utrechtSkipLinkFocusVisibleOutlineColor": "#000",
+  "utrechtSkipLinkBackgroundColor": "#154273",
+  "utrechtSkipLinkBorderColor": "transparent",
+  "utrechtSkipLinkColor": "#fff",
+  "utrechtSkipLinkBorderWidth": "2px",
+  "utrechtSkipLinkBoxBlockEndShadowOffsetX": 0,
+  "utrechtSkipLinkBoxBlockEndShadowOffsetY": "16px",
+  "utrechtSkipLinkBoxBlockEndShadowBlurRadius": "48px",
+  "utrechtSkipLinkBoxBlockEndShadowSpreadRadius": 0,
+  "utrechtSkipLinkBoxBlockEndShadowColor": "#0000001a",
+  "utrechtSkipLinkTextDecoration": "underline",
+  "utrechtSkipLinkTextUnderlineOffset": "0.125rem",
   "utrechtSeparatorColor": "#CBD5E1",
   "utrechtSeparatorBlockSize": "2px",
   "utrechtSeparatorMarginBlockEnd": "0.75rem",
@@ -707,6 +736,17 @@
   "utrechtPreHeadingFontWeight": 700,
   "utrechtPreHeadingLineHeight": "125%",
   "utrechtPreHeadingFontSize": "1rem",
+  "utrechtParagraphColor": "#0F172A",
+  "utrechtParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtParagraphFontSize": "1.25rem",
+  "utrechtParagraphFontWeight": 400,
+  "utrechtParagraphLineHeight": "150%",
+  "utrechtParagraphMarginBlockEnd": 0,
+  "utrechtParagraphMarginBlockStart": 0,
+  "utrechtParagraphLeadColor": "#0F172A",
+  "utrechtParagraphLeadFontSize": "1.5rem",
+  "utrechtParagraphLeadFontWeight": 400,
+  "utrechtParagraphLeadLineHeight": "150%",
   "utrechtOrderedListPaddingInlineStart": "1.5rem",
   "utrechtOrderedListMarginBlockEnd": "0.25rem",
   "utrechtOrderedListMarginBlockStart": "0.25rem",
@@ -748,6 +788,41 @@
   "utrechtLinkFontWeight": 400,
   "utrechtLinkFontSize": "1.25rem",
   "utrechtLinkLineHeight": "150%",
+  "utrechtHeading1Color": "#154273",
+  "utrechtHeading1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtHeading1FontWeight": 700,
+  "utrechtHeading1LineHeight": "125%",
+  "utrechtHeading1FontSize": "3.125rem",
+  "utrechtHeading1MarginBlockEnd": 0,
+  "utrechtHeading1MarginBlockStart": 0,
+  "utrechtHeading2Color": "#154273",
+  "utrechtHeading2FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtHeading2FontWeight": 700,
+  "utrechtHeading2LineHeight": "125%",
+  "utrechtHeading2FontSize": "2.5rem",
+  "utrechtHeading2MarginBlockEnd": 0,
+  "utrechtHeading2MarginBlockStart": 0,
+  "utrechtHeading3Color": "#154273",
+  "utrechtHeading3FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtHeading3FontWeight": 700,
+  "utrechtHeading3LineHeight": "125%",
+  "utrechtHeading3FontSize": "1.875rem",
+  "utrechtHeading3MarginBlockEnd": 0,
+  "utrechtHeading3MarginBlockStart": 0,
+  "utrechtHeading4Color": "#154273",
+  "utrechtHeading4FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtHeading4FontWeight": 700,
+  "utrechtHeading4LineHeight": "125%",
+  "utrechtHeading4FontSize": "1.5rem",
+  "utrechtHeading4MarginBlockEnd": 0,
+  "utrechtHeading4MarginBlockStart": 0,
+  "utrechtHeading5Color": "#154273",
+  "utrechtHeading5FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtHeading5FontWeight": 700,
+  "utrechtHeading5LineHeight": "125%",
+  "utrechtHeading5FontSize": "1.25rem",
+  "utrechtHeading5MarginBlockEnd": 0,
+  "utrechtHeading5MarginBlockStart": 0,
   "utrechtFormLabelColor": "#0F172A",
   "utrechtFormLabelFontSize": "1.25rem",
   "utrechtFormLabelFontWeight": 700,
@@ -807,6 +882,19 @@
   "utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
   "utrechtFormFieldsetInvalidPaddingInlineStart": 0,
   "utrechtFormFieldsetInvalidBorderInlineStartWidth": "0px",
+  "utrechtNumberBadgeFontSize": "1.25rem",
+  "utrechtNumberBadgeLineHeight": "150%",
+  "utrechtNumberBadgeMinBlockSize": "24px",
+  "utrechtNumberBadgeMinInlineSize": "24px",
+  "utrechtNumberBadgeFontWeight": 700,
+  "utrechtNumberBadgeBorderWidth": "0px",
+  "utrechtNumberBadgeBorderRadius": "999px",
+  "utrechtNumberBadgeFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtNumberBadgeBackgroundColor": "#154273",
+  "utrechtNumberBadgeBorderColor": "transparent",
+  "utrechtNumberBadgeColor": "#fff",
+  "utrechtNumberBadgePaddingInline": "0.5rem",
+  "utrechtNumberBadgePaddingBlock": "0.5rem",
   "utrechtCheckboxBorderRadius": "2.5px",
   "utrechtCheckboxSize": "24px",
   "utrechtCheckboxIconSize": "24px",
@@ -1105,7 +1193,7 @@
   "utrechtFocusOutlineOffset": "0.125rem",
   "utrechtFocusOutlineStyle": "solid",
   "utrechtFocusOutlineWidth": "2px",
-  "utrechtFocusInverseOutlineColor": "transparant",
+  "utrechtFocusInverseOutlineColor": "#fff",
   "nlSkipLinkFontWeight": 700,
   "nlSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
   "nlSkipLinkFontSize": "1.25rem",
@@ -1145,6 +1233,28 @@
   "nlParagraphLeadFontSize": "1.5rem",
   "nlParagraphLeadFontWeight": 400,
   "nlParagraphLeadLineHeight": "150%",
+  "nlLinkColor": "#01689b",
+  "nlLinkTextDecorationColor": "#01689b",
+  "nlLinkActiveColor": "#42145f",
+  "nlLinkActiveTextDecoration": "None",
+  "nlLinkFocusBackgroundColor": "transparent",
+  "nlLinkFocusColor": "#01689b",
+  "nlLinkFocusTextDecoration": "None",
+  "nlLinkFocusTextDecorationThickness": "auto",
+  "nlLinkHoverColor": "#01496c",
+  "nlLinkHoverTextDecoration": "None",
+  "nlLinkHoverTextDecorationThickness": "auto",
+  "nlLinkVisitedColor": "#42145f",
+  "nlLinkTextDecoration": "underline",
+  "nlLinkIconInsetBlockStart": "0.25rem",
+  "nlLinkIconSize": "24px",
+  "nlLinkColumnGap": "0.25rem",
+  "nlLinkTextDecorationThickness": "auto",
+  "nlLinkTextUnderlineOffset": "0.125rem",
+  "nlLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "nlLinkFontWeight": 400,
+  "nlLinkFontSize": "1.25rem",
+  "nlLinkLineHeight": "150%",
   "nlHeadingLevel1Color": "#154273",
   "nlHeadingLevel1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
   "nlHeadingLevel1FontWeight": 700,

package/dist/index.tokens.json

@@ -375,7 +375,7 @@
       "column-gap": "1rem",
       "inline-size": "328px",
       "icon": {
-        "color": "#0F172A",
+        "color": "#154273",
         "size": "24px"
       },
       "link": {
@@ -392,7 +392,7 @@
         }
       },
       "metadata": {
-        "color": "#0F172A"
+        "color": "#334155"
       },
       "padding-block-end": "1rem",
       "padding-block-start": "1rem",
@@ -418,6 +418,7 @@
         "opacity": 0.5
       },
       "heading": {
+        "color": "#154273",
         "padding-block-start": "0.5rem",
         "font-size": "1.5rem",
         "font-weight": 700
@@ -987,6 +988,42 @@
       },
       "font-size": "1.25rem"
     },
+    "skip-link": {
+      "font-weight": 700,
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-size": "1.25rem",
+      "line-height": "150%",
+      "min-block-size": "48px",
+      "min-inline-size": "48px",
+      "padding-block-end": "0.75rem",
+      "padding-block-start": "0.75rem",
+      "padding-inline-end": "1rem",
+      "padding-inline-start": "1rem",
+      "focus": {
+        "background-color": "#fff",
+        "border-color": "#154273",
+        "border-style": "solid",
+        "border-width": "2px",
+        "color": "#0F172A",
+        "text-decoration": "None"
+      },
+      "focus-visible": {
+        "outline-color": "#000"
+      },
+      "background-color": "#154273",
+      "border-color": "transparent",
+      "color": "#fff",
+      "border-width": "2px",
+      "box-block-end-shadow": {
+        "offset-x": 0,
+        "offset-y": "16px",
+        "blur-radius": "48px",
+        "spread-radius": 0,
+        "color": "#0000001a"
+      },
+      "text-decoration": "underline",
+      "text-underline-offset": "0.125rem"
+    },
     "separator": {
       "color": "#CBD5E1",
       "block-size": "2px",
@@ -1108,6 +1145,21 @@
       "line-height": "125%",
       "font-size": "1rem"
     },
+    "paragraph": {
+      "color": "#0F172A",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-size": "1.25rem",
+      "font-weight": 400,
+      "line-height": "150%",
+      "margin-block-end": 0,
+      "margin-block-start": 0,
+      "lead": {
+        "color": "#0F172A",
+        "font-size": "1.5rem",
+        "font-weight": 400,
+        "line-height": "150%"
+      }
+    },
     "ordered-list": {
       "padding-inline-start": "1.5rem",
       "margin-block-end": "0.25rem",
@@ -1171,6 +1223,51 @@
       "font-size": "1.25rem",
       "line-height": "150%"
     },
+    "heading-1": {
+      "color": "#154273",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-weight": 700,
+      "line-height": "125%",
+      "font-size": "3.125rem",
+      "margin-block-end": 0,
+      "margin-block-start": 0
+    },
+    "heading-2": {
+      "color": "#154273",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-weight": 700,
+      "line-height": "125%",
+      "font-size": "2.5rem",
+      "margin-block-end": 0,
+      "margin-block-start": 0
+    },
+    "heading-3": {
+      "color": "#154273",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-weight": 700,
+      "line-height": "125%",
+      "font-size": "1.875rem",
+      "margin-block-end": 0,
+      "margin-block-start": 0
+    },
+    "heading-4": {
+      "color": "#154273",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-weight": 700,
+      "line-height": "125%",
+      "font-size": "1.5rem",
+      "margin-block-end": 0,
+      "margin-block-start": 0
+    },
+    "heading-5": {
+      "color": "#154273",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-weight": 700,
+      "line-height": "125%",
+      "font-size": "1.25rem",
+      "margin-block-end": 0,
+      "margin-block-start": 0
+    },
     "form-label": {
       "color": "#0F172A",
       "font-size": "1.25rem",
@@ -1268,6 +1365,21 @@
         "border-inline-start-width": "0px"
       }
     },
+    "number-badge": {
+      "font-size": "1.25rem",
+      "line-height": "150%",
+      "min-block-size": "24px",
+      "min-inline-size": "24px",
+      "font-weight": 700,
+      "border-width": "0px",
+      "border-radius": "999px",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "background-color": "#154273",
+      "border-color": "transparent",
+      "color": "#fff",
+      "padding-inline": "0.5rem",
+      "padding-block": "0.5rem"
+    },
     "checkbox": {
       "border-radius": "2.5px",
       "size": "24px",
@@ -1732,7 +1844,7 @@
       "outline-style": "solid",
       "outline-width": "2px",
       "inverse": {
-        "outline-color": "transparant"
+        "outline-color": "#fff"
       }
     }
   },
@@ -1788,6 +1900,40 @@
         "line-height": "150%"
       }
     },
+    "link": {
+      "color": "#01689b",
+      "text-decoration-color": "#01689b",
+      "active": {
+        "color": "#42145f",
+        "text-decoration": "None"
+      },
+      "focus": {
+        "background-color": "transparent",
+        "color": "#01689b",
+        "text-decoration": "None",
+        "text-decoration-thickness": "auto"
+      },
+      "hover": {
+        "color": "#01496c",
+        "text-decoration": "None",
+        "text-decoration-thickness": "auto"
+      },
+      "visited": {
+        "color": "#42145f"
+      },
+      "text-decoration": "underline",
+      "icon": {
+        "inset-block-start": "0.25rem",
+        "size": "24px"
+      },
+      "column-gap": "0.25rem",
+      "text-decoration-thickness": "auto",
+      "text-underline-offset": "0.125rem",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-weight": 400,
+      "font-size": "1.25rem",
+      "line-height": "150%"
+    },
     "heading-level-1": {
       "color": "#154273",
       "font-family": "Fira Sans, Arial, Verdana, sans-serif",