npm - @utrecht/design-tokens - Versions diffs - 2.3.0 → 2.5.0 - Mend

@utrecht/design-tokens 2.3.0 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (83) hide show

package/CHANGELOG.md +21 -0
package/dist/_mixin-theme.scss +165 -76
package/dist/_mixin.scss +165 -76
package/dist/_variables.scss +165 -76
package/dist/dark/_mixin-theme.scss +165 -76
package/dist/dark/_mixin.scss +165 -76
package/dist/dark/_variables.scss +165 -76
package/dist/dark/index.cjs +104 -15
package/dist/dark/index.css +165 -76
package/dist/dark/index.d.ts +97 -8
package/dist/dark/index.flat.json +102 -13
package/dist/dark/index.json +11111 -9439
package/dist/dark/index.mjs +103 -14
package/dist/dark/index.tokens.json +369 -248
package/dist/dark/list.json +11111 -9439
package/dist/dark/list.mjs +11111 -9439
package/dist/dark/property.css +19 -7
package/dist/dark/root.css +164 -75
package/dist/dark/theme-prince-xml.css +165 -76
package/dist/dark/theme.css +164 -75
package/dist/dark/tokens.cjs +2051 -347
package/dist/dark/tokens.d.ts +255 -126
package/dist/dark/tokens.json +2051 -347
package/dist/dark/variables.cjs +104 -15
package/dist/dark/variables.css +164 -75
package/dist/dark/variables.d.ts +97 -8
package/dist/dark/variables.json +102 -13
package/dist/dark/variables.less +165 -76
package/dist/dark/variables.mjs +103 -14
package/dist/index.cjs +104 -15
package/dist/index.css +330 -152
package/dist/index.d.ts +97 -8
package/dist/index.flat.json +102 -13
package/dist/index.json +2175 -503
package/dist/index.mjs +103 -14
package/dist/index.tokens.json +369 -248
package/dist/list.json +2175 -503
package/dist/list.mjs +2175 -503
package/dist/property.css +19 -7
package/dist/root.css +164 -75
package/dist/theme-prince-xml.css +165 -76
package/dist/theme.css +164 -75
package/dist/tokens.cjs +2051 -347
package/dist/tokens.d.ts +255 -126
package/dist/tokens.json +2051 -347
package/dist/variables.cjs +104 -15
package/dist/variables.css +164 -75
package/dist/variables.d.ts +97 -8
package/dist/variables.json +102 -13
package/dist/variables.less +165 -76
package/dist/variables.mjs +103 -14
package/package.json +1 -1
package/src/component/nl/code-block.tokens.json +13 -0
package/src/component/nl/code.tokens.json +11 -0
package/src/component/nl/data-badge.tokens.json +22 -0
package/src/component/nl/heading.tokens.json +48 -0
package/src/component/nl/mark.tokens.json +8 -0
package/src/component/nl/number-badge.tokens.json +23 -0
package/src/component/nl/paragraph.tokens.json +20 -0
package/src/component/nl/skip-link.tokens.json +16 -0
package/src/component/signalen/signalen.tokens.json +17 -0
package/src/component/utrecht/badge.tokens.json +5 -5
package/src/component/utrecht/body.tokens.json +11 -0
package/src/component/utrecht/code-block.tokens.json +9 -9
package/src/component/utrecht/heading-1.tokens.json +4 -4
package/src/component/utrecht/heading-2.tokens.json +4 -4
package/src/component/utrecht/heading-3.tokens.json +4 -4
package/src/component/utrecht/heading-4.tokens.json +4 -4
package/src/component/utrecht/heading-5.tokens.json +4 -4
package/src/component/utrecht/heading-6.tokens.json +4 -4
package/src/component/utrecht/link-list.tokens.json +3 -0
package/src/component/utrecht/mark.tokens.json +2 -2
package/src/component/utrecht/nav-bar.tokens.json +0 -2
package/src/component/utrecht/number-badge.tokens.json +6 -6
package/src/component/utrecht/page-body.tokens.json +19 -0
package/src/component/utrecht/page-footer.tokens.json +6 -4
package/src/component/utrecht/page-header.tokens.json +14 -4
package/src/component/utrecht/page.tokens.json +2 -2
package/src/component/utrecht/paragraph.tokens.json +8 -8
package/src/component/utrecht/root.tokens.json +8 -0
package/src/component/utrecht/skip-link.tokens.json +10 -10
package/project.json +0 -25
package/src/component/utrecht/badge-data.tokens.json +0 -8

package/dist/dark/tokens.cjs CHANGED Viewed

@@ -2591,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": {
@@ -2721,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": {},
@@ -2760,7 +2735,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "0"
+          "value": "{nl.data-badge.border-radius}"
         },
         "name": "border-radius",
         "attributes": {},
