@utrecht/design-tokens 2.2.0 → 2.4.0

package/dist/dark/index.json

@@ -1396,6 +1396,953 @@
       "size"
     ]
   },
+  {
+    "value": "hsl(0 0% 95%)",
+    "filePath": "src/component/nl/code-block.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.grey.95}"
+    },
+    "name": "nlCodeBlockBackgroundColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "code-block",
+      "background-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/nl/code-block.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.black}"
+    },
+    "name": "nlCodeBlockColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "code-block",
+      "color"
+    ]
+  },
+  {
+    "value": "\"Monaco\"",
+    "filePath": "src/component/nl/code-block.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "\"Monaco\""
+    },
+    "name": "nlCodeBlockFontFamily",
+    "attributes": {},
+    "path": [
+      "nl",
+      "code-block",
+      "font-family"
+    ]
+  },
+  {
+    "value": "1rem",
+    "filePath": "src/component/nl/code-block.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.md.font-size}"
+    },
+    "name": "nlCodeBlockFontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "code-block",
+      "font-size"
+    ]
+  },
+  {
+    "value": "1.5",
+    "filePath": "src/component/nl/code-block.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.md}"
+    },
+    "name": "nlCodeBlockLineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "code-block",
+      "line-height"
+    ]
+  },
+  {
+    "value": "20px",
+    "filePath": "src/component/nl/code-block.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "20px"
+    },
+    "name": "nlCodeBlockPaddingBlock",
+    "attributes": {},
+    "path": [
+      "nl",
+      "code-block",
+      "padding-block"
+    ]
+  },
+  {
+    "value": "20px",
+    "filePath": "src/component/nl/code-block.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "20px"
+    },
+    "name": "nlCodeBlockPaddingInline",
+    "attributes": {},
+    "path": [
+      "nl",
+      "code-block",
+      "padding-inline"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 30%)",
+    "filePath": "src/component/nl/data-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.grey.30}"
+    },
+    "name": "nlDataBadgeBackgroundColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "data-badge",
+      "background-color"
+    ]
+  },
+  {
+    "value": "0",
+    "filePath": "src/component/nl/data-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0"
+    },
+    "name": "nlDataBadgeBorderRadius",
+    "attributes": {},
+    "path": [
+      "nl",
+      "data-badge",
+      "border-radius"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/nl/data-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.white}"
+    },
+    "name": "nlDataBadgeColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "data-badge",
+      "color"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/nl/data-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.space.block.xs}"
+    },
+    "name": "nlDataBadgePaddingBlock",
+    "attributes": {},
+    "path": [
+      "nl",
+      "data-badge",
+      "padding-block"
+    ]
+  },
+  {
+    "value": "12px",
+    "filePath": "src/component/nl/data-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.space.inline.sm}"
+    },
+    "name": "nlDataBadgePaddingInline",
+    "attributes": {},
+    "path": [
+      "nl",
+      "data-badge",
+      "padding-inline"
+    ]
+  },
+  {
+    "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": "nlHeadingLevel1FontFamily",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-1",
+      "font-family"
+    ]
+  },
+  {
+    "value": "2rem",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.4xl.font-size}"
+    },
+    "name": "nlHeadingLevel1FontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-1",
+      "font-size"
+    ]
+  },
+  {
+    "value": "700",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+    },
+    "name": "nlHeadingLevel1FontWeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-1",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "1.25",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.sm}"
+    },
+    "name": "nlHeadingLevel1LineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-1",
+      "line-height"
+    ]
+  },
+  {
+    "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": "nlHeadingLevel2FontFamily",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-2",
+      "font-family"
+    ]
+  },
+  {
+    "value": "1.25rem",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.xl.font-size}"
+    },
+    "name": "nlHeadingLevel2FontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-2",
+      "font-size"
+    ]
+  },
+  {
+    "value": "700",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+    },
+    "name": "nlHeadingLevel2FontWeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-2",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "1.25",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.sm}"
+    },
+    "name": "nlHeadingLevel2LineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-2",
+      "line-height"
+    ]
+  },
+  {
+    "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": "nlHeadingLevel3FontFamily",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-3",
+      "font-family"
+    ]
+  },
+  {
+    "value": "1.25rem",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.xl.font-size}"
+    },
+    "name": "nlHeadingLevel3FontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-3",
+      "font-size"
+    ]
+  },
+  {
+    "value": "400",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+    },
+    "name": "nlHeadingLevel3FontWeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-3",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "1.25",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.sm}"
+    },
+    "name": "nlHeadingLevel3LineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-3",
+      "line-height"
+    ]
+  },
+  {
+    "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": "nlHeadingLevel4FontFamily",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-4",
+      "font-family"
+    ]
+  },
+  {
+    "value": "1.125rem",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.lg.font-size}"
+    },
+    "name": "nlHeadingLevel4FontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-4",
+      "font-size"
+    ]
+  },
+  {
+    "value": "400",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+    },
+    "name": "nlHeadingLevel4FontWeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-4",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "1.5",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.md}"
+    },
+    "name": "nlHeadingLevel4LineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-4",
+      "line-height"
+    ]
+  },
+  {
+    "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": "nlHeadingLevel5FontFamily",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-5",
+      "font-family"
+    ]
+  },
+  {
+    "value": "0.875rem",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.sm.font-size}"
+    },
+    "name": "nlHeadingLevel5FontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-5",
+      "font-size"
+    ]
+  },
+  {
+    "value": "400",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+    },
+    "name": "nlHeadingLevel5FontWeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-5",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "1.5",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.md}"
+    },
+    "name": "nlHeadingLevel5LineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-5",
+      "line-height"
+    ]
+  },
+  {
+    "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": "nlHeadingLevel6FontFamily",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-6",
+      "font-family"
+    ]
+  },
+  {
+    "value": "0.875rem",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.sm.font-size}"
+    },
+    "name": "nlHeadingLevel6FontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-6",
+      "font-size"
+    ]
+  },
+  {
+    "value": "400",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+    },
+    "name": "nlHeadingLevel6FontWeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-6",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "1.5",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.md}"
+    },
+    "name": "nlHeadingLevel6LineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-6",
+      "line-height"
+    ]
+  },
+  {
+    "value": "hsl(48 100% 60%)",
+    "filePath": "src/component/nl/mark.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.yellow.60}"
+    },
+    "name": "nlMarkBackgroundColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "mark",
+      "background-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/nl/mark.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.black}"
+    },
+    "name": "nlMarkColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "mark",
+      "color"
+    ]
+  },
+  {
+    "value": "hsl(0 100% 40%)",
+    "filePath": "src/component/nl/number-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.red.40}"
+    },
+    "name": "nlNumberBadgeBackgroundColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "number-badge",
+      "background-color"
+    ]
+  },
+  {
+    "value": "1rem",
+    "filePath": "src/component/nl/number-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{nl.number-badge.font-size}"
+    },
+    "name": "nlNumberBadgeBorderRadius",
+    "attributes": {},
+    "path": [
+      "nl",
+      "number-badge",
+      "border-radius"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/nl/number-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.white}"
+    },
+    "name": "nlNumberBadgeColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "number-badge",
+      "color"
+    ]
+  },
+  {
+    "value": "1rem",
+    "filePath": "src/component/nl/number-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.md.font-size}"
+    },
+    "name": "nlNumberBadgeFontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "number-badge",
+      "font-size"
+    ]
+  },
+  {
+    "value": "1ex",
+    "filePath": "src/component/nl/number-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "1ex"
+    },
+    "name": "nlNumberBadgePaddingBlock",
+    "attributes": {},
+    "path": [
+      "nl",
+      "number-badge",
+      "padding-block"
+    ]
+  },
+  {
+    "value": "1ex",
+    "filePath": "src/component/nl/number-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "1ex"
+    },
+    "name": "nlNumberBadgePaddingInline",
+    "attributes": {},
+    "path": [
+      "nl",
+      "number-badge",
+      "padding-inline"
+    ]
+  },
+  {
+    "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": "nlParagraphFontFamily",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "font-family"
+    ]
+  },
+  {
+    "value": "1rem",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.md.font-size}"
+    },
+    "name": "nlParagraphFontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "font-size"
+    ]
+  },
+  {
+    "value": "400",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+    },
+    "name": "nlParagraphFontWeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 95%)",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.document.color}"
+    },
+    "name": "nlParagraphLeadColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "lead",
+      "color"
+    ]
+  },
+  {
+    "value": "1.25rem",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.xl.font-size}"
+    },
+    "name": "nlParagraphLeadFontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "lead",
+      "font-size"
+    ]
+  },
+  {
+    "value": "400",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+    },
+    "name": "nlParagraphLeadFontWeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "lead",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "1.5",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.md}"
+    },
+    "name": "nlParagraphLeadLineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "lead",
+      "line-height"
+    ]
+  },
+  {
+    "value": "1.5",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.md}"
+    },
+    "name": "nlParagraphLineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "line-height"
+    ]
+  },
+  {
+    "value": "0.875rem",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.sm.font-size}"
+    },
+    "name": "nlParagraphSmallFontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "small",
+      "font-size"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 15%)",
+    "filePath": "src/component/nl/skip-link.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.topnav.list.background-color}"
+    },
+    "name": "nlSkipLinkBackgroundColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "skip-link",
+      "background-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/nl/skip-link.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.topnav.link.color}"
+    },
+    "name": "nlSkipLinkColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "skip-link",
+      "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": "nlSkipLinkFocusVisibleBackgroundColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "skip-link",
+      "focus-visible",
+      "background-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/nl/skip-link.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.topnav.link.focus.color}"
+    },
+    "name": "nlSkipLinkFocusVisibleColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "skip-link",
+      "focus-visible",
+      "color"
+    ]
+  },
+  {
+    "value": "none",
+    "filePath": "src/component/nl/skip-link.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.link.focus-visible.text-decoration}"
+    },
+    "name": "nlSkipLinkFocusVisibleTextDecoration",
+    "attributes": {},
+    "path": [
+      "nl",
+      "skip-link",
+      "focus-visible",
+      "text-decoration"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/nl/skip-link.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.button.padding-block-start}"
+    },
+    "name": "nlSkipLinkPaddingBlock",
+    "attributes": {},
+    "path": [
+      "nl",
+      "skip-link",
+      "padding-block"
+    ]
+  },
+  {
+    "value": "16px",
+    "filePath": "src/component/nl/skip-link.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.button.padding-inline-start}"
+    },
+    "name": "nlSkipLinkPaddingInline",
+    "attributes": {},
+    "path": [
+      "nl",
+      "skip-link",
+      "padding-inline"
+    ]
+  },
+  {
+    "value": "underline",
+    "filePath": "src/component/nl/skip-link.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.link.text-decoration}"
+    },
+    "name": "nlSkipLinkTextDecoration",
+    "attributes": {},
+    "path": [
+      "nl",
+      "skip-link",
+      "text-decoration"
+    ]
+  },
   {
     "value": "hsl(0 0% 15%)",
     "filePath": "src/component/of/layout.tokens.json",
@@ -3572,7 +4519,7 @@
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.grey.30}"
+      "value": "{nl.data-badge.background-color}"
     },
     "name": "utrechtBadgeBackgroundColor",
     "attributes": {},
@@ -3611,7 +4558,7 @@
         }
       },
       "type": "dimension",
-      "value": "0"
+      "value": "{nl.data-badge.border-radius}"
     },
     "name": "utrechtBadgeBorderRadius",
     "attributes": {},
@@ -3644,7 +4591,7 @@
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.white}"
+      "value": "{nl.data-badge.color}"
     },
     "name": "utrechtBadgeColor",
     "attributes": {},
@@ -3986,7 +4933,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.block.xs}"
+      "value": "{nl.data-badge.padding-block}"
     },
     "name": "utrechtBadgePaddingBlock",
     "attributes": {},
@@ -4025,7 +4972,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.inline.sm}"
+      "value": "{nl.data-badge.padding-inline}"
     },
     "name": "utrechtBadgePaddingInline",
     "attributes": {},
@@ -10115,7 +11062,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.grey.95}"
+      "value": "{nl.code-block.background-color}"
     },
     "name": "utrechtCodeBlockBackgroundColor",
     "attributes": {},
@@ -10146,7 +11093,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.black}"
+      "value": "{nl.code-block.color}"
     },
     "name": "utrechtCodeBlockColor",
     "attributes": {},
@@ -10156,6 +11103,43 @@
       "color"
     ]
   },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "*",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": true,
+      "studio.tokens": {
+        "originalType": "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": "utrechtCodeBlockFontFamily",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "code-block",
+      "font-family"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -10183,7 +11167,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.md.font-size}"
+      "value": "{nl.code-block.font-size}"
     },
     "name": "utrechtCodeBlockFontSize",
     "attributes": {},
