@utrecht/design-tokens 2.2.0 → 2.4.0

package/dist/dark/tokens.cjs

@@ -2090,6 +2090,7 @@ module.exports = {
         }
       }
     },
+    "alternate-lang-nav": {},
     "article": {
       "max-inline-size": {
         "$extensions": {
@@ -2590,31 +2591,6 @@ module.exports = {
         ]
       }
     },
-    "badge-data": {
-      "letter-spacing": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "letterSpacing"
-      },
-      "text-transform": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": [
-              "inherit",
-              "uppercase"
-            ],
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "textCase"
-      }
-    },
     "badge-list": {
       "row-gap": {
         "$extensions": {
@@ -2720,7 +2696,7 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": false
           },
           "type": "color",
-          "value": "{utrecht.color.grey.30}"
+          "value": "{nl.data-badge.background-color}"
         },
         "name": "background-color",
         "attributes": {},
@@ -2759,7 +2735,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "0"
+          "value": "{nl.data-badge.border-radius}"
         },
         "name": "border-radius",
         "attributes": {},
@@ -2792,7 +2768,7 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": false
           },
           "type": "color",
-          "value": "{utrecht.color.white}"
+          "value": "{nl.data-badge.color}"
         },
         "name": "color",
         "attributes": {},
@@ -2864,7 +2840,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "{utrecht.space.block.xs}"
+          "value": "{nl.data-badge.padding-block}"
         },
         "name": "padding-block",
         "attributes": {},
@@ -2903,7 +2879,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "{utrecht.space.inline.sm}"
+          "value": "{nl.data-badge.padding-inline}"
         },
         "name": "padding-inline",
         "attributes": {},
@@ -3390,6 +3366,51 @@ module.exports = {
         ]
       }
     },
+    "body": {
+      "font-family": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "*",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "type": "fontFamilies"
+      },
+      "font-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "type": "fontSizes"
+      },
+      "font-weight": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<number>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": [
+              "<length>",
+              "<number>"
+            ],
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "type": "lineHeights"
+      }
+    },
     "breadcrumb-nav": {
       "min-block-size": {
         "$extensions": {
@@ -10297,7 +10318,7 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color",
-          "value": "{utrecht.color.grey.95}"
+          "value": "{nl.code-block.background-color}"
         },
         "name": "background-color",
         "attributes": {},
@@ -10328,7 +10349,7 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color",
-          "value": "{utrecht.color.black}"
+          "value": "{nl.code-block.color}"
         },
         "name": "color",
         "attributes": {},
@@ -10344,9 +10365,36 @@ module.exports = {
             "syntax": "*",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true
+          "nl.nldesignsystem.figma.supports-token": true,
+          "studio.tokens": {
+            "originalType": "fontFamilies"
+          }
         },
-        "type": "fontFamilies"
+        "type": "fontFamily",
+        "value": "\"Monaco\"",
+        "filePath": "src/component/utrecht/code-block.tokens.json",
+        "isSource": true,
+        "original": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "*",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true,
+            "studio.tokens": {
+              "originalType": "fontFamilies"
+            }
+          },
+          "type": "fontFamily",
+          "value": "{nl.code-block.font-family}"
+        },
+        "name": "font-family",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "code-block",
+          "font-family"
+        ]
       },
       "font-size": {
         "$extensions": {
@@ -10375,7 +10423,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.md.font-size}"
+          "value": "{nl.code-block.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -10418,7 +10466,7 @@ module.exports = {
             }
           },
           "type": "lineHeight",
-          "value": "{utrecht.typography.line-height.md}"
+          "value": "{nl.code-block.line-height}"
         },
         "name": "line-height",
         "attributes": {},
@@ -10549,7 +10597,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "20px"
+          "value": "{nl.code-block.padding-block}"
         },
         "name": "padding-block-start",
         "attributes": {},
@@ -10586,7 +10634,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "20px"
+          "value": "{nl.code-block.padding-block}"
         },
         "name": "padding-block-end",
         "attributes": {},
@@ -10623,7 +10671,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "20px"
+          "value": "{nl.code-block.padding-inline}"
         },
         "name": "padding-inline-start",
         "attributes": {},
@@ -10660,7 +10708,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "20px"
+          "value": "{nl.code-block.padding-inline}"
         },
         "name": "padding-inline-end",
         "attributes": {},
@@ -10978,6 +11026,20 @@ module.exports = {
         }
       }
     },
