@utrecht/design-tokens 3.3.0 → 3.4.0

package/dist/dark/index.json

@@ -6302,10 +6302,32 @@
     ]
   },
   {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "sizing"
+      }
+    },
+    "type": "dimension",
     "value": "16px",
     "filePath": "src/component/utrecht/breadcrumb-nav.tokens.json",
     "isSource": true,
     "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "sizing"
+        }
+      },
+      "type": "dimension",
       "value": "{utrecht.icon-scale.md}"
     },
     "name": "utrechtBreadcrumbNavLinkIconSize",
@@ -19089,6 +19111,44 @@
       "inset-block-start"
     ]
   },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "8px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "{utrecht.space.inline.xs}"
+    },
+    "name": "utrechtIconCustomMarginInlineEnd",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "icon",
+      "custom",
+      "margin-inline-end"
+    ]
+  },
   {
     "value": "30px",
     "comment": "Formaat voor marker iconen",
@@ -22201,6 +22261,1744 @@
       "padding-inline-start"
     ]
   },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "transparent",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "transparent"
+    },
+    "name": "utrechtNavigationBorderBlockEndColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "border-block-end-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "length",
+    "value": "0",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "length",
+      "value": "0"
+    },
+    "name": "utrechtNavigationBorderBlockEndWidth",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "border-block-end-width"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "transparent",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "transparent"
+    },
+    "name": "utrechtNavigationBorderBlockStartColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "border-block-start-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "length",
+    "value": "0",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "length",
+      "value": "0"
+    },
+    "name": "utrechtNavigationBorderBlockStartWidth",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "border-block-start-width"
+    ]
+  },
+  {
+    "value": "rgb(0 0 0 / 30%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "rgb(0 0 0 / 30%)"
+    },
+    "name": "utrechtNavigationDrawerBackdropBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "drawer",
+      "backdrop",
+      "background-color"
+    ]
+  },
+  {
+    "value": "100%",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "100%"
+    },
+    "name": "utrechtNavigationDrawerMinInlineSize",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "drawer",
+      "min-inline-size"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "sizing"
+      }
+    },
+    "type": "dimension",
+    "value": "50%",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "sizing"
+        }
+      },
+      "type": "dimension",
+      "value": "50%"
+    },
+    "name": "utrechtNavigationDrawerMobileMinInlineSize",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "drawer",
+      "mobile",
+      "min-inline-size"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "transparent",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "transparent"
+    },
+    "name": "utrechtNavigationItemBorderBlockEndColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "item",
+      "border-block-end-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "length",
+    "value": "0",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "length",
+      "value": "0"
+    },
+    "name": "utrechtNavigationItemBorderBlockEndWidth",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "item",
+      "border-block-end-width"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "transparent",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "transparent"
+    },
+    "name": "utrechtNavigationItemBorderBlockStartColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "item",
+      "border-block-start-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "length",
+    "value": "0",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "length",
+      "value": "0"
+    },
+    "name": "utrechtNavigationItemBorderBlockStartWidth",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "item",
+      "border-block-start-width"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 80%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.grey.80}"
+    },
+    "name": "utrechtNavigationItemMobileBorderBlockEndColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "item",
+      "mobile",
+      "border-block-end-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "length",
+    "value": "1px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "length",
+      "value": "1px"
+    },
+    "name": "utrechtNavigationItemMobileBorderBlockEndWidth",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "item",
+      "mobile",
+      "border-block-end-width"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 80%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.grey.80}"
+    },
+    "name": "utrechtNavigationItemMobileBorderBlockStartColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "item",
+      "mobile",
+      "border-block-start-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "length",
+    "value": "1px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "length",
+      "value": "1px"
+    },
+    "name": "utrechtNavigationItemMobileBorderBlockStartWidth",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "item",
+      "mobile",
+      "border-block-start-width"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.white}"
+    },
+    "name": "utrechtNavigationLinkActiveColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "active",
+      "color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.black}"
+    },
+    "name": "utrechtNavigationLinkActiveFocusColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "active",
+      "focus",
+      "color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 15%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.grey.15}"
+    },
+    "name": "utrechtNavigationLinkBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "background-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 40%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.grey.40}"
+    },
+    "name": "utrechtNavigationLinkBorderColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "border-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "length",
+    "value": "1px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "length",
+      "value": "1px"
+    },
+    "name": "utrechtNavigationLinkBorderInlineEndWidth",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "border-inline-end-width"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.white}"
+    },
+    "name": "utrechtNavigationLinkColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "color"
+    ]
+  },
+  {
+    "value": "hsl(48 100% 80%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.yellow.80}"
+    },
+    "name": "utrechtNavigationLinkFocusBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "focus",
+      "background-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.black}"
+    },
+    "name": "utrechtNavigationLinkFocusColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "focus",
+      "color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "length",
+    "value": "3px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "length",
+      "value": "3px"
+    },
+    "name": "utrechtNavigationLinkFocusTextDecorationThickness",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "focus",
+      "text-decoration-thickness"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<number>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "fontWeight",
+    "value": "400",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<number>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "fontWeight",
+      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+    },
+    "name": "utrechtNavigationLinkFontWeight",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "font-weight"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "8px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "8px"
+    },
+    "name": "utrechtNavigationLinkGap",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "gap"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.black}"
+    },
+    "name": "utrechtNavigationLinkHoverBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.white}"
+    },
+    "name": "utrechtNavigationLinkHoverColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "hover",
+      "color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "length",
+    "value": "3px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "length",
+      "value": "3px"
+    },
+    "name": "utrechtNavigationLinkHoverDecorationThickness",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "hover",
+      "decoration-thickness"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<number>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "fontWeight",
+    "value": "700",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<number>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "fontWeight",
+      "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+    },
+    "name": "utrechtNavigationLinkIsCurrentFontWeight",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "is-current",
+      "font-weight"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.white}"
+    },
+    "name": "utrechtNavigationLinkMobileBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "mobile",
+      "background-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(211 60% 35%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.blue.35}"
+    },
+    "name": "utrechtNavigationLinkMobileColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "mobile",
+      "color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.white}"
+    },
+    "name": "utrechtNavigationLinkMobileHoverBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "mobile",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(211 60% 35%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.blue.35}"
+    },
+    "name": "utrechtNavigationLinkMobileHoverColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "mobile",
+      "hover",
+      "color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<number>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "fontWeight",
+    "value": "700",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<number>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "fontWeight",
+      "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+    },
+    "name": "utrechtNavigationLinkMobileHoverFontWeight",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "mobile",
+      "hover",
+      "font-weight"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "sizing"
+      }
+    },
+    "type": "dimension",
+    "value": "44px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "sizing"
+        }
+      },
+      "type": "dimension",
+      "value": "44px"
+    },
+    "name": "utrechtNavigationLinkMobileMinBlockSize",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "mobile",
+      "min-block-size"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "8px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "{utrecht.space.block.xs}"
+    },
+    "name": "utrechtNavigationLinkMobilePaddingBlockEnd",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "mobile",
+      "padding-block-end"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "8px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "{utrecht.space.block.xs}"
+    },
+    "name": "utrechtNavigationLinkMobilePaddingBlockStart",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "mobile",
+      "padding-block-start"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "16px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "{utrecht.space.inline.md}"
+    },
+    "name": "utrechtNavigationLinkMobilePaddingInlineStart",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "mobile",
+      "padding-inline-start"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<time>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "duration",
+    "value": "300ms",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<time>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "duration",
+      "value": "300ms"
+    },
+    "name": "utrechtNavigationLinkMobileTransitionDuration",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "mobile",
+      "transition-duration"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "*",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "other",
+    "value": "ease-in-out",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "*",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "other",
+      "value": "ease-in-out"
+    },
+    "name": "utrechtNavigationLinkMobileTransitionTimingFunction",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "mobile",
+      "transition-timing-function"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "16px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "{utrecht.space.block.md}"
+    },
+    "name": "utrechtNavigationLinkPaddingBlockEnd",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "padding-block-end"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "16px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "{utrecht.space.block.md}"
+    },
+    "name": "utrechtNavigationLinkPaddingBlockStart",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "padding-block-start"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.white}"
+    },
+    "name": "utrechtNavigationListMobileBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "list",
+      "mobile",
+      "background-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "sizing"
+      }
+    },
+    "type": "dimension",
+    "value": "100%",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "sizing"
+        }
+      },
+      "type": "dimension",
+      "value": "100%"
+    },
+    "name": "utrechtNavigationListMobileInlineSize",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "list",
+      "mobile",
+      "inline-size"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "8px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "{utrecht.space.block.xs}"
+    },
+    "name": "utrechtNavigationListMobilePaddingBlockEnd",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "list",
+      "mobile",
+      "padding-block-end"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "16px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "{utrecht.space.inline.md}"
+    },
+    "name": "utrechtNavigationListMobilePaddingInlineEnd",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "list",
+      "mobile",
+      "padding-inline-end"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "16px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "{utrecht.space.inline.md}"
+    },
+    "name": "utrechtNavigationListMobilePaddingInlineStart",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "list",
+      "mobile",
+      "padding-inline-start"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "sizing"
+      }
+    },
+    "type": "dimension",
+    "value": "100%",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "sizing"
+        }
+      },
+      "type": "dimension",
+      "value": "100%"
+    },
+    "name": "utrechtNavigationListSideNavInlineSize",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "list",
+      "side-nav",
+      "inline-size"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 80%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.grey.80}"
+    },
+    "name": "utrechtNavigationMarkerColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "marker",
+      "color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "16px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "16px"
+    },
+    "name": "utrechtNavigationToggleButtonOffsetEnd",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "toggle-button",
+      "offset-end"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "16px",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "16px"
+    },
+    "name": "utrechtNavigationToggleButtonOffsetStart",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "toggle-button",
+      "offset-start"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {