@conduction/theme 1.0.42 → 1.0.43

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

@@ -1083,6 +1083,787 @@
       "page-hover-text-decoration-thickness"
     ]
   },
+  {
+    "value": "#6780c4",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.blue.59}"
+    },
+    "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": "{noaberkracht.color.white.100}"
+    },
+    "name": "conductionPrimaryTopNavColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "color"
+    ]
+  },
+  {
+    "value": "#6780c4",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.blue.59}"
+    },
+    "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 #f0b800",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "inset 0 -4px {noaberkracht.color.yellow.47}"
+    },
+    "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": "{noaberkracht.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 #f0b800",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "inset 4px 0 {noaberkracht.color.yellow.47}"
+    },
+    "name": "conductionPrimaryTopNavCurrentMobileBoxShadow",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "current",
+      "state": "mobile"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "current",
+      "mobile",
+      "box-shadow"
+    ]
+  },
+  {
+    "value": "#6780c4",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.blue.59}"
+    },
+    "name": "conductionPrimaryTopNavDropdownBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "dropdown",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "dropdown",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#012c9d99",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.blue.31-60t}"
+    },
+    "name": "conductionPrimaryTopNavDropdownBorderColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "dropdown",
+      "state": "border-color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "dropdown",
+      "border-color"
+    ]
+  },
+  {
+    "value": "solid",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "solid"
+    },
+    "name": "conductionPrimaryTopNavDropdownBorderStyle",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "dropdown",
+      "state": "border-style"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "dropdown",
+      "border-style"
+    ]
+  },
+  {
+    "value": "1px",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.size.4xs}"
+    },
+    "name": "conductionPrimaryTopNavDropdownBorderWidth",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "dropdown",
+      "state": "border-width"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "dropdown",
+      "border-width"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.white.100}"
+    },
+    "name": "conductionPrimaryTopNavDropdownColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "dropdown",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "dropdown",
+      "color"
+    ]
+  },
+  {
+    "value": "#6780c4",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.blue.59}"
+    },
+    "name": "conductionPrimaryTopNavDropdownHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "dropdown",
+      "state": "hover"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "dropdown",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "inset 0 -4px #f0b800",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "inset 0 -4px {noaberkracht.color.yellow.47}"
+    },
+    "name": "conductionPrimaryTopNavDropdownHoverBoxShadow",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "dropdown",
+      "state": "hover"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "dropdown",
+      "hover",
+      "box-shadow"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.white.100}"
+    },
+    "name": "conductionPrimaryTopNavDropdownHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "dropdown",
+      "state": "hover"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "dropdown",
+      "hover",
+      "color"
+    ]
+  },
+  {
+    "value": "#6780c4",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.blue.59}"
+    },
+    "name": "conductionPrimaryTopNavHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "hover",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.white.100}"
+    },
+    "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": "{noaberkracht.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": "inset 0 -4px #f0b800",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "inset 0 -4px {noaberkracht.color.yellow.47}"
+    },
+    "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": "{noaberkracht.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": "14px",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.font-size.xs}"
+    },
+    "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": "{noaberkracht.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",
@@ -2226,6 +3007,29 @@
       "31-60t"
     ]
   },
+  {
+    "value": "#6780c4",
+    "comment": "Blue color for over 31-60t color",
+    "filePath": "src/brand/noaberkracht/color.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "#6780c4",
+      "comment": "Blue color for over 31-60t color"
+    },
+    "name": "noaberkrachtColorBlue59",
+    "attributes": {
+      "category": "noaberkracht",
+      "type": "color",
+      "item": "blue",
+      "subitem": "59"
+    },
+    "path": [
+      "noaberkracht",
+      "color",
+      "blue",
+      "59"
+    ]
+  },
   {
     "value": "#dc3545",
     "filePath": "src/brand/noaberkracht/color.tokens.json",
@@ -3891,25 +4695,6 @@
       "margin-inline-start"
     ]
   },
-  {
-    "value": "#ffffff",
-    "filePath": "src/component/utrecht/extra-tokens/breadcrumb.tokens.json",
-    "isSource": true,
-    "original": {
-      "value": "{noaberkracht.color.white.100}"
-    },
-    "name": "utrechtBreadcrumbBackgroundColor",
-    "attributes": {
-      "category": "utrecht",
-      "type": "breadcrumb",
-      "item": "background-color"
-    },
-    "path": [
-      "utrecht",
-      "breadcrumb",
-      "background-color"
-    ]
-  },
   {
     "value": "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\"",
     "filePath": "src/component/utrecht/breadcrumb.tokens.json",
@@ -3917,15 +4702,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"
     ]
   },
@@ -3936,16 +4721,16 @@
     "original": {
       "value": "{noaberkracht.color.yellow.47}"
     },
-    "name": "utrechtBreadcrumbLinkColor",
+    "name": "utrechtBreadcrumbNavLinkColor",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "link",
       "subitem": "color"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "link",
       "color"
     ]
@@ -3957,17 +4742,17 @@
     "original": {
       "value": "{noaberkracht.color.blue.22}"
     },
-    "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"
@@ -3980,17 +4765,17 @@
     "original": {
       "value": "{noaberkracht.color.blue.22}"
     },
-    "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"
@@ -4003,17 +4788,17 @@
     "original": {
       "value": "{noaberkracht.color.yellow.47}"
     },
-    "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"
@@ -4026,15 +4811,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"
     ]
   },
@@ -4045,15 +4830,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"
     ]
   },
@@ -4064,15 +4849,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"
     ]
   },
@@ -4083,38 +4868,36 @@
     "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"
     ]
   },
   {
-    "value": "#000000",
+    "value": "#f0b800",
     "filePath": "src/component/utrecht/breadcrumb.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{noaberkracht.color.black.0}"
+      "value": "{noaberkracht.color.yellow.47}"
     },
-    "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"
     ]
   },
@@ -4125,17 +4908,17 @@
     "original": {
       "value": "{noaberkracht.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"