@@ -2793,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": {},
@@ -2865,7 +2840,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "{utrecht.space.block.xs}"
+          "value": "{nl.data-badge.padding-block}"
         },
         "name": "padding-block",
         "attributes": {},
@@ -2904,7 +2879,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "{utrecht.space.inline.sm}"
+          "value": "{nl.data-badge.padding-inline}"
         },
         "name": "padding-inline",
         "attributes": {},
@@ -3398,9 +3373,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": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+        "filePath": "src/component/utrecht/body.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": "{utrecht.typography.sans-serif.font-family}"
+        },
+        "name": "font-family",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "body",
+          "font-family"
+        ]
       },
       "font-size": {
         "$extensions": {
@@ -3408,9 +3410,36 @@ module.exports = {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true
+          "nl.nldesignsystem.figma.supports-token": true,
+          "studio.tokens": {
+            "originalType": "fontSizes"
+          }
         },
-        "type": "fontSizes"
+        "type": "fontSize",
+        "value": "1rem",
+        "filePath": "src/component/utrecht/body.tokens.json",
+        "isSource": true,
+        "original": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true,
+            "studio.tokens": {
+              "originalType": "fontSizes"
+            }
+          },
+          "type": "fontSize",
+          "value": "{utrecht.typography.scale.md.font-size}"
+        },
+        "name": "font-size",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "body",
+          "font-size"
+        ]
       },
       "font-weight": {
         "$extensions": {
@@ -3431,9 +3460,69 @@ module.exports = {
             ],
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true
+          "nl.nldesignsystem.figma.supports-token": true,
+          "studio.tokens": {
+            "originalType": "lineHeights"
+          }
         },
-        "type": "lineHeights"
+        "type": "lineHeight",
+        "value": "1.4",
+        "filePath": "src/component/utrecht/body.tokens.json",
+        "isSource": true,
+        "original": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": [
+                "<length>",
+                "<number>"
+              ],
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true,
+            "studio.tokens": {
+              "originalType": "lineHeights"
+            }
+          },
+          "type": "lineHeight",
+          "value": "1.4"
+        },
+        "name": "line-height",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "body",
+          "line-height"
+        ]
+      },
+      "background-color": {
+        "value": "hsl(0 0% 100%)",
+        "filePath": "src/component/utrecht/body.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.color.white}"
+        },
+        "name": "background-color",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "body",
+          "background-color"
+        ]
+      },
+      "color": {
+        "value": "hsl(0 0% 0%)",
+        "filePath": "src/component/utrecht/body.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.color.black}"
+        },
+        "name": "color",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "body",
+          "color"
+        ]
       }
     },
     "breadcrumb-nav": {
@@ -10343,7 +10432,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": {},
@@ -10374,7 +10463,7 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color",
-          "value": "{utrecht.color.black}"
+          "value": "{nl.code-block.color}"
         },
         "name": "color",
         "attributes": {},
@@ -10390,9 +10479,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": {
@@ -10421,7 +10537,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.md.font-size}"
+          "value": "{nl.code-block.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -10464,7 +10580,7 @@ module.exports = {
             }
           },
           "type": "lineHeight",
-          "value": "{utrecht.typography.line-height.md}"
+          "value": "{nl.code-block.line-height}"
         },
         "name": "line-height",
         "attributes": {},
@@ -10595,7 +10711,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "20px"
+          "value": "{nl.code-block.padding-block}"
         },
         "name": "padding-block-start",
         "attributes": {},
@@ -10632,7 +10748,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "20px"
+          "value": "{nl.code-block.padding-block}"
         },
         "name": "padding-block-end",
         "attributes": {},
@@ -10669,7 +10785,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "20px"
+          "value": "{nl.code-block.padding-inline}"
         },
         "name": "padding-inline-start",
         "attributes": {},
@@ -10706,7 +10822,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "20px"
+          "value": "{nl.code-block.padding-inline}"
         },
         "name": "padding-inline-end",
         "attributes": {},
@@ -14204,6 +14320,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": {
@@ -17759,7 +17995,7 @@ module.exports = {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true,
+          "nl.nldesignsystem.figma.supports-token": false,
           "studio.tokens": {
             "originalType": "spacing"
           }
@@ -17774,7 +18010,7 @@ module.exports = {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true,
+            "nl.nldesignsystem.figma.supports-token": false,
             "studio.tokens": {
               "originalType": "spacing"
             }
@@ -17796,7 +18032,7 @@ module.exports = {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true,
+          "nl.nldesignsystem.figma.supports-token": false,
           "studio.tokens": {
             "originalType": "spacing"
           }
@@ -17811,7 +18047,7 @@ module.exports = {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true,
+            "nl.nldesignsystem.figma.supports-token": false,
             "studio.tokens": {
               "originalType": "spacing"
             }
@@ -17833,7 +18069,7 @@ module.exports = {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true,
+          "nl.nldesignsystem.figma.supports-token": false,
           "studio.tokens": {
             "originalType": "spacing"
           }
@@ -17848,7 +18084,7 @@ module.exports = {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true,
+            "nl.nldesignsystem.figma.supports-token": false,
             "studio.tokens": {
               "originalType": "spacing"
             }
@@ -17870,7 +18106,7 @@ module.exports = {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true,
+          "nl.nldesignsystem.figma.supports-token": false,
           "studio.tokens": {
             "originalType": "spacing"
           }
@@ -17885,7 +18121,7 @@ module.exports = {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true,
+            "nl.nldesignsystem.figma.supports-token": false,
             "studio.tokens": {
               "originalType": "spacing"
             }
@@ -18432,7 +18668,7 @@ module.exports = {
             }
           },
           "type": "fontFamily",
-          "value": "{utrecht.typography.sans-serif.font-family}"
+          "value": "{nl.heading.level-1.font-family}"
         },
         "name": "font-family",
         "attributes": {},
@@ -18469,7 +18705,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.4xl.font-size}"
+          "value": "{nl.heading.level-1.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -18512,7 +18748,7 @@ module.exports = {
             }
           },
           "type": "fontWeight",
-          "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+          "value": "{nl.heading.level-1.font-weight}"
         },
         "name": "font-weight",
         "attributes": {},
@@ -18555,7 +18791,7 @@ module.exports = {
             }
           },
           "type": "lineHeight",
-          "value": "{utrecht.typography.line-height.sm}"
+          "value": "{nl.heading.level-1.line-height}"
         },
         "name": "line-height",
         "attributes": {},
@@ -18691,7 +18927,7 @@ module.exports = {
             }
           },
           "type": "fontFamily",
-          "value": "{utrecht.typography.sans-serif.font-family}"
+          "value": "{nl.heading.level-2.font-family}"
         },
         "name": "font-family",
         "attributes": {},
@@ -18728,7 +18964,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.xl.font-size}"
+          "value": "{nl.heading.level-2.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -18771,7 +19007,7 @@ module.exports = {
             }
           },
           "type": "fontWeight",
-          "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+          "value": "{nl.heading.level-2.font-weight}"
         },
         "name": "font-weight",
         "attributes": {},
@@ -18814,7 +19050,7 @@ module.exports = {
             }
           },
           "type": "lineHeight",
-          "value": "{utrecht.typography.line-height.sm}"
+          "value": "{nl.heading.level-2.line-height}"
         },
         "name": "line-height",
         "attributes": {},
@@ -18950,7 +19186,7 @@ module.exports = {
             }
           },
           "type": "fontFamily",
-          "value": "{utrecht.typography.sans-serif.font-family}"
+          "value": "{nl.heading.level-3.font-family}"
         },
         "name": "font-family",
         "attributes": {},
@@ -18987,7 +19223,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.xl.font-size}"
+          "value": "{nl.heading.level-3.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -19030,7 +19266,7 @@ module.exports = {
             }
           },
           "type": "fontWeight",
-          "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+          "value": "{nl.heading.level-3.font-weight}"
         },
         "name": "font-weight",
         "attributes": {},
@@ -19073,7 +19309,7 @@ module.exports = {
             }
           },
           "type": "lineHeight",
-          "value": "{utrecht.typography.line-height.sm}"
+          "value": "{nl.heading.level-3.line-height}"
         },
         "name": "line-height",
         "attributes": {},
@@ -19209,7 +19445,7 @@ module.exports = {
             }
           },
           "type": "fontFamily",
-          "value": "{utrecht.typography.sans-serif.font-family}"
+          "value": "{nl.heading.level-4.font-family}"
         },
         "name": "font-family",
         "attributes": {},
@@ -19246,7 +19482,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.lg.font-size}"
+          "value": "{nl.heading.level-4.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -19289,7 +19525,7 @@ module.exports = {
             }
           },
           "type": "fontWeight",
-          "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+          "value": "{nl.heading.level-4.font-weight}"
         },
         "name": "font-weight",
         "attributes": {},
@@ -19332,7 +19568,7 @@ module.exports = {
             }
           },
           "type": "lineHeight",
-          "value": "{utrecht.typography.line-height.md}"
+          "value": "{nl.heading.level-4.line-height}"
         },
         "name": "line-height",
         "attributes": {},
@@ -19468,7 +19704,7 @@ module.exports = {
             }
           },
           "type": "fontFamily",