@@ -10226,7 +11210,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.code-block.line-height}"
     },
     "name": "utrechtCodeBlockLineHeight",
     "attributes": {},
@@ -10337,7 +11321,7 @@
         }
       },
       "type": "dimension",
-      "value": "20px"
+      "value": "{nl.code-block.padding-block}"
     },
     "name": "utrechtCodeBlockPaddingBlockEnd",
     "attributes": {},
@@ -10374,7 +11358,7 @@
         }
       },
       "type": "dimension",
-      "value": "20px"
+      "value": "{nl.code-block.padding-block}"
     },
     "name": "utrechtCodeBlockPaddingBlockStart",
     "attributes": {},
@@ -10411,7 +11395,7 @@
         }
       },
       "type": "dimension",
-      "value": "20px"
+      "value": "{nl.code-block.padding-inline}"
     },
     "name": "utrechtCodeBlockPaddingInlineEnd",
     "attributes": {},
@@ -10448,7 +11432,7 @@
         }
       },
       "type": "dimension",
-      "value": "20px"
+      "value": "{nl.code-block.padding-inline}"
     },
     "name": "utrechtCodeBlockPaddingInlineStart",
     "attributes": {},
@@ -15943,7 +16927,7 @@
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-1.font-family}"
     },
     "name": "utrechtHeading1FontFamily",
     "attributes": {},
