@utrecht/design-tokens 3.2.0 → 3.4.0

package/dist/tokens.cjs

@@ -1205,6 +1205,80 @@ module.exports = {
         }
       }
     },
+    "action-group": {
+      "background-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "type": "color"
+      },
+      "column-gap": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "comment": "'column-gap', for lack of a better existing property.",
+        "type": "spacing"
+      },
+      "margin-block-end": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "spacing"
+      },
+      "margin-block-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "spacing"
+      },
+      "padding-block-end": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "type": "spacing"
+      },
+      "padding-block-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "type": "spacing"
+      },
+      "row-gap": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "comment": "'row-gap', for lack of a better existing property.",
+        "type": "spacing"
+      }
+    },
     "alert-dialog": {
       "margin-block-start": {
         "$extensions": {
@@ -4503,29 +4577,34 @@ module.exports = {
             ]
           }
         },
-        "background-color": {},
-        "text-decoration": {
-          "value": "none",
-          "filePath": "src/component/utrecht/breadcrumb-nav.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "none"
-          },
-          "name": "text-decoration",
-          "attributes": {},
-          "path": [
-            "utrecht",
-            "breadcrumb-nav",
-            "link",
-            "text-decoration"
-          ]
-        },
         "icon": {
           "size": {
+            "$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": "size",
@@ -4538,6 +4617,23 @@ module.exports = {
               "size"
             ]
           }
+        },
+        "background-color": {},
+        "text-decoration": {
+          "value": "none",
+          "filePath": "src/component/utrecht/breadcrumb-nav.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "none"
+          },
+          "name": "text-decoration",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "breadcrumb-nav",
+            "link",
+            "text-decoration"
+          ]
         }
       },
       "separator": {
@@ -4749,7 +4845,9 @@ module.exports = {
             "syntax": "<color>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true
+          "nl.nldesignsystem.figma.supports-token": true,
+          "nl.nldesignsystem.deprecated": true,
+          "nl.nldesignsystem.redirect": "utrecht.action-group.background-color"
         },
         "type": "color"
       },
@@ -4759,7 +4857,9 @@ module.exports = {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true
+          "nl.nldesignsystem.figma.supports-token": true,
+          "nl.nldesignsystem.deprecated": true,
+          "nl.nldesignsystem.redirect": "utrecht.action-group.column-gap"
         },
         "comment": "'column-gap', for lack of a better existing property.",
         "type": "spacing"
@@ -4770,7 +4870,9 @@ module.exports = {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "nl.nldesignsystem.figma.supports-token": false,
+          "nl.nldesignsystem.deprecated": true,
+          "nl.nldesignsystem.redirect": "utrecht.action-group.margin-block-end"
         },
         "type": "spacing"
       },
@@ -4780,7 +4882,9 @@ module.exports = {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "nl.nldesignsystem.figma.supports-token": false,
+          "nl.nldesignsystem.deprecated": true,
+          "nl.nldesignsystem.redirect": "utrecht.action-group.margin-block-start"
         },
         "type": "spacing"
       },
@@ -4790,7 +4894,9 @@ module.exports = {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true
+          "nl.nldesignsystem.figma.supports-token": true,
+          "nl.nldesignsystem.deprecated": true,
+          "nl.nldesignsystem.redirect": "utrecht.action-group.padding-block-end"
         },
         "type": "spacing"
       },
@@ -4800,7 +4906,9 @@ module.exports = {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true
+          "nl.nldesignsystem.figma.supports-token": true,
+          "nl.nldesignsystem.deprecated": true,
+          "nl.nldesignsystem.redirect": "utrecht.action-group.padding-block-start"
         },
         "type": "spacing"
       },
@@ -4810,7 +4918,9 @@ module.exports = {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true
+          "nl.nldesignsystem.figma.supports-token": true,
+          "nl.nldesignsystem.deprecated": true,
+          "nl.nldesignsystem.redirect": "utrecht.action-group.row-gap"
         },
         "comment": "'row-gap', for lack of a better existing property.",
         "type": "spacing"
@@ -16838,6 +16948,26 @@ module.exports = {
         },
         "type": "spacing"
       },
