@conduction/theme 1.0.41 → 1.0.43

package/municipalities/noordwijk-design-tokens/dist/index.json

@@ -1112,6 +1112,741 @@
       "page-hover-text-decoration-thickness"
     ]
   },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.white.100}"
+    },
+    "name": "conductionPrimaryTopNavBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "background-color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#2c2276",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.blue.30}"
+    },
+    "name": "conductionPrimaryTopNavColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "color"
+    ]
+  },
+  {
+    "value": "unset",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "unset"
+    },
+    "name": "conductionPrimaryTopNavCurrentBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "current",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "current",
+      "background-color"
+    ]
+  },
+  {
+    "value": "inset 0 -4px #6096c7",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "inset 0 -4px {noordwijk.color.light-blue.58}"
+    },
+    "name": "conductionPrimaryTopNavCurrentBoxShadow",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "current",
+      "state": "box-shadow"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "current",
+      "box-shadow"
+    ]
+  },
+  {
+    "value": "#2c2276",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.blue.30}"
+    },
+    "name": "conductionPrimaryTopNavCurrentColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "current",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "current",
+      "color"
+    ]
+  },
+  {
+    "value": "inset 4px 0 #6096c7",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "inset 4px 0 {noordwijk.color.light-blue.58}"
+    },
+    "name": "conductionPrimaryTopNavCurrentMobileBoxShadow",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "current",
+      "state": "mobile"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "current",
+      "mobile",
+      "box-shadow"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.white.100}"
+    },
+    "name": "conductionPrimaryTopNavDropdownBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "dropdown",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "dropdown",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#212529",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.black.15}"
+    },
+    "name": "conductionPrimaryTopNavDropdownColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "dropdown",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "dropdown",
+      "color"
+    ]
+  },
+  {
+    "value": "#f2f7fa",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.light-blue.96}"
+    },
+    "name": "conductionPrimaryTopNavDropdownHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "dropdown",
+      "state": "hover"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "dropdown",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "none",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "none"
+    },
+    "name": "conductionPrimaryTopNavDropdownHoverBoxShadow",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "dropdown",
+      "state": "hover"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "dropdown",
+      "hover",
+      "box-shadow"
+    ]
+  },
+  {
+    "value": "#212529",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.black.15}"
+    },
+    "name": "conductionPrimaryTopNavDropdownHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "dropdown",
+      "state": "hover"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "dropdown",
+      "hover",
+      "color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.white.100}"
+    },
+    "name": "conductionPrimaryTopNavHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "hover",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "inset 0 -4px #6096c7",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "inset 0 -4px {noordwijk.color.light-blue.58}"
+    },
+    "name": "conductionPrimaryTopNavHoverBoxShadow",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "hover",
+      "state": "box-shadow"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "hover",
+      "box-shadow"
+    ]
+  },
+  {
+    "value": "#2c2276",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.blue.30}"
+    },
+    "name": "conductionPrimaryTopNavHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "hover",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "hover",
+      "color"
+    ]
+  },
+  {
+    "value": "18px",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "18px"
+    },
+    "name": "conductionPrimaryTopNavItemPadding",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "item",
+      "state": "padding"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "item",
+      "padding"
+    ]
+  },
+  {
+    "value": "16px",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "16px"
+    },
+    "name": "conductionPrimaryTopNavPaddingBlockEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "padding-block-end"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "padding-block-end"
+    ]
+  },
+  {
+    "value": "16px",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "16px"
+    },
+    "name": "conductionPrimaryTopNavPaddingBlockStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "padding-block-start"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "padding-block-start"
+    ]
+  },
+  {
+    "value": "16px",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "16px"
+    },
+    "name": "conductionPrimaryTopNavPaddingInlineEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "padding-inline-end"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "padding-inline-end"
+    ]
+  },
+  {
+    "value": "16px",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "16px"
+    },
+    "name": "conductionPrimaryTopNavPaddingInlineStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "padding-inline-start"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "padding-inline-start"
+    ]
+  },
+  {
+    "value": "transparent",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "transparent"
+    },
+    "name": "conductionSecondaryTopNavBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "background-color"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#2c2276",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.blue.30}"
+    },
+    "name": "conductionSecondaryTopNavColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "color"
+    ]
+  },
+  {
+    "value": "unset",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "unset"
+    },
+    "name": "conductionSecondaryTopNavCurrentBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "current",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "current",
+      "background-color"
+    ]
+  },
+  {
+    "value": "inset 0 -4px #2c2276",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "inset 0 -4px {noordwijk.color.primary}"
+    },
+    "name": "conductionSecondaryTopNavCurrentBoxShadow",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "current",
+      "state": "box-shadow"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "current",
+      "box-shadow"
+    ]
+  },
+  {
+    "value": "#2c2276",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.blue.30}"
+    },
+    "name": "conductionSecondaryTopNavCurrentColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "current",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "current",
+      "color"
+    ]
+  },
+  {
+    "value": "16px",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.font-size.md}"
+    },
+    "name": "conductionSecondaryTopNavFontSize",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "font-size"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "font-size"
+    ]
+  },
+  {
+    "value": "400",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "400"
+    },
+    "name": "conductionSecondaryTopNavFontWeight",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "font-weight"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "transparent",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "transparent"
+    },
+    "name": "conductionSecondaryTopNavHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "hover",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#212529",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.black.15}"
+    },
+    "name": "conductionSecondaryTopNavHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "hover",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "hover",
+      "color"
+    ]
+  },
+  {
+    "value": "18px",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "18px"
+    },
+    "name": "conductionSecondaryTopNavItemPadding",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "item",
+      "state": "padding"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "item",
+      "padding"
+    ]
+  },
+  {
+    "value": "16px",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "16px"
+    },
+    "name": "conductionSecondaryTopNavPaddingBlockEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "padding-block-end"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "padding-block-end"
+    ]
+  },
+  {
+    "value": "16px",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "16px"
+    },
+    "name": "conductionSecondaryTopNavPaddingBlockStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "padding-block-start"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "padding-block-start"
+    ]
+  },
+  {
+    "value": "16px",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "16px"
+    },
+    "name": "conductionSecondaryTopNavPaddingInlineEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "padding-inline-end"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "padding-inline-end"
+    ]
+  },
+  {
+    "value": "16px",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "16px"
+    },
+    "name": "conductionSecondaryTopNavPaddingInlineStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "padding-inline-start"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "padding-inline-start"
+    ]
+  },
   {
     "value": "#ffffff",
     "filePath": "src/component/conduction/table-wrapper.tokens.json",
@@ -2128,6 +2863,27 @@
       "0"
     ]
   },