-          "value": "{utrecht.typography.sans-serif.font-family}"
+          "value": "{nl.heading.level-5.font-family}"
         },
         "name": "font-family",
         "attributes": {},
@@ -19505,7 +19741,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.sm.font-size}"
+          "value": "{nl.heading.level-5.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -19548,7 +19784,7 @@ module.exports = {
             }
           },
           "type": "fontWeight",
-          "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+          "value": "{nl.heading.level-5.font-weight}"
         },
         "name": "font-weight",
         "attributes": {},
@@ -19591,7 +19827,7 @@ module.exports = {
             }
           },
           "type": "lineHeight",
-          "value": "{utrecht.typography.line-height.md}"
+          "value": "{nl.heading.level-5.line-height}"
         },
         "name": "line-height",
         "attributes": {},
@@ -19726,7 +19962,7 @@ module.exports = {
             }
           },
           "type": "fontFamily",
-          "value": "{utrecht.typography.sans-serif.font-family}"
+          "value": "{nl.heading.level-6.font-family}"
         },
         "name": "font-family",
         "attributes": {},
@@ -19763,7 +19999,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.sm.font-size}"
+          "value": "{nl.heading.level-6.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -19806,7 +20042,7 @@ module.exports = {
             }
           },
           "type": "fontWeight",
-          "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+          "value": "{nl.heading.level-6.font-weight}"
         },
         "name": "font-weight",
         "attributes": {},
@@ -19849,7 +20085,7 @@ module.exports = {
             }
           },
           "type": "lineHeight",
-          "value": "{utrecht.typography.line-height.md}"
+          "value": "{nl.heading.level-6.line-height}"
         },
         "name": "line-height",
         "attributes": {},
@@ -20441,9 +20677,37 @@ module.exports = {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": true,
+            "studio.tokens": {
+              "originalType": "spacing"
+            }
           },
-          "type": "spacing"
+          "type": "dimension",
+          "value": "0.15em",
+          "filePath": "src/component/utrecht/link-list.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": true,
+              "studio.tokens": {
+                "originalType": "spacing"
+              }
+            },
+            "type": "dimension",
+            "value": "0.15em"
+          },
+          "name": "inset-block-start",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "link-list",
+            "icon",
+            "inset-block-start"
+          ]
         }
       }
     },
@@ -23197,7 +23461,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": {},
@@ -23228,7 +23492,7 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color",
-          "value": "{utrecht.color.black}"
+          "value": "{nl.mark.color}"
         },
         "name": "color",
         "attributes": {},
@@ -23249,28 +23513,7 @@ module.exports = {
           },
           "nl.nldesignsystem.figma.supports-token": false
         },
-        "type": "color",
-        "value": "hsl(0 0% 100%)",
-        "filePath": "src/component/utrecht/nav-bar.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",
-          "nav-bar",
-          "background-color"
-        ]
+        "type": "color"
       },
       "color": {
         "$extensions": {
@@ -23280,28 +23523,7 @@ module.exports = {
           },
           "nl.nldesignsystem.figma.supports-token": false
         },
-        "type": "color",
-        "value": "hsl(0 0% 0%)",
-        "filePath": "src/component/utrecht/nav-bar.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",
-          "nav-bar",
-          "color"
-        ]
+        "type": "color"
       },
       "content": {
         "background-color": {
@@ -23901,7 +24123,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": {},
@@ -23957,7 +24179,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "{utrecht.number-badge.font-size}"
+          "value": "{nl.number-badge.border-radius}"
         },
         "name": "border-radius",
         "attributes": {},
@@ -24009,7 +24231,7 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color",
-          "value": "{utrecht.color.white}"
+          "value": "{nl.number-badge.color}"
         },
         "name": "color",
         "attributes": {},
@@ -24066,7 +24288,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.md.font-size}"
+          "value": "{nl.number-badge.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -24159,7 +24381,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "1ex"
+          "value": "{nl.number-badge.padding-block}"
         },
         "name": "padding-block",
         "attributes": {},
@@ -24204,7 +24426,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "1ex"
+          "value": "{nl.number-badge.padding-inline}"
         },
         "name": "padding-inline",
         "attributes": {},
