@conduction/theme 1.0.41 → 1.0.43

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

@@ -1064,6 +1064,694 @@
       "page-hover-text-decoration-thickness"
     ]
   },
+  {
+    "value": "#0d1921",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.black.9}"
+    },
+    "name": "conductionPrimaryTopNavBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "background-color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.white.100}"
+    },
+    "name": "conductionPrimaryTopNavColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "color"
+    ]
+  },
+  {
+    "value": "#0d1921",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.black.9}"
+    },
+    "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 #ffffff",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "inset 0 -4px {leiden.color.white.100}"
+    },
+    "name": "conductionPrimaryTopNavCurrentBoxShadow",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "current",
+      "state": "box-shadow"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "current",
+      "box-shadow"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.white.100}"
+    },
+    "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 #ffffff",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "inset 4px 0 {leiden.color.white.100}"
+    },
+    "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": "{leiden.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": "#035688",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.blue.27}"
+    },
+    "name": "conductionPrimaryTopNavDropdownColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "dropdown",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "dropdown",
+      "color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.white.100}"
+    },
+    "name": "conductionPrimaryTopNavDropdownHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "dropdown",
+      "state": "hover"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "dropdown",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#0d1921",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.black.9}"
+    },
+    "name": "conductionPrimaryTopNavDropdownHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "dropdown",
+      "state": "hover"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "dropdown",
+      "hover",
+      "color"
+    ]
+  },
+  {
+    "value": "#0d1921",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.black.9}"
+    },
+    "name": "conductionPrimaryTopNavHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "hover",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#035688",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.blue.27}"
+    },
+    "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": "#ffffff",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.white.100}"
+    },
+    "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": "",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": ""
+    },
+    "name": "conductionSecondaryTopNavCurrentBoxShadow",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "current",
+      "state": "box-shadow"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "current",
+      "box-shadow"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.white.100}"
+    },
+    "name": "conductionSecondaryTopNavCurrentColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "current",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "current",
+      "color"
+    ]
+  },
+  {
+    "value": "18px",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.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": "#ffffff",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.white.100}"
+    },
+    "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",
@@ -2401,6 +3089,27 @@
       "9"
     ]
   },
+  {
+    "value": "#035688",
+    "filePath": "src/brand/leiden/color.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "#035688"
+    },
+    "name": "leidenColorBlue27",
+    "attributes": {
+      "category": "leiden",
+      "type": "color",
+      "item": "blue",
+      "subitem": "27"
+    },
+    "path": [
+      "leiden",
+      "color",
+      "blue",
+      "27"
+    ]
+  },
   {
     "value": "#d62410",
     "filePath": "src/brand/leiden/color.tokens.json",
@@ -2548,6 +3257,27 @@
       "89"
     ]
   },
+  {
+    "value": "#c9c9c9",
+    "filePath": "src/brand/leiden/color.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "#c9c9c9"
+    },
+    "name": "leidenColorLightgrey79",
+    "attributes": {
+      "category": "leiden",
+      "type": "color",
+      "item": "lightgrey",
+      "subitem": "79"
+    },
+    "path": [
+      "leiden",
+      "color",
+      "lightgrey",
+      "79"
+    ]
+  },
   {
     "value": "#e4e4e4",
     "comment": "Base/LightGrey",
@@ -4138,15 +4868,15 @@
     "original": {
       "value": "{leiden.color.lightgrey.89}"
     },
-    "name": "utrechtBreadcrumbBackgroundColor",
+    "name": "utrechtBreadcrumbNavBackgroundColor",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "background-color"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "background-color"
     ]
   },
@@ -4157,15 +4887,15 @@
     "original": {
       "value": "{utrecht.document.font-family}"
     },
-    "name": "utrechtBreadcrumbFontFamily",
+    "name": "utrechtBreadcrumbNavFontFamily",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "font-family"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "font-family"
     ]
   },
@@ -4176,15 +4906,15 @@
     "original": {
       "value": "15px"
     },
-    "name": "utrechtBreadcrumbFontSize",
+    "name": "utrechtBreadcrumbNavFontSize",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "font-size"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "font-size"
     ]
   },
@@ -4195,16 +4925,16 @@
     "original": {
       "value": "{leiden.color.black.9}"
     },
-    "name": "utrechtBreadcrumbLinkColor",
+    "name": "utrechtBreadcrumbNavLinkColor",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "link",
       "subitem": "color"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "link",
       "color"
     ]
@@ -4216,17 +4946,17 @@
     "original": {
       "value": "{leiden.color.black.9}"
     },
-    "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"
@@ -4239,17 +4969,17 @@
     "original": {
       "value": "{leiden.color.black.9}"
     },
-    "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"
@@ -4262,17 +4992,17 @@
     "original": {
       "value": "{leiden.color.black.9}"
     },
-    "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"
@@ -4285,15 +5015,15 @@
     "original": {
       "value": "17px"
     },
-    "name": "utrechtBreadcrumbPaddingBlockEnd",
+    "name": "utrechtBreadcrumbNavPaddingBlockEnd",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "padding-block-end"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "padding-block-end"
     ]
   },
@@ -4304,15 +5034,15 @@
     "original": {
       "value": "17px"
     },
-    "name": "utrechtBreadcrumbPaddingBlockStart",
+    "name": "utrechtBreadcrumbNavPaddingBlockStart",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "padding-block-start"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "padding-block-start"
     ]
   },
@@ -4323,15 +5053,15 @@
     "original": {
       "value": "30px"
     },
-    "name": "utrechtBreadcrumbPaddingInlineEnd",
+    "name": "utrechtBreadcrumbNavPaddingInlineEnd",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "padding-inline-end"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "padding-inline-end"
     ]
   },
@@ -4342,15 +5072,15 @@
     "original": {
       "value": "30px"
     },
-    "name": "utrechtBreadcrumbPaddingInlineStart",
+    "name": "utrechtBreadcrumbNavPaddingInlineStart",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "padding-inline-start"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "padding-inline-start"
     ]
   },
@@ -4361,19 +5091,17 @@
     "original": {
       "value": "{leiden.color.black.9}"
     },
-    "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"
     ]
   },
@@ -4384,17 +5112,17 @@
     "original": {
       "value": "9px"
     },
-    "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"
@@ -6919,6 +7647,82 @@
       "margin-block-start"
     ]
   },
+  {
+    "value": "1px",
+    "filePath": "src/component/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.size.4xs}"
+    },
+    "name": "utrechtSeparatorBlockSize",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "block-size"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "block-size"
+    ]
+  },
+  {
+    "value": "#c9c9c9",
+    "filePath": "src/component/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.lightgrey.79}"
+    },
+    "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",