+  {
+    "value": "#212529",
+    "filePath": "src/brand/noordwijk/color.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "#212529"
+    },
+    "name": "noordwijkColorBlack15",
+    "attributes": {
+      "category": "noordwijk",
+      "type": "color",
+      "item": "black",
+      "subitem": "15"
+    },
+    "path": [
+      "noordwijk",
+      "color",
+      "black",
+      "15"
+    ]
+  },
   {
     "value": "#16113b",
     "filePath": "src/brand/noordwijk/color.tokens.json",
@@ -4054,15 +4810,15 @@
     "original": {
       "value": "{noordwijk.color.light-blue.46}"
     },
-    "name": "utrechtBreadcrumbBackgroundColor",
+    "name": "utrechtBreadcrumbNavBackgroundColor",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "background-color"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "background-color"
     ]
   },
@@ -4073,15 +4829,15 @@
     "original": {
       "value": "{noordwijk.typography.roboto-slab.font-family}"
     },
-    "name": "utrechtBreadcrumbFontFamily",
+    "name": "utrechtBreadcrumbNavFontFamily",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "font-family"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "font-family"
     ]
   },
@@ -4092,15 +4848,15 @@
     "original": {
       "value": "{noordwijk.font-size.sm}"
     },
-    "name": "utrechtBreadcrumbFontSize",
+    "name": "utrechtBreadcrumbNavFontSize",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "font-size"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "font-size"
     ]
   },
@@ -4111,16 +4867,16 @@
     "original": {
       "value": "{noordwijk.color.white.100}"
     },