@@ -24617,7 +24839,29 @@ module.exports = {
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "color"
+          "type": "color",
+          "value": "hsl(0 0% 100%)",
+          "filePath": "src/component/utrecht/page-body.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",
+            "page-body",
+            "content",
+            "background-color"
+          ]
         },
         "color": {
           "$extensions": {
@@ -24627,7 +24871,29 @@ module.exports = {
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "color"
+          "type": "color",
+          "value": "hsl(0 0% 0%)",
+          "filePath": "src/component/utrecht/page-body.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",
+            "page-body",
+            "content",
+            "color"
+          ]
         },
         "padding-block-start": {
           "$extensions": {
@@ -24635,9 +24901,37 @@ module.exports = {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": false,
+            "studio.tokens": {
+              "originalType": "spacing"
+            }
           },
-          "type": "spacing"
+          "type": "dimension",
+          "value": "0",
+          "filePath": "src/component/utrecht/page-body.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": "0"
+          },
+          "name": "padding-block-start",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "page-body",
+            "content",
+            "padding-block-start"
+          ]
         },
         "padding-block-end": {
           "$extensions": {
@@ -24645,9 +24939,37 @@ module.exports = {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": false,
+            "studio.tokens": {
+              "originalType": "spacing"
+            }
           },
-          "type": "spacing"
+          "type": "dimension",
+          "value": "1em",
+          "filePath": "src/component/utrecht/page-body.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": "1em"
+          },
+          "name": "padding-block-end",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "page-body",
+            "content",
+            "padding-block-end"
+          ]
         },
         "padding-inline-start": {
           "$extensions": {
@@ -24655,9 +24977,37 @@ module.exports = {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": false,
+            "studio.tokens": {
+              "originalType": "spacing"
+            }
           },
-          "type": "spacing"
+          "type": "dimension",
+          "value": "2em",
+          "filePath": "src/component/utrecht/page-body.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": "2em"
+          },
+          "name": "padding-inline-start",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "page-body",
+            "content",
+            "padding-inline-start"
+          ]
         },
         "padding-inine-end": {
           "$extensions": {
@@ -24668,7 +25018,99 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": false
           },
           "type": "spacing"
+        },
+        "max-inline-size": {
+          "value": "1184px",
+          "filePath": "src/component/utrecht/page-body.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "1184px"
+          },
+          "name": "max-inline-size",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "page-body",
+            "content",
+            "max-inline-size"
+          ]
+        },
+        "padding-inline-end": {
+          "value": "2.4em",
+          "filePath": "src/component/utrecht/page-body.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "2.4em"
+          },
+          "name": "padding-inline-end",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "page-body",
+            "content",
+            "padding-inline-end"
+          ]
         }
+      },
+      "padding-inline-end": {
+        "value": "0",
+        "filePath": "src/component/utrecht/page-body.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0"
+        },
+        "name": "padding-inline-end",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "page-body",
+          "padding-inline-end"
+        ]
+      },
+      "padding-inline-start": {
+        "value": "0",
+        "filePath": "src/component/utrecht/page-body.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0"
+        },
+        "name": "padding-inline-start",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "page-body",
+          "padding-inline-start"
+        ]
+      },
+      "padding-block-end": {
+        "value": "0",
+        "filePath": "src/component/utrecht/page-body.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0"
+        },
+        "name": "padding-block-end",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "page-body",
+          "padding-block-end"
+        ]
+      },
+      "padding-block-start": {
+        "value": "0",
+        "filePath": "src/component/utrecht/page-body.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0"
+        },
+        "name": "padding-block-start",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "page-body",
+          "padding-block-start"
+        ]
       }
     },
     "page-content": {
@@ -24867,36 +25309,9 @@ module.exports = {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false,
-          "studio.tokens": {
-            "originalType": "spacing"
-          }
-        },
-        "type": "dimension",
-        "value": "28px",
-        "filePath": "src/component/utrecht/page-footer.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.2xl}"
+          "nl.nldesignsystem.figma.supports-token": false
         },