+    "combobox": {
+      "popover": {
+        "z-index": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<number>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "other"
+        }
+      }
+    },
     "action": {
       "activate": {
         "cursor": {
@@ -14144,6 +14206,126 @@ module.exports = {
       }
     },
     "currency-data": {},
+    "data-badge": {
+      "background-color": {
+        "comment": "Default background color for badge components",
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
+      "border-radius": {
+        "comment": "Default corner radius for badge components",
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length-percentage>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "borderRadius"
+      },
+      "border-width": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "borderWidth"
+      },
+      "color": {
+        "comment": "Default text color for badge components",
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
+      "font-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "fontSizes"
+      },
+      "font-weight": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<number>",
+            "inherits": true
+          },
+          "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"
+      },
+      "min-block-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "sizing"
+      },
+      "min-inline-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "sizing"
+      },
+      "padding-block": {
+        "comment": "Default block padding for badge components",
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "spacing"
+      },
+      "padding-inline": {
+        "comment": "Default inline padding color for badge components",
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "spacing"
+      }
+    },
     "data-list": {
       "margin-block-end": {
         "$extensions": {
@@ -18372,7 +18554,7 @@ module.exports = {
             }
           },
           "type": "fontFamily",
-          "value": "{utrecht.typography.sans-serif.font-family}"
+          "value": "{nl.heading.level-1.font-family}"
         },
         "name": "font-family",
         "attributes": {},
@@ -18409,7 +18591,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.4xl.font-size}"
+          "value": "{nl.heading.level-1.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -18452,7 +18634,7 @@ module.exports = {
             }
           },
           "type": "fontWeight",
-          "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+          "value": "{nl.heading.level-1.font-weight}"
         },
         "name": "font-weight",
         "attributes": {},
@@ -18495,7 +18677,7 @@ module.exports = {
             }
           },
           "type": "lineHeight",
-          "value": "{utrecht.typography.line-height.sm}"
+          "value": "{nl.heading.level-1.line-height}"
         },
         "name": "line-height",
         "attributes": {},
@@ -18631,7 +18813,7 @@ module.exports = {
             }
           },
           "type": "fontFamily",
-          "value": "{utrecht.typography.sans-serif.font-family}"
+          "value": "{nl.heading.level-2.font-family}"
         },
         "name": "font-family",
         "attributes": {},
@@ -18668,7 +18850,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.xl.font-size}"
+          "value": "{nl.heading.level-2.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -18711,7 +18893,7 @@ module.exports = {
             }
           },
           "type": "fontWeight",
-          "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+          "value": "{nl.heading.level-2.font-weight}"
         },
         "name": "font-weight",
         "attributes": {},
@@ -18754,7 +18936,7 @@ module.exports = {
             }
           },
           "type": "lineHeight",
-          "value": "{utrecht.typography.line-height.sm}"
+          "value": "{nl.heading.level-2.line-height}"
         },
         "name": "line-height",
         "attributes": {},
@@ -18890,7 +19072,7 @@ module.exports = {
             }
           },
           "type": "fontFamily",
-          "value": "{utrecht.typography.sans-serif.font-family}"
+          "value": "{nl.heading.level-3.font-family}"
         },
         "name": "font-family",
         "attributes": {},
@@ -18927,7 +19109,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.xl.font-size}"
+          "value": "{nl.heading.level-3.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -18970,7 +19152,7 @@ module.exports = {
             }
           },
           "type": "fontWeight",
-          "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+          "value": "{nl.heading.level-3.font-weight}"
         },
         "name": "font-weight",
         "attributes": {},
@@ -19013,7 +19195,7 @@ module.exports = {
             }
           },
           "type": "lineHeight",
-          "value": "{utrecht.typography.line-height.sm}"
+          "value": "{nl.heading.level-3.line-height}"
         },
         "name": "line-height",
         "attributes": {},
@@ -19149,7 +19331,7 @@ module.exports = {
             }
           },
           "type": "fontFamily",
-          "value": "{utrecht.typography.sans-serif.font-family}"
+          "value": "{nl.heading.level-4.font-family}"
         },
         "name": "font-family",
         "attributes": {},
@@ -19186,7 +19368,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.lg.font-size}"
+          "value": "{nl.heading.level-4.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -19229,7 +19411,7 @@ module.exports = {
             }
           },
           "type": "fontWeight",