+      "margin-inline-end": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "spacing"
+      },
+      "margin-inline-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "spacing"
+      },
       "caption": {
         "color": {
           "$extensions": {
@@ -16950,6 +17080,7 @@ module.exports = {
       }
     },
     "flex-wrap-fallback": {},
+    "utrecht-flolegal-decision-tree-container": {},
     "focus": {
       "background-color": {
         "$extensions": {
@@ -21870,6 +22001,46 @@ module.exports = {
             "inset-block-start"
           ]
         }
+      },
+      "custom": {
+        "margin-inline-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.inline.xs}"
+          },
+          "name": "margin-inline-end",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "icon",
+            "custom",
+            "margin-inline-end"
+          ]
+        }
       }
     },
     "image": {},
@@ -25773,6 +25944,2042 @@ module.exports = {
         }
       }
     },
+    "navigation": {
+      "border-block-end-color": {
+        "$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": "border-block-end-color",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "navigation",
+          "border-block-end-color"
+        ]
+      },
+      "border-block-end-width": {
+        "$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": "border-block-end-width",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "navigation",
+          "border-block-end-width"
+        ]
+      },
+      "border-block-start-color": {
+        "$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": "border-block-start-color",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "navigation",
+          "border-block-start-color"
+        ]
+      },
+      "border-block-start-width": {
+        "$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": "border-block-start-width",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "navigation",
+          "border-block-start-width"
+        ]
+      },
+      "margin-block-end": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "length"
+      },
+      "margin-block-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "length"
+      },
+      "drawer": {
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
+        "mobile": {
+          "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": "min-inline-size",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "drawer",
+              "mobile",
+              "min-inline-size"
+            ]
+          }
+        },
+        "backdrop": {
+          "background-color": {
+            "value": "rgb(0 0 0 / 30%)",
+            "filePath": "src/component/utrecht/navigation.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "rgb(0 0 0 / 30%)"
+            },
+            "name": "background-color",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "drawer",
+              "backdrop",
+              "background-color"
+            ]
+          }
+        },
+        "min-inline-size": {
+          "value": "100%",
+          "filePath": "src/component/utrecht/navigation.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "100%"
+          },
+          "name": "min-inline-size",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "drawer",
+            "min-inline-size"
+          ]
+        }
+      },
+      "item": {
+        "padding-block-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "padding-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "padding-inline-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "padding-inline-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "border-block-end-color": {
+          "$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": "border-block-end-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "item",
+            "border-block-end-color"
+          ]
+        },
+        "border-block-end-width": {
+          "$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": "border-block-end-width",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "item",
+            "border-block-end-width"
+          ]
+        },
+        "border-block-start-color": {
+          "$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": "border-block-start-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "item",
+            "border-block-start-color"
+          ]
+        },
+        "border-block-start-width": {
+          "$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": "border-block-start-width",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "item",
+            "border-block-start-width"
+          ]
+        },
+        "mobile": {
+          "padding-block-start": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "spacing"
+          },
+          "padding-block-end": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "spacing"
+          },
+          "padding-inline-start": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "spacing"
+          },
+          "padding-inline-end": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "spacing"
+          },
+          "border-block-end-color": {
+            "$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": "border-block-end-color",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "item",
+              "mobile",
+              "border-block-end-color"
+            ]
+          },
+          "border-block-end-width": {
+            "$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": "border-block-end-width",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "item",
+              "mobile",
+              "border-block-end-width"
+            ]
+          },
+          "border-block-start-color": {
+            "$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": "border-block-start-color",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "item",
+              "mobile",
+              "border-block-start-color"
+            ]
+          },
+          "border-block-start-width": {
+            "$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": "border-block-start-width",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "item",
+              "mobile",
+              "border-block-start-width"
+            ]
+          }
+        }
+      },
+      "link": {
+        "active": {
+          "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": "color",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "active",
+              "color"
+            ]
+          },
+          "focus": {
+            "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": "color",
+              "attributes": {},
+              "path": [
+                "utrecht",
+                "navigation",
+                "link",
+                "active",
+                "focus",
+                "color"
+              ]
+            }
+          }
+        },
+        "background-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": "background-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "link",
+            "background-color"
+          ]
+        },
+        "border-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": "border-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "link",
+            "border-color"
+          ]
+        },
+        "border-inline-end-width": {
+          "$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": "border-inline-end-width",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "link",
+            "border-inline-end-width"
+          ]
+        },
+        "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": "color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "link",
+            "color"
+          ]
+        },
+        "focus": {
+          "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": "color",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "focus",
+              "color"
+            ]
+          },
+          "text-decoration-thickness": {
+            "$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": "text-decoration-thickness",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "focus",
+              "text-decoration-thickness"
+            ]
+          },
+          "background-color": {
+            "value": "hsl(48 100% 80%)",
+            "filePath": "src/component/utrecht/navigation.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{utrecht.color.yellow.80}"
+            },
+            "name": "background-color",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "focus",
+              "background-color"
+            ]
+          }
+        },
+        "font-weight": {
+          "$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": "font-weight",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "link",
+            "font-weight"
+          ]
+        },
+        "gap": {
+          "$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": "gap",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "link",
+            "gap"
+          ]
+        },
+        "hover": {
+          "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": "background-color",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "hover",
+              "background-color"
+            ]
+          },
+          "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": "color",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "hover",
+              "color"
+            ]
+          },
+          "decoration-thickness": {
+            "$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": "decoration-thickness",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "hover",
+              "decoration-thickness"
+            ]
+          }
+        },
+        "is-current": {
+          "font-weight": {
+            "$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": "font-weight",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "is-current",
+              "font-weight"
+            ]
+          }
+        },
+        "mobile": {
+          "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": "background-color",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "mobile",
+              "background-color"
+            ]
+          },
+          "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": "color",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "mobile",
+              "color"
+            ]
+          },
+          "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": "background-color",
+              "attributes": {},
+              "path": [
+                "utrecht",
+                "navigation",
+                "link",
+                "mobile",
+                "hover",
+                "background-color"
+              ]
+            },
+            "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": "color",
+              "attributes": {},
+              "path": [
+                "utrecht",
+                "navigation",
+                "link",
+                "mobile",
+                "hover",
+                "color"
+              ]
+            },
+            "font-weight": {
+              "$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": "font-weight",
+              "attributes": {},
+              "path": [
+                "utrecht",
+                "navigation",
+                "link",
+                "mobile",
+                "hover",
+                "font-weight"
+              ]
+            }
+          },
+          "justify-content": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "*",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "other"
+          },
+          "min-block-size": {
+            "$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": "min-block-size",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "mobile",
+              "min-block-size"
+            ]
+          },
+          "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": "padding-block-end",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "mobile",
+              "padding-block-end"
+            ]
+          },
+          "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": "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": "padding-block-start",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "mobile",
+              "padding-block-start"
+            ]
+          },
+          "padding-inline-end": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "spacing"
+          },
+          "padding-inline-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": "padding-inline-start",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "mobile",
+              "padding-inline-start"
+            ]
+          },
+          "transition-duration": {
+            "$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": "transition-duration",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "mobile",
+              "transition-duration"
+            ]
+          },
+          "transition-timing-function": {
+            "$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": "transition-timing-function",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "mobile",
+              "transition-timing-function"
+            ]
+          }
+        },
+        "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": "padding-block-end",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "link",
+            "padding-block-end"
+          ]
+        },
+        "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.block.md}"
+          },
+          "name": "padding-block-start",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "link",
+            "padding-block-start"
+          ]
+        },
+        "padding-inline-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "padding-inline-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "text-align": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "*",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "other"
+        }
+      },
+      "list": {
+        "display": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "*",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "other"
+        },
+        "inline-size": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "sizing"
+        },
+        "mobile": {
+          "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": "background-color",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "list",
+              "mobile",
+              "background-color"
+            ]
+          },
+          "inline-size": {
+            "$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": "inline-size",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "list",
+              "mobile",
+              "inline-size"
+            ]
+          },
+          "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": "padding-block-end",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "list",
+              "mobile",
+              "padding-block-end"
+            ]
+          },
+          "padding-block-start": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "spacing"
+          },
+          "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": "padding-inline-end",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "list",
+              "mobile",
+              "padding-inline-end"
+            ]
+          },
+          "padding-inline-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": "padding-inline-start",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "list",
+              "mobile",
+              "padding-inline-start"
+            ]
+          }
+        },
+        "padding-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "padding-block-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "padding-inline-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "padding-inline-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "side-nav": {
+          "inline-size": {
+            "$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": "inline-size",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "list",
+              "side-nav",
+              "inline-size"
+            ]
+          }
+        }
+      },
+      "marker": {
+        "color": {
+          "$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": "color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "marker",
+            "color"
+          ]
+        }
+      },
+      "toggle-button": {
+        "margin-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "margin-block-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "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": "offset-end",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "toggle-button",
+            "offset-end"
+          ]
+        },
+        "offset-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": "16px"
+          },
+          "name": "offset-start",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "toggle-button",
+            "offset-start"
+          ]
+        },
+        "padding-inline-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        }
+      }
+    },
     "number-badge": {
       "background-color": {
         "$extensions": {
@@ -36334,6 +38541,398 @@ module.exports = {
         }
       }
     },
+    "tooltip": {
+      "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/tooltip.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": "background-color",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "tooltip",
+          "background-color"
+        ]
+      },
+      "border-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/tooltip.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": "border-color",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "tooltip",
+          "border-color"
+        ]
+      },
+      "border-radius": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length-percentage>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false,
+          "studio.tokens": {
+            "originalType": "borderRadius"
+          }
+        },
+        "type": "dimension",
+        "value": "0",
+        "filePath": "src/component/utrecht/tooltip.tokens.json",
+        "isSource": true,
+        "original": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length-percentage>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false,
+            "studio.tokens": {
+              "originalType": "borderRadius"
+            }
+          },
+          "type": "dimension",
+          "value": "0"
+        },
+        "name": "border-radius",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "tooltip",
+          "border-radius"
+        ]
+      },
+      "border-width": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false,
+          "studio.tokens": {
+            "originalType": "borderWidth"
+          }
+        },
+        "type": "dimension",
+        "value": "1px",
+        "filePath": "src/component/utrecht/tooltip.tokens.json",
+        "isSource": true,
+        "original": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false,
+            "studio.tokens": {
+              "originalType": "borderWidth"
+            }
+          },
+          "type": "dimension",
+          "value": "1px"
+        },
+        "name": "border-width",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "tooltip",
+          "border-width"
+        ]
+      },
+      "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/tooltip.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": "color",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "tooltip",
+          "color"
+        ]
+      },
+      "font-family": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "*",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false,
+          "studio.tokens": {
+            "originalType": "fontFamilies"
+          }
+        },
+        "type": "fontFamily",
+        "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+        "filePath": "src/component/utrecht/tooltip.tokens.json",
+        "isSource": true,
+        "original": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "*",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false,
+            "studio.tokens": {
+              "originalType": "fontFamilies"
+            }
+          },
+          "type": "fontFamily",
+          "value": "{utrecht.typography.sans-serif.font-family}"
+        },
+        "name": "font-family",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "tooltip",
+          "font-family"
+        ]
+      },
+      "font-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false,
+          "studio.tokens": {
+            "originalType": "fontSizes"
+          }
+        },
+        "type": "fontSize",
+        "value": "1rem",
+        "filePath": "src/component/utrecht/tooltip.tokens.json",
+        "isSource": true,
+        "original": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false,
+            "studio.tokens": {
+              "originalType": "fontSizes"
+            }
+          },
+          "type": "fontSize",
+          "value": "{utrecht.typography.scale.md.font-size}"
+        },
+        "name": "font-size",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "tooltip",
+          "font-size"
+        ]
+      },
+      "font-weight": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<number>",
+            "inherits": false
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": [
+              "<length>",
+              "<number>"
+            ],
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "lineHeights"
+      },
+      "max-inline-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "sizing"
+      },
+      "padding-block": {
+        "$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/tooltip.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": "padding-block",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "tooltip",
+          "padding-block"
+        ]
+      },
+      "padding-inline": {
+        "$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/tooltip.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": "padding-inline",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "tooltip",
+          "padding-inline"
+        ]
+      },
+      "transition-duration": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<time>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "other"
+      },
+      "transition-timing-function": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<time>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "other"
+      },
+      "z-index": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<number>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "other"
+      },
+      "arrow": {
+        "size": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length-percentage>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "sizing"
+        }
+      }
+    },
     "toptask-link": {
       "background-color": {
         "$extensions": {