-        "name": "padding-inline-end",
-        "attributes": {},
-        "path": [
-          "utrecht",
-          "page-footer",
-          "padding-inline-end"
-        ]
+        "type": "spacing"
       },
       "padding-inline-start": {
         "$extensions": {
@@ -24904,36 +25319,9 @@ module.exports = {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false,
-          "studio.tokens": {
-            "originalType": "spacing"
-          }
-        },
-        "type": "dimension",
-        "value": "28px",
-        "filePath": "src/component/utrecht/page-footer.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.2xl}"
+          "nl.nldesignsystem.figma.supports-token": false
         },
-        "name": "padding-inline-start",
-        "attributes": {},
-        "path": [
-          "utrecht",
-          "page-footer",
-          "padding-inline-start"
-        ]
+        "type": "spacing"
       },
       "padding-block-end": {
         "$extensions": {
@@ -24941,36 +25329,9 @@ module.exports = {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false,
-          "studio.tokens": {
-            "originalType": "spacing"
-          }
-        },
-        "type": "dimension",
-        "value": "48px",
-        "filePath": "src/component/utrecht/page-footer.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.3xl}"
+          "nl.nldesignsystem.figma.supports-token": false
         },
-        "name": "padding-block-end",
-        "attributes": {},
-        "path": [
-          "utrecht",
-          "page-footer",
-          "padding-block-end"
-        ]
+        "type": "spacing"
       },
       "padding-block-start": {
         "$extensions": {
@@ -24978,36 +25339,9 @@ module.exports = {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false,
-          "studio.tokens": {
-            "originalType": "spacing"
-          }
-        },
-        "type": "dimension",
-        "value": "48px",
-        "filePath": "src/component/utrecht/page-footer.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.3xl}"
+          "nl.nldesignsystem.figma.supports-token": false
         },
-        "name": "padding-block-start",
-        "attributes": {},
-        "path": [
-          "utrecht",
-          "page-footer",
-          "padding-block-start"
-        ]
+        "type": "spacing"
       },
       "content": {
         "color": {
@@ -25056,9 +25390,37 @@ module.exports = {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": false,
+            "studio.tokens": {
+              "originalType": "spacing"
+            }
           },
-          "type": "spacing"
+          "type": "dimension",
+          "value": "48px",
+          "filePath": "src/component/utrecht/page-footer.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.3xl}"
+          },
+          "name": "padding-block-end",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "page-footer",
+            "content",
+            "padding-block-end"
+          ]
         },
         "padding-block-start": {
           "$extensions": {
@@ -25066,9 +25428,69 @@ module.exports = {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": false,
+            "studio.tokens": {
+              "originalType": "spacing"
+            }
           },
-          "type": "spacing"
+          "type": "dimension",
+          "value": "48px",
+          "filePath": "src/component/utrecht/page-footer.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.3xl}"
+          },
+          "name": "padding-block-start",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "page-footer",
+            "content",
+            "padding-block-start"
+          ]
+        },
+        "max-inline-size": {
+          "value": "1184px",
+          "filePath": "src/component/utrecht/page-footer.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "1184px"
+          },
+          "name": "max-inline-size",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "page-footer",
+            "content",
+            "max-inline-size"
+          ]
+        },
+        "padding-inline": {
+          "value": "28px",
+          "filePath": "src/component/utrecht/page-footer.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.space.inline.2xl}"
+          },
+          "name": "padding-inline",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "page-footer",
+            "content",
+            "padding-inline"
+          ]
         }
       }
     },
@@ -25115,7 +25537,7 @@ module.exports = {
           }
         },
         "type": "dimension",
-        "value": "1.8em",
+        "value": "0",
         "filePath": "src/component/utrecht/page-header.tokens.json",
         "isSource": true,
         "original": {
@@ -25130,7 +25552,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "1.8em"
+          "value": "0"
         },
         "name": "padding-block-start",
         "attributes": {},
@@ -25152,7 +25574,7 @@ module.exports = {
           }
         },
         "type": "dimension",
-        "value": "1em",
+        "value": "0",
         "filePath": "src/component/utrecht/page-header.tokens.json",
         "isSource": true,
         "original": {
@@ -25167,7 +25589,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "1em"
+          "value": "0"
         },
         "name": "padding-block-end",
         "attributes": {},
@@ -25189,7 +25611,7 @@ module.exports = {
           }
         },
         "type": "dimension",
-        "value": "2em",
+        "value": "0",
         "filePath": "src/component/utrecht/page-header.tokens.json",
         "isSource": true,
         "original": {
@@ -25204,7 +25626,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "2em"
+          "value": "0"
         },
         "name": "padding-inline-start",
         "attributes": {},
@@ -25226,7 +25648,7 @@ module.exports = {
           }
         },
         "type": "dimension",
-        "value": "2.4em",
+        "value": "0",
         "filePath": "src/component/utrecht/page-header.tokens.json",
         "isSource": true,
         "original": {
@@ -25241,7 +25663,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "2.4em"
+          "value": "0"
         },
         "name": "padding-inline-end",
         "attributes": {},