-          "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+          "value": "{nl.heading.level-4.font-weight}"
         },
         "name": "font-weight",
         "attributes": {},
@@ -19272,7 +19454,7 @@ module.exports = {
             }
           },
           "type": "lineHeight",
-          "value": "{utrecht.typography.line-height.md}"
+          "value": "{nl.heading.level-4.line-height}"
         },
         "name": "line-height",
         "attributes": {},
@@ -19408,7 +19590,7 @@ module.exports = {
             }
           },
           "type": "fontFamily",
-          "value": "{utrecht.typography.sans-serif.font-family}"
+          "value": "{nl.heading.level-5.font-family}"
         },
         "name": "font-family",
         "attributes": {},
@@ -19445,7 +19627,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.sm.font-size}"
+          "value": "{nl.heading.level-5.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -19488,7 +19670,7 @@ module.exports = {
             }
           },
           "type": "fontWeight",
-          "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+          "value": "{nl.heading.level-5.font-weight}"
         },
         "name": "font-weight",
         "attributes": {},
@@ -19531,7 +19713,7 @@ module.exports = {
             }
           },
           "type": "lineHeight",
-          "value": "{utrecht.typography.line-height.md}"
+          "value": "{nl.heading.level-5.line-height}"
         },
         "name": "line-height",
         "attributes": {},
@@ -19666,7 +19848,7 @@ module.exports = {
             }
           },
           "type": "fontFamily",
-          "value": "{utrecht.typography.sans-serif.font-family}"
+          "value": "{nl.heading.level-6.font-family}"
         },
         "name": "font-family",
         "attributes": {},
@@ -19703,7 +19885,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.sm.font-size}"
+          "value": "{nl.heading.level-6.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -19746,7 +19928,7 @@ module.exports = {
             }
           },
           "type": "fontWeight",
-          "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+          "value": "{nl.heading.level-6.font-weight}"
         },
         "name": "font-weight",
         "attributes": {},
@@ -19789,7 +19971,7 @@ module.exports = {
             }
           },
           "type": "lineHeight",
-          "value": "{utrecht.typography.line-height.md}"
+          "value": "{nl.heading.level-6.line-height}"
         },
         "name": "line-height",
         "attributes": {},
@@ -19901,6 +20083,7 @@ module.exports = {
         ]
       }
     },
+    "html-content": {},
     "iban-data": {},
     "icon": {
       "color": {
@@ -23136,7 +23319,7 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color",
-          "value": "{utrecht.color.yellow.60}"
+          "value": "{nl.mark.background-color}"
         },
         "name": "background-color",
         "attributes": {},
@@ -23167,7 +23350,7 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color",
-          "value": "{utrecht.color.black}"
+          "value": "{nl.mark.color}"
         },
         "name": "color",
         "attributes": {},
@@ -23243,6 +23426,26 @@ module.exports = {
         ]
       },
       "content": {
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
         "max-inline-size": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
@@ -23820,7 +24023,7 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color",
-          "value": "{utrecht.color.red.40}"
+          "value": "{nl.number-badge.background-color}"
         },
         "name": "background-color",
         "attributes": {},
@@ -23876,7 +24079,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "{utrecht.number-badge.font-size}"
+          "value": "{nl.number-badge.border-radius}"
         },
         "name": "border-radius",
         "attributes": {},
@@ -23928,7 +24131,7 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color",
-          "value": "{utrecht.color.white}"
+          "value": "{nl.number-badge.color}"
         },
         "name": "color",
         "attributes": {},
@@ -23985,7 +24188,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.md.font-size}"
+          "value": "{nl.number-badge.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -24078,7 +24281,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "1ex"
+          "value": "{nl.number-badge.padding-block}"
         },
         "name": "padding-block",
         "attributes": {},
@@ -24123,7 +24326,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "1ex"
+          "value": "{nl.number-badge.padding-inline}"
         },
         "name": "padding-inline",
         "attributes": {},
@@ -24506,6 +24709,90 @@ module.exports = {
         }
       }
     },
+    "page-body": {
+      "background-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
+      "color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
+      "content": {
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
+        "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-inine-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        }
+      }
+    },
     "page-content": {
       "padding-block-start": {
         "$extensions": {
@@ -24843,6 +25130,68 @@ module.exports = {
           "page-footer",
           "padding-block-start"
         ]
+      },
+      "content": {
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
+        "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"
+        },
+        "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"
+        }
       }
     },
     "page-header": {
@@ -24856,6 +25205,16 @@ module.exports = {
         },
         "type": "color"
       },