@@ -15980,7 +16964,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.4xl.font-size}"
+      "value": "{nl.heading.level-1.font-size}"
     },
     "name": "utrechtHeading1FontSize",
     "attributes": {},
@@ -16023,7 +17007,7 @@
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+      "value": "{nl.heading.level-1.font-weight}"
     },
     "name": "utrechtHeading1FontWeight",
     "attributes": {},
@@ -16066,7 +17050,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.sm}"
+      "value": "{nl.heading.level-1.line-height}"
     },
     "name": "utrechtHeading1LineHeight",
     "attributes": {},
@@ -16185,7 +17169,7 @@
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-2.font-family}"
     },
     "name": "utrechtHeading2FontFamily",
     "attributes": {},
@@ -16222,7 +17206,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.xl.font-size}"
+      "value": "{nl.heading.level-2.font-size}"
     },
     "name": "utrechtHeading2FontSize",
     "attributes": {},
@@ -16265,7 +17249,7 @@
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+      "value": "{nl.heading.level-2.font-weight}"
     },
     "name": "utrechtHeading2FontWeight",
     "attributes": {},
@@ -16308,7 +17292,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.sm}"
+      "value": "{nl.heading.level-2.line-height}"
     },
     "name": "utrechtHeading2LineHeight",
     "attributes": {},