@@ -25260,7 +25682,29 @@ module.exports = {
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "color"
+          "type": "color",
+          "value": "hsl(0 0% 100%)",
+          "filePath": "src/component/utrecht/page-header.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",
+            "page-header",
+            "content",
+            "background-color"
+          ]
         },
         "color": {
           "$extensions": {
@@ -25270,7 +25714,29 @@ module.exports = {
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "color"
+          "type": "color",
+          "value": "hsl(0 0% 0%)",
+          "filePath": "src/component/utrecht/page-header.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",
+            "page-header",
+            "content",
+            "color"
+          ]
         },
         "padding-block-start": {
           "$extensions": {
@@ -25278,9 +25744,37 @@ module.exports = {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": false,
+            "studio.tokens": {
+              "originalType": "spacing"
+            }
           },
-          "type": "spacing"
+          "type": "dimension",
+          "value": "1.8em",
+          "filePath": "src/component/utrecht/page-header.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": "1.8em"
+          },
+          "name": "padding-block-start",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "page-header",
+            "content",
+            "padding-block-start"
+          ]
         },
         "padding-block-end": {
           "$extensions": {
@@ -25288,9 +25782,37 @@ module.exports = {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": false,
+            "studio.tokens": {
+              "originalType": "spacing"
+            }
           },
-          "type": "spacing"
+          "type": "dimension",
+          "value": "1em",
+          "filePath": "src/component/utrecht/page-header.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": "1em"
+          },
+          "name": "padding-block-end",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "page-header",
+            "content",
+            "padding-block-end"
+          ]
         },
         "padding-inline-start": {
           "$extensions": {
@@ -25298,9 +25820,39 @@ module.exports = {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": false,
+            "studio.tokens": {
+              "originalType": "spacing"
+            }
           },
-          "type": "spacing"
+          "type": "dimension",
+          "value": "2em",
+          "$comment": "Legacy design token",
+          "filePath": "src/component/utrecht/page-header.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": "2em",
+            "$comment": "Legacy design token"
+          },
+          "name": "padding-inline-start",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "page-header",
+            "content",
+            "padding-inline-start"
+          ]
         },
         "padding-inline-end": {
           "$extensions": {
@@ -25308,9 +25860,71 @@ module.exports = {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": false,
+            "studio.tokens": {
+              "originalType": "spacing"
+            }
           },
-          "type": "spacing"
+          "type": "dimension",
+          "value": "2.4em",
+          "$comment": "Legacy design token",
+          "filePath": "src/component/utrecht/page-header.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": "2.4em",
+            "$comment": "Legacy design token"
+          },
+          "name": "padding-inline-end",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "page-header",
+            "content",
+            "padding-inline-end"
+          ]
+        },
+        "max-inline-size": {
+          "value": "1184px",
+          "filePath": "src/component/utrecht/page-header.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "1184px"
+          },
+          "name": "max-inline-size",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "page-header",
+            "content",
+            "max-inline-size"
+          ]
+        },
+        "padding-inline": {
+          "value": "2em",
+          "filePath": "src/component/utrecht/page-header.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "2em"
+          },
+          "name": "padding-inline",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "page-header",
+            "content",
+            "padding-inline"
+          ]
         }
       }
     },
@@ -25473,11 +26087,11 @@ module.exports = {
         ]
       },
       "padding-inline-end": {
-        "value": "2em",
+        "value": "0",
         "filePath": "src/component/utrecht/page.tokens.json",
         "isSource": true,
         "original": {
-          "value": "2em"
+          "value": "0"
         },
         "name": "padding-inline-end",
         "attributes": {},
@@ -25503,11 +26117,11 @@ module.exports = {
         ]
       },
       "padding-inline-start": {
-        "value": "2em",
+        "value": "0",
         "filePath": "src/component/utrecht/page.tokens.json",
         "isSource": true,
         "original": {
-          "value": "2em"
+          "value": "0"
         },
         "name": "padding-inline-start",
         "attributes": {},
@@ -26957,7 +27571,7 @@ module.exports = {
             }
           },
           "type": "fontFamily",
-          "value": "{utrecht.typography.sans-serif.font-family}"
+          "value": "{nl.paragraph.font-family}"
         },
         "name": "font-family",
         "attributes": {},
@@ -27000,7 +27614,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "{utrecht.typography.scale.md.font-size}"
+          "value": "{nl.paragraph.font-size}"
         },
         "name": "font-size",
         "attributes": {},
@@ -27037,7 +27651,7 @@ module.exports = {
             }
           },
           "type": "fontWeight",
-          "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+          "value": "{nl.paragraph.font-weight}"
         },
         "name": "font-weight",
         "attributes": {},
@@ -27086,7 +27700,7 @@ module.exports = {
             }
           },
           "type": "lineHeight",
-          "value": "{utrecht.typography.line-height.md}"
+          "value": "{nl.paragraph.line-height}"
         },
         "name": "line-height",
         "attributes": {},
@@ -27183,33 +27797,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": {
@@ -27246,7 +27834,7 @@ module.exports = {
               }
             },
             "type": "fontSize",
-            "value": "{utrecht.typography.scale.xl.font-size}"
+            "value": "{nl.paragraph.lead.font-size}"
           },
           "name": "font-size",
           "attributes": {},
@@ -27292,7 +27880,7 @@ module.exports = {
               }
             },
             "type": "fontWeight",
-            "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+            "value": "{nl.paragraph.lead.font-weight}"
           },
           "name": "font-weight",
           "attributes": {},
@@ -27344,7 +27932,7 @@ module.exports = {
               }
             },
             "type": "lineHeight",