+      "border-block-end-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
       "color": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
@@ -25013,8 +25372,71 @@ module.exports = {
           "page-header",
           "padding-inline-end"
         ]
+      },
+      "content": {
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
+        "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"
+        }
       }
     },
+    "page-layout": {},
     "page": {
       "background-color": {
         "value": "hsl(0 0% 15%)",
@@ -26657,7 +27079,7 @@ module.exports = {
             }
           },
           "type": "fontFamily",
-          "value": "{utrecht.typography.sans-serif.font-family}"
+          "value": "{nl.paragraph.font-family}"
         },
         "name": "font-family",
         "attributes": {},
@@ -26700,7 +27122,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.md.font-size}"
+          "value": "{nl.paragraph.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -26737,7 +27159,7 @@ module.exports = {
             }
           },
           "type": "fontWeight",
-          "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+          "value": "{nl.paragraph.font-weight}"
         },
         "name": "font-weight",
         "attributes": {},
@@ -26786,7 +27208,7 @@ module.exports = {
             }
           },
           "type": "lineHeight",
-          "value": "{utrecht.typography.line-height.md}"
+          "value": "{nl.paragraph.line-height}"
         },
         "name": "line-height",
         "attributes": {},
@@ -26883,33 +27305,7 @@ module.exports = {
             ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "color",
-          "value": "hsl(0 0% 95%)",
-          "filePath": "src/component/utrecht/paragraph.tokens.json",
-          "isSource": true,
-          "original": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.fallback": [
-                "utrecht.paragraph.color",
-                "utrecht.document.color"
-              ],
-              "nl.nldesignsystem.figma.supports-token": true
-            },
-            "type": "color",
-            "value": "{utrecht.document.color}"
-          },
-          "name": "color",
-          "attributes": {},
-          "path": [
-            "utrecht",
-            "paragraph",
-            "lead",
-            "color"
-          ]
+          "type": "color"
         },
         "font-size": {
           "$extensions": {
@@ -26946,7 +27342,7 @@ module.exports = {
               }
             },
             "type": "fontSize",
-            "value": "{utrecht.typography.scale.xl.font-size}"
+            "value": "{nl.paragraph.lead.font-size}"
           },
           "name": "font-size",
           "attributes": {},
@@ -26992,7 +27388,7 @@ module.exports = {
               }
             },
             "type": "fontWeight",
-            "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+            "value": "{nl.paragraph.lead.font-weight}"
           },
           "name": "font-weight",
           "attributes": {},
@@ -27044,7 +27440,7 @@ module.exports = {
               }
             },
             "type": "lineHeight",
-            "value": "{utrecht.typography.line-height.md}"
+            "value": "{nl.paragraph.lead.line-height}"
           },
           "name": "line-height",
           "attributes": {},
@@ -28573,6 +28969,38 @@ module.exports = {
         }
       }
     },
+    "root": {
+      "background-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
+      "color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
+      "font-family": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "*",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "fontFamilies"
+      }
+    },
     "search-bar": {
       "button": {
         "background-color": {
@@ -30293,7 +30721,7 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color",
-          "value": "{utrecht.topnav.list.background-color}"
+          "value": "{nl.skip-link.background-color}"
         },
         "name": "background-color",
         "attributes": {},
@@ -30324,7 +30752,7 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color",
-          "value": "{utrecht.topnav.link.color}"
+          "value": "{nl.skip-link.color}"
         },
         "name": "color",
         "attributes": {},
@@ -30381,7 +30809,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "{utrecht.button.padding-block-start}"
+          "value": "{nl.skip-link.padding-block}"
         },
         "name": "padding-block-start",
         "attributes": {},
@@ -30418,7 +30846,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "{utrecht.button.padding-block-end}"
+          "value": "{nl.skip-link.padding-block}"
         },
         "name": "padding-block-end",
         "attributes": {},
@@ -30455,7 +30883,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "{utrecht.button.padding-inline-start}"
+          "value": "{nl.skip-link.padding-inline}"
         },
         "name": "padding-inline-start",
         "attributes": {},
@@ -30492,7 +30920,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "{utrecht.button.padding-inline-end}"
+          "value": "{nl.skip-link.padding-inline}"
         },
         "name": "padding-inline-end",
         "attributes": {},