@@ -16427,7 +17411,7 @@
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-3.font-family}"
     },
     "name": "utrechtHeading3FontFamily",
     "attributes": {},
@@ -16464,7 +17448,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.xl.font-size}"
+      "value": "{nl.heading.level-3.font-size}"
     },
     "name": "utrechtHeading3FontSize",
     "attributes": {},
@@ -16507,7 +17491,7 @@
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.heading.level-3.font-weight}"
     },
     "name": "utrechtHeading3FontWeight",
     "attributes": {},
@@ -16550,7 +17534,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.sm}"
+      "value": "{nl.heading.level-3.line-height}"
     },
     "name": "utrechtHeading3LineHeight",
     "attributes": {},
@@ -16669,7 +17653,7 @@
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-4.font-family}"
     },
     "name": "utrechtHeading4FontFamily",
     "attributes": {},
@@ -16706,7 +17690,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.lg.font-size}"
+      "value": "{nl.heading.level-4.font-size}"
     },
     "name": "utrechtHeading4FontSize",
     "attributes": {},
@@ -16749,7 +17733,7 @@
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.heading.level-4.font-weight}"
     },
     "name": "utrechtHeading4FontWeight",
     "attributes": {},
@@ -16792,7 +17776,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.heading.level-4.line-height}"
     },
     "name": "utrechtHeading4LineHeight",
     "attributes": {},
@@ -16911,7 +17895,7 @@
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-5.font-family}"
     },
     "name": "utrechtHeading5FontFamily",
     "attributes": {},
@@ -16948,7 +17932,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.sm.font-size}"
+      "value": "{nl.heading.level-5.font-size}"
     },
     "name": "utrechtHeading5FontSize",
     "attributes": {},
@@ -16991,7 +17975,7 @@
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.heading.level-5.font-weight}"
     },
     "name": "utrechtHeading5FontWeight",
     "attributes": {},
@@ -17034,7 +18018,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.heading.level-5.line-height}"
     },
     "name": "utrechtHeading5LineHeight",
     "attributes": {},
@@ -17153,7 +18137,7 @@
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-6.font-family}"
     },
     "name": "utrechtHeading6FontFamily",
     "attributes": {},
@@ -17190,7 +18174,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.sm.font-size}"
+      "value": "{nl.heading.level-6.font-size}"
     },
     "name": "utrechtHeading6FontSize",
     "attributes": {},
@@ -17233,7 +18217,7 @@
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.heading.level-6.font-weight}"
     },
     "name": "utrechtHeading6FontWeight",
     "attributes": {},
@@ -17276,7 +18260,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.heading.level-6.line-height}"
     },
     "name": "utrechtHeading6LineHeight",
     "attributes": {},
@@ -20171,7 +21155,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.yellow.60}"
+      "value": "{nl.mark.background-color}"
     },
     "name": "utrechtMarkBackgroundColor",
     "attributes": {},
@@ -20202,7 +21186,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.black}"
+      "value": "{nl.mark.color}"
     },
     "name": "utrechtMarkColor",
     "attributes": {},
@@ -20524,7 +21508,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.red.40}"
+      "value": "{nl.number-badge.background-color}"
     },
     "name": "utrechtNumberBadgeBackgroundColor",
     "attributes": {},
@@ -20567,7 +21551,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.number-badge.font-size}"
+      "value": "{nl.number-badge.border-radius}"
     },
     "name": "utrechtNumberBadgeBorderRadius",
     "attributes": {},
@@ -20606,7 +21590,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.white}"
+      "value": "{nl.number-badge.color}"
     },
     "name": "utrechtNumberBadgeColor",
     "attributes": {},
@@ -20649,7 +21633,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.md.font-size}"
+      "value": "{nl.number-badge.font-size}"
     },
     "name": "utrechtNumberBadgeFontSize",
     "attributes": {},
@@ -20694,7 +21678,7 @@
         }
       },
       "type": "dimension",