-            "value": "{utrecht.typography.line-height.md}"
+            "value": "{nl.paragraph.lead.line-height}"
           },
           "name": "line-height",
           "attributes": {},
@@ -27683,6 +28271,37 @@ module.exports = {
           "border-width"
         ]
       },
+      "color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "type": "color",
+        "value": "hsl(0 0% 100%)",
+        "filePath": "src/component/utrecht/radio-button.tokens.json",
+        "isSource": true,
+        "original": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "color",
+          "value": "{utrecht.color.white}"
+        },
+        "name": "color",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "radio-button",
+          "color"
+        ]
+      },
       "size": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
@@ -28634,26 +29253,11 @@ module.exports = {
             },
             "nl.nldesignsystem.fallback": [
               "utrecht.radio-button.color"
-            ]
+            ],
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "color"
-      },
-      "color": {
-        "value": "hsl(0 0% 100%)",
-        "filePath": "src/component/utrecht/radio-button.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{utrecht.color.white}"
-        },
-        "name": "color",
-        "attributes": {},
-        "path": [
-          "utrecht",
-          "radio-button",
-          "color"
-        ]
+          "type": "color"
+        }
       },
       "border-radius": {
         "value": "0",
@@ -28882,7 +29486,28 @@ module.exports = {
           },
           "nl.nldesignsystem.figma.supports-token": false
         },
-        "type": "color"
+        "type": "color",
+        "value": "hsl(0 0% 95%)",
+        "filePath": "src/component/utrecht/root.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.95}"
+        },
+        "name": "background-color",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "root",
+          "background-color"
+        ]
       },
       "color": {
         "$extensions": {
@@ -28892,7 +29517,28 @@ module.exports = {
           },
           "nl.nldesignsystem.figma.supports-token": false
         },
-        "type": "color"
+        "type": "color",
+        "value": "hsl(0 0% 10%)",
+        "filePath": "src/component/utrecht/root.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.10}"
+        },
+        "name": "color",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "root",
+          "color"
+        ]
       },
       "font-family": {
         "$extensions": {
@@ -30625,7 +31271,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": {},
@@ -30656,7 +31302,7 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color",
-          "value": "{utrecht.topnav.link.color}"
+          "value": "{nl.skip-link.color}"
         },
         "name": "color",
         "attributes": {},
@@ -30713,7 +31359,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "{utrecht.button.padding-block-start}"
+          "value": "{nl.skip-link.padding-block}"
         },
         "name": "padding-block-start",
         "attributes": {},
@@ -30750,7 +31396,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "{utrecht.button.padding-block-end}"
+          "value": "{nl.skip-link.padding-block}"
         },
         "name": "padding-block-end",
         "attributes": {},
@@ -30787,7 +31433,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "{utrecht.button.padding-inline-start}"
+          "value": "{nl.skip-link.padding-inline}"
         },
         "name": "padding-inline-start",
         "attributes": {},
@@ -30824,7 +31470,7 @@ module.exports = {
             }
           },
           "type": "dimension",
-          "value": "{utrecht.button.padding-inline-end}"
+          "value": "{nl.skip-link.padding-inline}"
         },
         "name": "padding-inline-end",
         "attributes": {},
@@ -30863,7 +31509,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": {},
@@ -30912,7 +31558,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": {},
@@ -30948,7 +31594,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": {},
@@ -31026,7 +31672,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": {},
@@ -31065,6 +31711,16 @@ module.exports = {
         },
         "type": "color"
       },
+      "border-radius": {
+        "$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": {
@@ -37795,6 +38451,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": {
@@ -37895,5 +39548,56 @@ module.exports = {
         }
       }
     }
+  },
+  "signalen": {
+    "modal-dialog": {
+      "background-color": {
+        "value": "hsl(0 0% 100%)",
+        "filePath": "src/component/signalen/signalen.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.body.background-color}"
+        },
+        "name": "background-color",
+        "attributes": {},
+        "path": [
+          "signalen",
+          "modal-dialog",
+          "background-color"
+        ]
+      },
+      "color": {
+        "value": "hsl(0 0% 0%)",
+        "filePath": "src/component/signalen/signalen.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.body.color}"
+        },
+        "name": "color",
+        "attributes": {},
+        "path": [
+          "signalen",
+          "modal-dialog",
+          "color"
+        ]
+      }
+    },
+    "progress-bar": {
+      "border-radius": {
+        "value": "4px",
+        "filePath": "src/component/signalen/signalen.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "4px"
+        },
+        "name": "border-radius",
+        "attributes": {},
+        "path": [
+          "signalen",
+          "progress-bar",
+          "border-radius"
+        ]
+      }
+    }
   }
 };