@@ -30531,7 +30959,7 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "textDecoration",
-          "value": "{utrecht.link.text-decoration}"
+          "value": "{nl.skip-link.text-decoration}"
         },
         "name": "text-decoration",
         "attributes": {},
@@ -30580,7 +31008,7 @@ module.exports = {
               "nl.nldesignsystem.redirect": "utrecht.skip-link.focus-visible.background-color"
             },
             "type": "color",
-            "value": "{utrecht.topnav.link.focus.background-color}"
+            "value": "{nl.skip-link.focus-visible.background-color}"
           },
           "name": "background-color",
           "attributes": {},
@@ -30616,7 +31044,7 @@ module.exports = {
               "nl.nldesignsystem.redirect": "utrecht.skip-link.focus-visible.color"
             },
             "type": "color",
-            "value": "{utrecht.topnav.link.focus.color}"
+            "value": "{nl.skip-link.focus-visible.color}"
           },
           "name": "color",
           "attributes": {},
@@ -30694,7 +31122,7 @@ module.exports = {
               "nl.nldesignsystem.figma.supports-token": true
             },
             "type": "textDecoration",
-            "value": "{utrecht.link.focus-visible.text-decoration}"
+            "value": "{nl.skip-link.focus-visible.text-decoration}"
           },
           "name": "text-decoration",
           "attributes": {},
@@ -37463,6 +37891,1003 @@ module.exports = {
       }
     }
   },