-      "value": "1ex"
+      "value": "{nl.number-badge.padding-block}"
     },
     "name": "utrechtNumberBadgePaddingBlock",
     "attributes": {},
@@ -20739,7 +21723,7 @@
         }
       },
       "type": "dimension",
-      "value": "1ex"
+      "value": "{nl.number-badge.padding-inline}"
     },
     "name": "utrechtNumberBadgePaddingInline",
     "attributes": {},
@@ -23092,7 +24076,7 @@
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.paragraph.font-family}"
     },
     "name": "utrechtParagraphFontFamily",
     "attributes": {},
@@ -23135,7 +24119,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.md.font-size}"
+      "value": "{nl.paragraph.font-size}"
     },
     "name": "utrechtParagraphFontSize",
     "attributes": {},
@@ -23172,7 +24156,7 @@
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.paragraph.font-weight}"
     },
     "name": "utrechtParagraphFontWeight",
     "attributes": {},
@@ -23182,46 +24166,6 @@
       "font-weight"
     ]
   },
-  {
-    "$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": "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": "utrechtParagraphLeadColor",
-    "attributes": {},
-    "path": [
-      "utrecht",
-      "paragraph",
-      "lead",
-      "color"
-    ]
-  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -23257,7 +24201,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.xl.font-size}"
+      "value": "{nl.paragraph.lead.font-size}"
     },
     "name": "utrechtParagraphLeadFontSize",
     "attributes": {},
@@ -23303,7 +24247,7 @@
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.paragraph.lead.font-weight}"
     },
     "name": "utrechtParagraphLeadFontWeight",
     "attributes": {},
@@ -23355,7 +24299,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.paragraph.lead.line-height}"
     },
     "name": "utrechtParagraphLeadLineHeight",
     "attributes": {},
@@ -23405,7 +24349,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.paragraph.line-height}"
     },
     "name": "utrechtParagraphLineHeight",
     "attributes": {},
@@ -25934,7 +26878,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.topnav.list.background-color}"
+      "value": "{nl.skip-link.background-color}"
     },
     "name": "utrechtSkipLinkBackgroundColor",
     "attributes": {},
@@ -25965,7 +26909,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.topnav.link.color}"
+      "value": "{nl.skip-link.color}"
     },
     "name": "utrechtSkipLinkColor",
     "attributes": {},
@@ -26000,7 +26944,7 @@
         "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": "utrechtSkipLinkFocusBackgroundColor",
     "attributes": {},
@@ -26036,7 +26980,7 @@
         "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": "utrechtSkipLinkFocusColor",
     "attributes": {},
@@ -26076,7 +27020,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "textDecoration",
-      "value": "{utrecht.link.focus-visible.text-decoration}"
+      "value": "{nl.skip-link.focus-visible.text-decoration}"
     },
     "name": "utrechtSkipLinkFocusVisibleTextDecoration",
     "attributes": {},
@@ -26114,7 +27058,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.button.padding-block-end}"
+      "value": "{nl.skip-link.padding-block}"
     },
     "name": "utrechtSkipLinkPaddingBlockEnd",
     "attributes": {},
@@ -26151,7 +27095,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.button.padding-block-start}"
+      "value": "{nl.skip-link.padding-block}"
     },
     "name": "utrechtSkipLinkPaddingBlockStart",
     "attributes": {},
@@ -26188,7 +27132,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.button.padding-inline-end}"
+      "value": "{nl.skip-link.padding-inline}"
     },
     "name": "utrechtSkipLinkPaddingInlineEnd",
     "attributes": {},
@@ -26225,7 +27169,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.button.padding-inline-start}"
+      "value": "{nl.skip-link.padding-inline}"
     },
     "name": "utrechtSkipLinkPaddingInlineStart",
     "attributes": {},
@@ -26264,7 +27208,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "textDecoration",
-      "value": "{utrecht.link.text-decoration}"
+      "value": "{nl.skip-link.text-decoration}"
     },
     "name": "utrechtSkipLinkTextDecoration",
     "attributes": {},