-    "name": "utrechtBreadcrumbLinkColor",
+    "name": "utrechtBreadcrumbNavLinkColor",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "link",
       "subitem": "color"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "link",
       "color"
     ]
@@ -4132,17 +4888,17 @@
     "original": {
       "value": "{noordwijk.color.white.100}"
     },
-    "name": "utrechtBreadcrumbLinkCurrentColor",
+    "name": "utrechtBreadcrumbNavLinkCurrentColor",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "link",
       "subitem": "current",
       "state": "color"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "link",
       "current",
       "color"
@@ -4155,17 +4911,17 @@
     "original": {
       "value": "{noordwijk.color.white.100}"
     },
-    "name": "utrechtBreadcrumbLinkDisabledColor",
+    "name": "utrechtBreadcrumbNavLinkDisabledColor",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "link",
       "subitem": "disabled",
       "state": "color"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "link",
       "disabled",
       "color"
@@ -4178,17 +4934,17 @@
     "original": {
       "value": "{noordwijk.color.white.100}"
     },
-    "name": "utrechtBreadcrumbLinkHoverColor",
+    "name": "utrechtBreadcrumbNavLinkHoverColor",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "link",
       "subitem": "hover",
       "state": "color"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "link",
       "hover",
       "color"
@@ -4201,15 +4957,15 @@
     "original": {
       "value": "12px"
     },
-    "name": "utrechtBreadcrumbPaddingBlockEnd",
+    "name": "utrechtBreadcrumbNavPaddingBlockEnd",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "padding-block-end"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "padding-block-end"
     ]
   },
@@ -4220,15 +4976,15 @@
     "original": {
       "value": "12px"
     },
-    "name": "utrechtBreadcrumbPaddingBlockStart",
+    "name": "utrechtBreadcrumbNavPaddingBlockStart",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "padding-block-start"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "padding-block-start"
     ]
   },
@@ -4239,15 +4995,15 @@
     "original": {
       "value": "0"
     },
-    "name": "utrechtBreadcrumbPaddingInlineEnd",
+    "name": "utrechtBreadcrumbNavPaddingInlineEnd",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "padding-inline-end"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "padding-inline-end"
     ]
   },
@@ -4258,15 +5014,15 @@
     "original": {
       "value": "0"
     },
-    "name": "utrechtBreadcrumbPaddingInlineStart",
+    "name": "utrechtBreadcrumbNavPaddingInlineStart",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "padding-inline-start"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "padding-inline-start"
     ]
   },
@@ -4277,19 +5033,17 @@
     "original": {
       "value": "{noordwijk.color.white.100}"
     },
-    "name": "utrechtBreadcrumbSeparatorIconColor",
+    "name": "utrechtBreadcrumbNavSeparatorColor",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "separator",
-      "subitem": "icon",
-      "state": "color"
+      "subitem": "color"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "separator",
-      "icon",
       "color"
     ]
   },
@@ -4300,17 +5054,17 @@
     "original": {
       "value": "{noordwijk.font-size.sm}"
     },
-    "name": "utrechtBreadcrumbSeparatorIconSize",
+    "name": "utrechtBreadcrumbNavSeparatorIconSize",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "separator",
       "subitem": "icon",
       "state": "size"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "separator",
       "icon",
       "size"
@@ -6976,6 +7730,82 @@
       "margin-block-start"
     ]
   },
+  {
+    "value": "1px",
+    "filePath": "src/component/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.size.4xs}"
+    },
+    "name": "utrechtSeparatorBlockSize",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "block-size"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "block-size"
+    ]
+  },
+  {
+    "value": "#f5f5f5",
+    "filePath": "src/component/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.lightgrey.96}"
+    },
+    "name": "utrechtSeparatorColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "color"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "color"
+    ]
+  },
+  {
+    "value": "0px",
+    "filePath": "src/component/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "utrechtSeparatorMarginBlockEnd",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "margin-block-end"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "margin-block-end"
+    ]
+  },
+  {
+    "value": "0px",
+    "filePath": "src/component/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "utrechtSeparatorMarginBlockStart",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "margin-block-start"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "margin-block-start"
+    ]
+  },
   {
     "value": "48px",
     "filePath": "src/common/utrecht/space.tokens.json",