+  "nl": {
+    "code-block": {
+      "background-color": {
+        "value": "hsl(0 0% 95%)",
+        "filePath": "src/component/nl/code-block.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.color.grey.95}"
+        },
+        "name": "background-color",
+        "attributes": {},
+        "path": [
+          "nl",
+          "code-block",
+          "background-color"
+        ]
+      },
+      "color": {
+        "value": "hsl(0 0% 0%)",
+        "filePath": "src/component/nl/code-block.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.color.black}"
+        },
+        "name": "color",
+        "attributes": {},
+        "path": [
+          "nl",
+          "code-block",
+          "color"
+        ]
+      },
+      "font-family": {
+        "value": "\"Monaco\"",
+        "filePath": "src/component/nl/code-block.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "\"Monaco\""
+        },
+        "name": "font-family",
+        "attributes": {},
+        "path": [
+          "nl",
+          "code-block",
+          "font-family"
+        ]
+      },
+      "font-size": {
+        "value": "1rem",
+        "filePath": "src/component/nl/code-block.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.typography.scale.md.font-size}"
+        },
+        "name": "font-size",
+        "attributes": {},
+        "path": [
+          "nl",
+          "code-block",
+          "font-size"
+        ]
+      },
+      "line-height": {
+        "value": "1.5",
+        "filePath": "src/component/nl/code-block.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.typography.line-height.md}"
+        },
+        "name": "line-height",
+        "attributes": {},
+        "path": [
+          "nl",
+          "code-block",
+          "line-height"
+        ]
+      },
+      "padding-block": {
+        "value": "20px",
+        "filePath": "src/component/nl/code-block.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "20px"
+        },
+        "name": "padding-block",
+        "attributes": {},
+        "path": [
+          "nl",
+          "code-block",
+          "padding-block"
+        ]
+      },
+      "padding-inline": {
+        "value": "20px",
+        "filePath": "src/component/nl/code-block.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "20px"
+        },
+        "name": "padding-inline",
+        "attributes": {},
+        "path": [
+          "nl",
+          "code-block",
+          "padding-inline"
+        ]
+      }
+    },
+    "code": {
+      "background-color": {},
+      "color": {},
+      "font-family": {},
+      "font-size": {},
+      "line-height": {}
+    },
+    "data-badge": {
+      "background-color": {
+        "value": "hsl(0 0% 30%)",
+        "filePath": "src/component/nl/data-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.color.grey.30}"
+        },
+        "name": "background-color",
+        "attributes": {},
+        "path": [
+          "nl",
+          "data-badge",
+          "background-color"
+        ]
+      },
+      "border-radius": {
+        "value": "0",
+        "filePath": "src/component/nl/data-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0"
+        },
+        "name": "border-radius",
+        "attributes": {},
+        "path": [
+          "nl",
+          "data-badge",
+          "border-radius"
+        ]
+      },
+      "color": {
+        "value": "hsl(0 0% 100%)",
+        "filePath": "src/component/nl/data-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.color.white}"
+        },
+        "name": "color",
+        "attributes": {},
+        "path": [
+          "nl",
+          "data-badge",
+          "color"
+        ]
+      },
+      "font-weight": {},
+      "padding-block": {
+        "value": "8px",
+        "filePath": "src/component/nl/data-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.space.block.xs}"
+        },
+        "name": "padding-block",
+        "attributes": {},
+        "path": [
+          "nl",
+          "data-badge",
+          "padding-block"
+        ]
+      },
+      "padding-inline": {
+        "value": "12px",
+        "filePath": "src/component/nl/data-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.space.inline.sm}"
+        },
+        "name": "padding-inline",
+        "attributes": {},
+        "path": [
+          "nl",
+          "data-badge",
+          "padding-inline"
+        ]
+      }
+    },
+    "heading": {
+      "level-1": {
+        "color": {},
+        "font-family": {
+          "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.sans-serif.font-family}"
+          },
+          "name": "font-family",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-1",
+            "font-family"
+          ]
+        },
+        "font-size": {
+          "value": "2rem",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.scale.4xl.font-size}"
+          },
+          "name": "font-size",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-1",
+            "font-size"
+          ]
+        },
+        "font-weight": {
+          "value": "700",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+          },
+          "name": "font-weight",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-1",
+            "font-weight"
+          ]
+        },
+        "line-height": {
+          "value": "1.25",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.line-height.sm}"
+          },
+          "name": "line-height",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-1",
+            "line-height"
+          ]
+        }
+      },
+      "level-2": {
+        "color": {},
+        "font-family": {
+          "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.sans-serif.font-family}"
+          },
+          "name": "font-family",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-2",
+            "font-family"
+          ]
+        },
+        "font-size": {
+          "value": "1.25rem",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.scale.xl.font-size}"
+          },
+          "name": "font-size",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-2",
+            "font-size"
+          ]
+        },
+        "font-weight": {
+          "value": "700",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+          },
+          "name": "font-weight",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-2",
+            "font-weight"
+          ]
+        },
+        "line-height": {
+          "value": "1.25",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.line-height.sm}"
+          },
+          "name": "line-height",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-2",
+            "line-height"
+          ]
+        }
+      },
+      "level-3": {
+        "color": {},
+        "font-family": {
+          "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.sans-serif.font-family}"
+          },
+          "name": "font-family",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-3",
+            "font-family"
+          ]
+        },
+        "font-size": {
+          "value": "1.25rem",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.scale.xl.font-size}"
+          },
+          "name": "font-size",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-3",
+            "font-size"
+          ]
+        },
+        "font-weight": {
+          "value": "400",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+          },
+          "name": "font-weight",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-3",
+            "font-weight"
+          ]
+        },
+        "line-height": {
+          "value": "1.25",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.line-height.sm}"
+          },
+          "name": "line-height",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-3",
+            "line-height"
+          ]
+        }
+      },
+      "level-4": {
+        "color": {},
+        "font-family": {
+          "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.sans-serif.font-family}"
+          },
+          "name": "font-family",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-4",
+            "font-family"
+          ]
+        },
+        "font-size": {
+          "value": "1.125rem",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.scale.lg.font-size}"
+          },
+          "name": "font-size",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-4",
+            "font-size"
+          ]
+        },
+        "font-weight": {
+          "value": "400",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+          },
+          "name": "font-weight",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-4",
+            "font-weight"
+          ]
+        },
+        "line-height": {
+          "value": "1.5",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.line-height.md}"
+          },
+          "name": "line-height",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-4",
+            "line-height"
+          ]
+        }
+      },
+      "level-5": {
+        "color": {},
+        "font-family": {
+          "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.sans-serif.font-family}"
+          },
+          "name": "font-family",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-5",
+            "font-family"
+          ]
+        },
+        "font-size": {
+          "value": "0.875rem",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.scale.sm.font-size}"
+          },
+          "name": "font-size",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-5",
+            "font-size"
+          ]
+        },
+        "font-weight": {
+          "value": "400",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+          },
+          "name": "font-weight",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-5",
+            "font-weight"
+          ]
+        },
+        "line-height": {
+          "value": "1.5",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.line-height.md}"
+          },
+          "name": "line-height",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-5",
+            "line-height"
+          ]
+        }
+      },
+      "level-6": {
+        "color": {},
+        "font-family": {
+          "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.sans-serif.font-family}"
+          },
+          "name": "font-family",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-6",
+            "font-family"
+          ]
+        },
+        "font-size": {
+          "value": "0.875rem",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.scale.sm.font-size}"
+          },
+          "name": "font-size",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-6",
+            "font-size"
+          ]
+        },
+        "font-weight": {
+          "value": "400",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+          },
+          "name": "font-weight",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-6",
+            "font-weight"
+          ]
+        },
+        "line-height": {
+          "value": "1.5",
+          "filePath": "src/component/nl/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.line-height.md}"
+          },
+          "name": "line-height",
+          "attributes": {},
+          "path": [
+            "nl",
+            "heading",
+            "level-6",
+            "line-height"
+          ]
+        }
+      }
+    },
+    "mark": {
+      "background-color": {
+        "value": "hsl(48 100% 60%)",
+        "filePath": "src/component/nl/mark.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.color.yellow.60}"
+        },
+        "name": "background-color",
+        "attributes": {},
+        "path": [
+          "nl",
+          "mark",
+          "background-color"
+        ]
+      },
+      "color": {
+        "value": "hsl(0 0% 0%)",
+        "filePath": "src/component/nl/mark.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.color.black}"
+        },
+        "name": "color",
+        "attributes": {},
+        "path": [
+          "nl",
+          "mark",
+          "color"
+        ]
+      }
+    },
+    "number-badge": {
+      "background-color": {
+        "value": "hsl(0 100% 40%)",
+        "filePath": "src/component/nl/number-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.color.red.40}"
+        },
+        "name": "background-color",
+        "attributes": {},
+        "path": [
+          "nl",
+          "number-badge",
+          "background-color"
+        ]
+      },
+      "border-radius": {
+        "value": "1rem",
+        "filePath": "src/component/nl/number-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{nl.number-badge.font-size}"
+        },
+        "name": "border-radius",
+        "attributes": {},
+        "path": [
+          "nl",
+          "number-badge",
+          "border-radius"
+        ]
+      },
+      "color": {
+        "value": "hsl(0 0% 100%)",
+        "filePath": "src/component/nl/number-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.color.white}"
+        },
+        "name": "color",
+        "attributes": {},
+        "path": [
+          "nl",
+          "number-badge",
+          "color"
+        ]
+      },
+      "font-size": {
+        "value": "1rem",
+        "filePath": "src/component/nl/number-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.typography.scale.md.font-size}"
+        },
+        "name": "font-size",
+        "attributes": {},
+        "path": [
+          "nl",
+          "number-badge",
+          "font-size"
+        ]
+      },
+      "font-weight": {},
+      "padding-block": {
+        "value": "1ex",
+        "filePath": "src/component/nl/number-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "1ex"
+        },
+        "name": "padding-block",
+        "attributes": {},
+        "path": [
+          "nl",
+          "number-badge",
+          "padding-block"
+        ]
+      },
+      "padding-inline": {
+        "value": "1ex",
+        "filePath": "src/component/nl/number-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "1ex"
+        },
+        "name": "padding-inline",
+        "attributes": {},
+        "path": [
+          "nl",
+          "number-badge",
+          "padding-inline"
+        ]
+      }
+    },
+    "paragraph": {
+      "color": {},
+      "font-family": {
+        "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+        "filePath": "src/component/nl/paragraph.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.typography.sans-serif.font-family}"
+        },
+        "name": "font-family",
+        "attributes": {},
+        "path": [
+          "nl",
+          "paragraph",
+          "font-family"
+        ]
+      },
+      "font-size": {
+        "value": "1rem",
+        "filePath": "src/component/nl/paragraph.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.typography.scale.md.font-size}"
+        },
+        "name": "font-size",
+        "attributes": {},
+        "path": [
+          "nl",
+          "paragraph",
+          "font-size"
+        ]
+      },
+      "font-weight": {
+        "value": "400",
+        "filePath": "src/component/nl/paragraph.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+        },
+        "name": "font-weight",
+        "attributes": {},
+        "path": [
+          "nl",
+          "paragraph",
+          "font-weight"
+        ]
+      },
+      "line-height": {
+        "value": "1.5",
+        "filePath": "src/component/nl/paragraph.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.typography.line-height.md}"
+        },
+        "name": "line-height",
+        "attributes": {},
+        "path": [
+          "nl",
+          "paragraph",
+          "line-height"
+        ]
+      },
+      "lead": {
+        "color": {
+          "value": "hsl(0 0% 95%)",
+          "filePath": "src/component/nl/paragraph.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.document.color}"
+          },
+          "name": "color",
+          "attributes": {},
+          "path": [
+            "nl",
+            "paragraph",
+            "lead",
+            "color"
+          ]
+        },
+        "font-size": {
+          "value": "1.25rem",
+          "filePath": "src/component/nl/paragraph.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.scale.xl.font-size}"
+          },
+          "name": "font-size",
+          "attributes": {},
+          "path": [
+            "nl",
+            "paragraph",
+            "lead",
+            "font-size"
+          ]
+        },
+        "font-weight": {
+          "value": "400",
+          "filePath": "src/component/nl/paragraph.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+          },
+          "name": "font-weight",
+          "attributes": {},
+          "path": [
+            "nl",
+            "paragraph",
+            "lead",
+            "font-weight"
+          ]
+        },
+        "line-height": {
+          "value": "1.5",
+          "filePath": "src/component/nl/paragraph.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.line-height.md}"
+          },
+          "name": "line-height",
+          "attributes": {},
+          "path": [
+            "nl",
+            "paragraph",
+            "lead",
+            "line-height"
+          ]
+        }
+      },
+      "small": {
+        "font-size": {
+          "value": "0.875rem",
+          "filePath": "src/component/nl/paragraph.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.typography.scale.sm.font-size}"
+          },
+          "name": "font-size",
+          "attributes": {},
+          "path": [
+            "nl",
+            "paragraph",
+            "small",
+            "font-size"
+          ]
+        }
+      }
+    },
+    "skip-link": {
+      "background-color": {
+        "value": "hsl(0 0% 15%)",
+        "filePath": "src/component/nl/skip-link.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.topnav.list.background-color}"
+        },
+        "name": "background-color",
+        "attributes": {},
+        "path": [
+          "nl",
+          "skip-link",
+          "background-color"
+        ]
+      },
+      "color": {
+        "value": "hsl(0 0% 100%)",
+        "filePath": "src/component/nl/skip-link.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.topnav.link.color}"
+        },
+        "name": "color",
+        "attributes": {},
+        "path": [
+          "nl",
+          "skip-link",
+          "color"
+        ]
+      },
+      "padding-block": {
+        "value": "8px",
+        "filePath": "src/component/nl/skip-link.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.button.padding-block-start}"
+        },
+        "name": "padding-block",
+        "attributes": {},
+        "path": [
+          "nl",
+          "skip-link",
+          "padding-block"
+        ]
+      },
+      "padding-inline": {
+        "value": "16px",
+        "filePath": "src/component/nl/skip-link.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.button.padding-inline-start}"
+        },
+        "name": "padding-inline",
+        "attributes": {},
+        "path": [
+          "nl",
+          "skip-link",
+          "padding-inline"
+        ]
+      },
+      "text-decoration": {
+        "value": "underline",
+        "filePath": "src/component/nl/skip-link.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.link.text-decoration}"
+        },
+        "name": "text-decoration",
+        "attributes": {},
+        "path": [
+          "nl",
+          "skip-link",
+          "text-decoration"
+        ]
+      },
+      "focus-visible": {
+        "color": {
+          "value": "hsl(0 0% 0%)",
+          "filePath": "src/component/nl/skip-link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.topnav.link.focus.color}"
+          },
+          "name": "color",
+          "attributes": {},
+          "path": [
+            "nl",
+            "skip-link",
+            "focus-visible",
+            "color"
+          ]
+        },
+        "background-color": {
+          "value": "hsl(48 100% 80%)",
+          "filePath": "src/component/nl/skip-link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.topnav.link.focus.background-color}"
+          },
+          "name": "background-color",
+          "attributes": {},
+          "path": [
+            "nl",
+            "skip-link",
+            "focus-visible",
+            "background-color"
+          ]
+        },
+        "text-decoration": {
+          "value": "none",
+          "filePath": "src/component/nl/skip-link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.link.focus-visible.text-decoration}"
+          },
+          "name": "text-decoration",
+          "attributes": {},
+          "path": [
+            "nl",
+            "skip-link",
+            "focus-visible",
+            "text-decoration"
+          ]
+        }
+      }
+    }
+  },
   "of": {
     "layout": {
       "background": {