@conduction/theme 1.0.42 → 1.0.44

package/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json

@@ -55,6 +55,11 @@
           "comment": "Base/Black"
         }
       },
+      "blue": {
+        "27": {
+          "value": "#035688"
+        }
+      },
       "lightblue": {
         "24": {
           "value": "#2c3e50",

package/municipalities/leiden-design-tokens/src/component/conduction/navigation.tokens.json

@@ -0,0 +1,66 @@
+{
+  "conduction": {
+    "primary": {
+      "top-nav": {
+        "color": { "value": "{leiden.color.white.100}" },
+        "background-color": { "value": "{leiden.color.black.9}" },
+        "hover": {
+          "color": { "value": "{leiden.color.blue.27}" },
+          "background-color": { "value": "{leiden.color.black.9}" },
+          "box-shadow": {}
+        },
+        "current": {
+          "color": { "value": "{leiden.color.white.100}" },
+          "background-color": { "value": "{leiden.color.black.9}" },
+          "box-shadow": { "value": "inset 0 -4px {leiden.color.white.100}" },
+          "mobile": {
+            "box-shadow": { "value": "inset 4px 0 {leiden.color.white.100}" }
+          }
+        },
+        "dropdown": {
+          "color": { "value": "{leiden.color.blue.27}" },
+          "background-color": { "value": "{leiden.color.white.100}" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "hover": {
+            "color": { "value": "{leiden.color.black.9}" },
+            "background-color": { "value": "{leiden.color.white.100}" },
+            "box-shadow": {}
+          }
+        },
+        "item": {
+          "padding": { "value": "18px" }
+        },
+        "padding-inline-end": { "value": "16px" },
+        "padding-inline-start": { "value": "16px" },
+        "padding-block-end": { "value": "16px" },
+        "padding-block-start": { "value": "16px" }
+      }
+    },
+    "secondary": {
+      "top-nav": {
+        "color": { "value": "{leiden.color.white.100}" },
+        "background-color": { "value": "transparent" },
+        "hover": {
+          "color": { "value": "{leiden.color.white.100}" },
+          "background-color": { "value": "transparent" }
+        },
+        "current": {
+          "color": { "value": "{leiden.color.white.100}" },
+          "background-color": { "value": "unset" },
+          "box-shadow": { "value": "" }
+        },
+        "font-size": { "value": "{leiden.font-size.md}" },
+        "font-weight": { "value": "400" },
+        "item": {
+          "padding": { "value": "18px" }
+        },
+        "padding-inline-end": { "value": "16px" },
+        "padding-inline-start": { "value": "16px" },
+        "padding-block-end": { "value": "16px" },
+        "padding-block-start": { "value": "16px" }
+      }
+    }
+  }
+}

package/municipalities/leiden-design-tokens/src/component/utrecht/breadcrumb.tokens.json

@@ -1,6 +1,6 @@
 {
   "utrecht": {
-    "breadcrumb": {
+    "breadcrumb-nav": {
       "block-size": {},
       "font-family": { "value": "{utrecht.document.font-family}" },
       "font-size": { "value": "15px" },
@@ -24,9 +24,9 @@
         }
       },
       "separator": {
+        "color": { "value": "{leiden.color.black.9}" },
         "inline-size": {},
         "icon": {
-          "color": { "value": "{leiden.color.black.9}" },
           "size": { "value": "9px" }
         }
       }

package/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json

@@ -1,7 +1,8 @@
 {
   "utrecht": {
-    "breadcrumb": {
+    "breadcrumb-nav": {
       "background-color": { "value": "{leiden.color.lightgrey.89}" },
+      "border-radius": {},
       "padding-inline-start": { "value": "30px" },
       "padding-inline-end": { "value": "30px" },
       "padding-block-start": { "value": "17px" },

package/municipalities/noaberkracht-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 03 Oct 2023 13:22:25 GMT
+ * Generated on Fri, 06 Oct 2023 12:30:12 GMT
  */
 
 .noaberkracht-theme {
@@ -28,6 +28,21 @@
   --conduction-pagination-container-padding-inline-end: 0px;
   --conduction-pagination-container-padding-inline-start: 0px;
   --conduction-pagination-container-background-color: unset;
+  --conduction-secondary-top-nav-padding-block-start: 16px;
+  --conduction-secondary-top-nav-padding-block-end: 16px;
+  --conduction-secondary-top-nav-padding-inline-start: 16px;
+  --conduction-secondary-top-nav-padding-inline-end: 16px;
+  --conduction-secondary-top-nav-item-padding: 18px;
+  --conduction-secondary-top-nav-font-weight: 400;
+  --conduction-secondary-top-nav-current-background-color: unset;
+  --conduction-secondary-top-nav-hover-background-color: transparent;
+  --conduction-secondary-top-nav-background-color: transparent;
+  --conduction-primary-top-nav-padding-block-start: 16px;
+  --conduction-primary-top-nav-padding-block-end: 16px;
+  --conduction-primary-top-nav-padding-inline-start: 16px;
+  --conduction-primary-top-nav-padding-inline-end: 16px;
+  --conduction-primary-top-nav-item-padding: 18px;
+  --conduction-primary-top-nav-dropdown-border-style: solid;
   --conduction-card-wrapper-border-radius: 22px;
   --conduction-card-wrapper-border-style: solid;
   --utrecht-separator-margin-block-start: 0px;
@@ -58,10 +73,10 @@
   --utrecht-button-font-weight: inherit;
   --utrecht-button-font-size: inherit;
   --utrecht-button-border-radius: 9999px;
-  --utrecht-breadcrumb-padding-block-end: 12px;
-  --utrecht-breadcrumb-padding-block-start: 12px;
-  --utrecht-breadcrumb-padding-inline-end: 0;
-  --utrecht-breadcrumb-padding-inline-start: 0;
+  --utrecht-breadcrumb-nav-padding-block-end: 12px;
+  --utrecht-breadcrumb-nav-padding-block-start: 12px;
+  --utrecht-breadcrumb-nav-padding-inline-end: 0;
+  --utrecht-breadcrumb-nav-padding-inline-start: 0;
   --utrecht-badge-counter-text-decoration: none;
   --utrecht-badge-counter-border-radius: 50%;
   --utrecht-action-submit-cursor: pointer;
@@ -85,23 +100,25 @@
   --noaberkracht-size-2xs: 4px;
   --noaberkracht-size-3xs: 2px;
   --noaberkracht-size-4xs: 1px;
-  --noaberkracht-font-size-4xl: 84px;
-  --noaberkracht-font-size-3xl: 72px;
-  --noaberkracht-font-size-2xl: 60px;
-  --noaberkracht-font-size-xl: 48px;
-  --noaberkracht-font-size-lg: 36px;
-  --noaberkracht-font-size-md: 24px;
-  --noaberkracht-font-size-sm: 18px;
-  --noaberkracht-font-size-xs: 14px;
-  --noaberkracht-font-size-2xs: 12px;
-  --noaberkracht-font-size-3xs: 10x;
-  --noaberkracht-font-size-4xs: 8px;
+  --noaberkracht-font-size-5xl: 84px;
+  --noaberkracht-font-size-4xl: 72px;
+  --noaberkracht-font-size-3xl: 60px;
+  --noaberkracht-font-size-2xl: 48px;
+  --noaberkracht-font-size-xl: 36px;
+  --noaberkracht-font-size-lg: 24px;
+  --noaberkracht-font-size-md: 18px;
+  --noaberkracht-font-size-sm: 14px;
+  --noaberkracht-font-size-xs: 12px;
+  --noaberkracht-font-size-2xs: 10x;
+  --noaberkracht-font-size-3xs: 8px;
+  --noaberkracht-font-size-4xs: 5px;
   --noaberkracht-color-black-0: #000000; /* Base/Black */
   --noaberkracht-color-white-100: #ffffff; /* Base/White */
   --noaberkracht-color-white-98: #fafafa;
   --noaberkracht-color-lightgrey-96: #f5f5f5; /* Base/LightGrey */
   --noaberkracht-color-yellow-47: #f0b800; /* Base/Yellow from Huisstijlhandboek, base color of website is #f0af00 */
   --noaberkracht-color-blue-31-60t: #012c9d99; /* Blue with 60% transparency */
+  --noaberkracht-color-blue-59: #6780c4; /* Blue color for over 31-60t color */
   --noaberkracht-color-blue-22: #003790; /* Base/Blue from Huisstijlhandboek, base color of website is #012c9d */
   --noaberkracht-color-alert-info-background: #cce5ff;
   --noaberkracht-color-alert-info: #004085;
@@ -169,6 +186,26 @@
   --conduction-pagination-item-background-color: var(--noaberkracht-color-white-100);
   --conduction-pagination-item-color: var(--noaberkracht-color-black-0);
   --conduction-pagination-item-gap: var(--noaberkracht-size-2xs);
+  --conduction-secondary-top-nav-font-size: var(--noaberkracht-font-size-xs);
+  --conduction-secondary-top-nav-current-box-shadow: inset 0 -4px var(--noaberkracht-color-yellow-47);
+  --conduction-secondary-top-nav-current-color: var(--noaberkracht-color-white-100);
+  --conduction-secondary-top-nav-hover-color: var(--noaberkracht-color-white-100);
+  --conduction-secondary-top-nav-color: var(--noaberkracht-color-white-100);
+  --conduction-primary-top-nav-dropdown-hover-box-shadow: inset 0 -4px var(--noaberkracht-color-yellow-47);
+  --conduction-primary-top-nav-dropdown-hover-background-color: var(--noaberkracht-color-blue-59);
+  --conduction-primary-top-nav-dropdown-hover-color: var(--noaberkracht-color-white-100);
+  --conduction-primary-top-nav-dropdown-border-color: var(--noaberkracht-color-blue-31-60t);
+  --conduction-primary-top-nav-dropdown-border-width: var(--noaberkracht-size-4xs);
+  --conduction-primary-top-nav-dropdown-background-color: var(--noaberkracht-color-blue-59);
+  --conduction-primary-top-nav-dropdown-color: var(--noaberkracht-color-white-100);
+  --conduction-primary-top-nav-current-mobile-box-shadow: inset 4px 0 var(--noaberkracht-color-yellow-47);
+  --conduction-primary-top-nav-current-box-shadow: inset 0 -4px var(--noaberkracht-color-yellow-47);
+  --conduction-primary-top-nav-current-background-color: var(--noaberkracht-color-blue-59);
+  --conduction-primary-top-nav-current-color: var(--noaberkracht-color-white-100);
+  --conduction-primary-top-nav-hover-background-color: var(--noaberkracht-color-blue-59);
+  --conduction-primary-top-nav-hover-color: var(--noaberkracht-color-white-100);
+  --conduction-primary-top-nav-background-color: var(--noaberkracht-color-blue-59);
+  --conduction-primary-top-nav-color: var(--noaberkracht-color-white-100);
   --conduction-card-wrapper-padding-block-start: var(--noaberkracht-size-md);
   --conduction-card-wrapper-padding-block-end: var(--noaberkracht-size-md);
   --conduction-card-wrapper-padding-inline-start: var(--noaberkracht-size-md);
@@ -328,13 +365,12 @@
   --utrecht-button-border-width: var(--noaberkracht-size-3xs);
   --utrecht-button-border-color: var(--noaberkracht-color-yellow-47);
   --utrecht-button-background-color: var(--noaberkracht-color-yellow-47);
-  --utrecht-breadcrumb-background-color: var(--noaberkracht-color-white-100);
-  --utrecht-breadcrumb-separator-icon-size: var(--noaberkracht-font-size-sm);
-  --utrecht-breadcrumb-separator-icon-color: var(--noaberkracht-color-black-0);
-  --utrecht-breadcrumb-link-hover-color: var(--noaberkracht-color-yellow-47);
-  --utrecht-breadcrumb-link-disabled-color: var(--noaberkracht-color-blue-22);
-  --utrecht-breadcrumb-link-current-color: var(--noaberkracht-color-blue-22);
-  --utrecht-breadcrumb-link-color: var(--noaberkracht-color-yellow-47);
+  --utrecht-breadcrumb-nav-separator-icon-size: var(--noaberkracht-font-size-sm);
+  --utrecht-breadcrumb-nav-separator-color: var(--noaberkracht-color-yellow-47);
+  --utrecht-breadcrumb-nav-link-hover-color: var(--noaberkracht-color-yellow-47);
+  --utrecht-breadcrumb-nav-link-disabled-color: var(--noaberkracht-color-blue-22);
+  --utrecht-breadcrumb-nav-link-current-color: var(--noaberkracht-color-blue-22);
+  --utrecht-breadcrumb-nav-link-color: var(--noaberkracht-color-yellow-47);
   --utrecht-blockquote-content-font-size: var(--noaberkracht-font-size-md);
   --utrecht-blockquote-content-color: var(--noaberkracht-color-black-0);
   --utrecht-blockquote-margin-inline-end: var(--noaberkracht-size-xl);
@@ -406,6 +442,6 @@
   --utrecht-table-font-size: var(--utrecht-document-font-size);
   --utrecht-table-font-family: var(--utrecht-document-font-family);
   --utrecht-table-header-color: var(--utrecht-document-color);
-  --utrecht-breadcrumb-font-family: var(--utrecht-document-font-family);
+  --utrecht-breadcrumb-nav-font-family: var(--utrecht-document-font-family);
   --utrecht-badge-counter-font-size: var(--utrecht-document-font-size);
 }

package/municipalities/noaberkracht-design-tokens/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 03 Oct 2023 13:22:25 GMT
+ * Generated on Fri, 06 Oct 2023 12:30:12 GMT
  */
 
 export const noaberkrachtColorPrimary = "#4376fc";
@@ -18,23 +18,25 @@ export const noaberkrachtColorInfo = "#4376fc";
 export const noaberkrachtColorAlertInfo = "#004085";
 export const noaberkrachtColorAlertInfoBackground = "#cce5ff";
 export const noaberkrachtColorBlue22 = "#003790"; // Base/Blue from Huisstijlhandboek, base color of website is #012c9d
+export const noaberkrachtColorBlue59 = "#6780c4"; // Blue color for over 31-60t color
 export const noaberkrachtColorBlue3160t = "#012c9d99"; // Blue with 60% transparency
 export const noaberkrachtColorYellow47 = "#f0b800"; // Base/Yellow from Huisstijlhandboek, base color of website is #f0af00
 export const noaberkrachtColorLightgrey96 = "#f5f5f5"; // Base/LightGrey
 export const noaberkrachtColorWhite98 = "#fafafa";
 export const noaberkrachtColorWhite100 = "#ffffff"; // Base/White
 export const noaberkrachtColorBlack0 = "#000000"; // Base/Black
-export const noaberkrachtFontSize4xs = "8px";
-export const noaberkrachtFontSize3xs = "10x";
-export const noaberkrachtFontSize2xs = "12px";
-export const noaberkrachtFontSizeXs = "14px";
-export const noaberkrachtFontSizeSm = "18px";
-export const noaberkrachtFontSizeMd = "24px";
-export const noaberkrachtFontSizeLg = "36px";
-export const noaberkrachtFontSizeXl = "48px";
-export const noaberkrachtFontSize2xl = "60px";
-export const noaberkrachtFontSize3xl = "72px";
-export const noaberkrachtFontSize4xl = "84px";
+export const noaberkrachtFontSize4xs = "5px";
+export const noaberkrachtFontSize3xs = "8px";
+export const noaberkrachtFontSize2xs = "10x";
+export const noaberkrachtFontSizeXs = "12px";
+export const noaberkrachtFontSizeSm = "14px";
+export const noaberkrachtFontSizeMd = "18px";
+export const noaberkrachtFontSizeLg = "24px";
+export const noaberkrachtFontSizeXl = "36px";
+export const noaberkrachtFontSize2xl = "48px";
+export const noaberkrachtFontSize3xl = "60px";
+export const noaberkrachtFontSize4xl = "72px";
+export const noaberkrachtFontSize5xl = "84px";
 export const noaberkrachtSize4xs = "1px";
 export const noaberkrachtSize3xs = "2px";
 export const noaberkrachtSize2xs = "4px";
@@ -53,17 +55,17 @@ export const noaberkrachtTypographyMonospaceFontFamily = "Monospace, \"Lucida Co
 export const noaberkrachtTypographyFontWeightBold = "700";
 export const noaberkrachtTypographyFontWeightNormal = "400";
 export const noaberkrachtTypographyFontWeightLight = "100";
-export const noaberkrachtTypographyScale4xs = "8px";
-export const noaberkrachtTypographyScale3xs = "10x";
-export const noaberkrachtTypographyScale2xs = "12px";
-export const noaberkrachtTypographyScaleXs = "14px";
-export const noaberkrachtTypographyScaleSm = "18px";
-export const noaberkrachtTypographyScaleMd = "24px";
-export const noaberkrachtTypographyScaleLg = "36px";
-export const noaberkrachtTypographyScaleXl = "48px";
-export const noaberkrachtTypographyScale2xl = "60px";
-export const noaberkrachtTypographyScale3xl = "72px";
-export const noaberkrachtTypographyScale4xl = "84px";
+export const noaberkrachtTypographyScale4xs = "5px";
+export const noaberkrachtTypographyScale3xs = "8px";
+export const noaberkrachtTypographyScale2xs = "10x";
+export const noaberkrachtTypographyScaleXs = "12px";
+export const noaberkrachtTypographyScaleSm = "14px";
+export const noaberkrachtTypographyScaleMd = "18px";
+export const noaberkrachtTypographyScaleLg = "24px";
+export const noaberkrachtTypographyScaleXl = "36px";
+export const noaberkrachtTypographyScale2xl = "48px";
+export const noaberkrachtTypographyScale3xl = "60px";
+export const noaberkrachtTypographyScale4xl = "72px";
 export const utrechtActionBusyCursor = "wait";
 export const utrechtActionDisabledCursor = "not-allowed";
 export const utrechtActionSubmitCursor = "pointer";
@@ -105,7 +107,7 @@ export const utrechtAlertIconGap = "8px";
 export const utrechtBadgeCounterBackgroundColor = "#f0b800";
 export const utrechtBadgeCounterBorderRadius = "50%";
 export const utrechtBadgeCounterColor = "#003790";
-export const utrechtBadgeCounterFontSize = "18px";
+export const utrechtBadgeCounterFontSize = "14px";
 export const utrechtBadgeCounterFontWeight = "400";
 export const utrechtBadgeCounterPaddingBlock = "4px";
 export const utrechtBadgeCounterPaddingInline = "4px";
@@ -114,19 +116,18 @@ export const utrechtBadgeCounterTextDecoration = "none";
 export const utrechtBlockquoteMarginInlineStart = "32px";
 export const utrechtBlockquoteMarginInlineEnd = "32px";
 export const utrechtBlockquoteContentColor = "#000000";
-export const utrechtBlockquoteContentFontSize = "24px";
-export const utrechtBreadcrumbFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
-export const utrechtBreadcrumbLinkColor = "#f0b800";
-export const utrechtBreadcrumbLinkCurrentColor = "#003790";
-export const utrechtBreadcrumbLinkDisabledColor = "#003790";
-export const utrechtBreadcrumbLinkHoverColor = "#f0b800";
-export const utrechtBreadcrumbSeparatorIconColor = "#000000";
-export const utrechtBreadcrumbSeparatorIconSize = "18px";
-export const utrechtBreadcrumbBackgroundColor = "#ffffff";
-export const utrechtBreadcrumbPaddingInlineStart = "0";
-export const utrechtBreadcrumbPaddingInlineEnd = "0";
-export const utrechtBreadcrumbPaddingBlockStart = "12px";
-export const utrechtBreadcrumbPaddingBlockEnd = "12px";
+export const utrechtBlockquoteContentFontSize = "18px";
+export const utrechtBreadcrumbNavFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const utrechtBreadcrumbNavLinkColor = "#f0b800";
+export const utrechtBreadcrumbNavLinkCurrentColor = "#003790";
+export const utrechtBreadcrumbNavLinkDisabledColor = "#003790";
+export const utrechtBreadcrumbNavLinkHoverColor = "#f0b800";
+export const utrechtBreadcrumbNavSeparatorColor = "#f0b800";
+export const utrechtBreadcrumbNavSeparatorIconSize = "14px";
+export const utrechtBreadcrumbNavPaddingInlineStart = "0";
+export const utrechtBreadcrumbNavPaddingInlineEnd = "0";
+export const utrechtBreadcrumbNavPaddingBlockStart = "12px";
+export const utrechtBreadcrumbNavPaddingBlockEnd = "12px";
 export const utrechtButtonBackgroundColor = "#f0b800";
 export const utrechtButtonBorderColor = "#f0b800";
 export const utrechtButtonBorderRadius = "9999px";
@@ -166,7 +167,7 @@ export const utrechtCodeFontSize = "inherit";
 export const utrechtCodeBlockBackgroundColor = "#f5f5f5";
 export const utrechtCodeBlockColor = "#000000";
 export const utrechtCodeBlockFontFamily = "Monospace, \"Lucida Console\"";
-export const utrechtCodeBlockFontSize = "18px";
+export const utrechtCodeBlockFontSize = "14px";
 export const utrechtCodeBlockLineHeight = "24px";
 export const utrechtCodeBlockMarginBlockStart = "18px";
 export const utrechtCodeBlockMarginBlockEnd = "18px";
@@ -179,7 +180,7 @@ export const utrechtCodeBlockPaddingInlineEnd = "18px";
 export const utrechtDocumentBackgroundColor = "#fafafa";
 export const utrechtDocumentColor = "#003790";
 export const utrechtDocumentFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
-export const utrechtDocumentFontSize = "18px";
+export const utrechtDocumentFontSize = "14px";
 export const utrechtFormInputBackgroundColor = "#ffffff";
 export const utrechtFormInputPlaceholderColor = "#003790";
 export const utrechtFormInputFocusBackgroundColor = "#ffffff";
@@ -216,10 +217,10 @@ export const utrechtTableRowBorderBlockEndWidth = "1px";
 export const utrechtTableBorderColor = "#f5f5f5";
 export const utrechtTableBorderWidth = "1px";
 export const utrechtTableFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
-export const utrechtTableFontSize = "18px";
+export const utrechtTableFontSize = "14px";
 export const utrechtTableMarginBlockEnd = 0;
 export const utrechtTableMarginBlockStart = "18px";
-export const utrechtTableHeaderCellFontSize = "18px";
+export const utrechtTableHeaderCellFontSize = "14px";
 export const utrechtTableHeaderCellFontWeight = "700";
 export const utrechtTableHeaderCellColor = "#003790";
 export const utrechtTableHeaderCellTextTransform = "unset";
@@ -242,31 +243,31 @@ export const utrechtTextboxPaddingInlineEnd = "18px";
 export const utrechtTextboxPaddingInlineStart = "18px";
 export const utrechtHeading1Color = "#003790";
 export const utrechtHeading1FontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
-export const utrechtHeading1FontSize = "60px";
+export const utrechtHeading1FontSize = "48px";
 export const utrechtHeading1FontWeight = "700";
 export const utrechtHeading1MarginBlockEnd = "48px";
 export const utrechtHeading1MarginBlockStart = "18px";
 export const utrechtHeading2Color = "#003790";
 export const utrechtHeading2FontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
-export const utrechtHeading2FontSize = "48px";
+export const utrechtHeading2FontSize = "36px";
 export const utrechtHeading2FontWeight = "700";
 export const utrechtHeading2MarginBlockEnd = "48px";
 export const utrechtHeading2MarginBlockStart = "18px";
 export const utrechtHeading3Color = "#003790";
 export const utrechtHeading3FontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
-export const utrechtHeading3FontSize = "36px";
+export const utrechtHeading3FontSize = "24px";
 export const utrechtHeading3FontWeight = "400";
 export const utrechtHeading3MarginBlockEnd = "32px";
 export const utrechtHeading3MarginBlockStart = "18px";
 export const utrechtHeading4Color = "#003790";
 export const utrechtHeading4FontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
-export const utrechtHeading4FontSize = "24px";
+export const utrechtHeading4FontSize = "18px";
 export const utrechtHeading4FontWeight = "400";
 export const utrechtHeading4MarginBlockEnd = "24px";
 export const utrechtHeading4MarginBlockStart = "18px";
 export const utrechtHeading5Color = "#003790";
 export const utrechtHeading5FontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
-export const utrechtHeading5FontSize = "18px";
+export const utrechtHeading5FontSize = "14px";
 export const utrechtHeading5FontWeight = "100";
 export const utrechtHeading5MarginBlockEnd = "24px";
 export const utrechtHeading5MarginBlockStart = "18px";
@@ -279,14 +280,14 @@ export const utrechtLinkHoverColor = "#003790";
 export const utrechtLinkHoverTextDecorationThickness = "1px";
 export const utrechtLinkVisitedColor = "#003790";
 export const utrechtLinkIconSize = "14px";
-export const utrechtOrderedListFontSize = "18px";
+export const utrechtOrderedListFontSize = "14px";
 export const utrechtOrderedListMarginBlockStart = "14px";
 export const utrechtOrderedListMarginBlockEnd = "14px";
 export const utrechtOrderedListPaddingInlineStart = "32px";
 export const utrechtOrderedListItemMarginBlockStart = "4px";
 export const utrechtOrderedListItemMarginBlockEnd = "4px";
 export const utrechtOrderedListItemPaddingInlineStart = "1ch";
-export const utrechtUnorderedListFontSize = "18px";
+export const utrechtUnorderedListFontSize = "14px";
 export const utrechtUnorderedListMarginBlockStart = "18px";
 export const utrechtUnorderedListMarginBlockEnd = 0;
 export const utrechtUnorderedListPaddingInlineStart = "2ch";
@@ -299,7 +300,7 @@ export const utrechtPageMarginInlineEnd = "24px";
 export const utrechtPageMaxInlineSize = "1140px";
 export const utrechtParagraphColor = "#003790";
 export const utrechtParagraphFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
-export const utrechtParagraphFontSize = "18px";
+export const utrechtParagraphFontSize = "14px";
 export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
@@ -312,7 +313,7 @@ export const utrechtSurfaceBackgroundColor = "#ffffff";
 export const conductionCardHeaderColor = "#003790";
 export const conductionCardHeaderTitleColor = "#003790";
 export const conductionCardHeaderDateColor = "#003790";
-export const conductionCardHeaderDateFontSize = "14px";
+export const conductionCardHeaderDateFontSize = "12px";
 export const conductionCardHeaderDateFontWeight = "100";
 export const conductionCardHeaderDateMarginBlockEnd = "8px";
 export const conductionCardWrapperBackgroundColor = "#ffffff";
@@ -325,6 +326,41 @@ export const conductionCardWrapperPaddingInlineEnd = "18px";
 export const conductionCardWrapperPaddingInlineStart = "18px";
 export const conductionCardWrapperPaddingBlockEnd = "18px";
 export const conductionCardWrapperPaddingBlockStart = "18px";
+export const conductionPrimaryTopNavColor = "#ffffff";
+export const conductionPrimaryTopNavBackgroundColor = "#6780c4";
+export const conductionPrimaryTopNavHoverColor = "#ffffff";
+export const conductionPrimaryTopNavHoverBackgroundColor = "#6780c4";
+export const conductionPrimaryTopNavCurrentColor = "#ffffff";
+export const conductionPrimaryTopNavCurrentBackgroundColor = "#6780c4";
+export const conductionPrimaryTopNavCurrentBoxShadow = "inset 0 -4px #f0b800";
+export const conductionPrimaryTopNavCurrentMobileBoxShadow = "inset 4px 0 #f0b800";
+export const conductionPrimaryTopNavDropdownColor = "#ffffff";
+export const conductionPrimaryTopNavDropdownBackgroundColor = "#6780c4";
+export const conductionPrimaryTopNavDropdownBorderWidth = "1px";
+export const conductionPrimaryTopNavDropdownBorderStyle = "solid";
+export const conductionPrimaryTopNavDropdownBorderColor = "#012c9d99";
+export const conductionPrimaryTopNavDropdownHoverColor = "#ffffff";
+export const conductionPrimaryTopNavDropdownHoverBackgroundColor = "#6780c4";
+export const conductionPrimaryTopNavDropdownHoverBoxShadow = "inset 0 -4px #f0b800";
+export const conductionPrimaryTopNavItemPadding = "18px";
+export const conductionPrimaryTopNavPaddingInlineEnd = "16px";
+export const conductionPrimaryTopNavPaddingInlineStart = "16px";
+export const conductionPrimaryTopNavPaddingBlockEnd = "16px";
+export const conductionPrimaryTopNavPaddingBlockStart = "16px";
+export const conductionSecondaryTopNavColor = "#ffffff";
+export const conductionSecondaryTopNavBackgroundColor = "transparent";
+export const conductionSecondaryTopNavHoverColor = "#ffffff";
+export const conductionSecondaryTopNavHoverBackgroundColor = "transparent";
+export const conductionSecondaryTopNavCurrentColor = "#ffffff";
+export const conductionSecondaryTopNavCurrentBackgroundColor = "unset";
+export const conductionSecondaryTopNavCurrentBoxShadow = "inset 0 -4px #f0b800";
+export const conductionSecondaryTopNavFontSize = "12px";
+export const conductionSecondaryTopNavFontWeight = "400";
+export const conductionSecondaryTopNavItemPadding = "18px";
+export const conductionSecondaryTopNavPaddingInlineEnd = "16px";
+export const conductionSecondaryTopNavPaddingInlineStart = "16px";
+export const conductionSecondaryTopNavPaddingBlockEnd = "16px";
+export const conductionSecondaryTopNavPaddingBlockStart = "16px";
 export const conductionPaginationContainerBackgroundColor = "unset";
 export const conductionPaginationContainerPaddingInlineStart = "0px";
 export const conductionPaginationContainerPaddingInlineEnd = "0px";
@@ -338,7 +374,7 @@ export const conductionPaginationItemPaddingInlineStart = "14px";
 export const conductionPaginationItemPaddingInlineEnd = "14px";
 export const conductionPaginationItemPaddingBlockStart = "8px";
 export const conductionPaginationItemPaddingBlockEnd = "8px";
-export const conductionPaginationItemFontSize = "18px";
+export const conductionPaginationItemFontSize = "14px";
 export const conductionPaginationItemFontWeight = "400";
 export const conductionPaginationItemFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
 export const conductionPaginationNavigationButtonPaddingInlineStart = "8px";
@@ -381,7 +417,7 @@ export const conductionTabsTabPaddingBlockStart = "8px";
 export const conductionTabsTabPaddingBlockEnd = "8px";
 export const conductionTabsTabPaddingInlineStart = "14px";
 export const conductionTabsTabPaddingInlineEnd = "14px";
-export const conductionTabsTabFontSize = "18px";
+export const conductionTabsTabFontSize = "14px";
 export const conductionTabsTabFontWeight = "400";
 export const conductionTabsTabFontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
 export const conductionTabsTabMaxWidth = "unset";