@utrecht/design-tokens 2.2.0 → 2.4.0

package/dist/list.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% 0%)",
+    "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% 100%)",
     "filePath": "src/component/of/layout.tokens.json",
@@ -3780,7 +4727,7 @@
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.grey.30}"
+      "value": "{nl.data-badge.background-color}"
     },
     "name": "utrechtBadgeBackgroundColor",
     "attributes": {},
@@ -3819,7 +4766,7 @@
         }
       },
       "type": "dimension",
-      "value": "0"
+      "value": "{nl.data-badge.border-radius}"
     },
     "name": "utrechtBadgeBorderRadius",
     "attributes": {},
@@ -3852,7 +4799,7 @@
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.white}"
+      "value": "{nl.data-badge.color}"
     },
     "name": "utrechtBadgeColor",
     "attributes": {},
@@ -4194,7 +5141,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.block.xs}"
+      "value": "{nl.data-badge.padding-block}"
     },
     "name": "utrechtBadgePaddingBlock",
     "attributes": {},
@@ -4233,7 +5180,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.inline.sm}"
+      "value": "{nl.data-badge.padding-inline}"
     },
     "name": "utrechtBadgePaddingInline",
     "attributes": {},
@@ -10732,7 +11679,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.grey.95}"
+      "value": "{nl.code-block.background-color}"
     },
     "name": "utrechtCodeBlockBackgroundColor",
     "attributes": {},
@@ -10763,7 +11710,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.black}"
+      "value": "{nl.code-block.color}"
     },
     "name": "utrechtCodeBlockColor",
     "attributes": {},
@@ -10773,6 +11720,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": {
@@ -10800,7 +11784,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.md.font-size}"
+      "value": "{nl.code-block.font-size}"
     },
     "name": "utrechtCodeBlockFontSize",
     "attributes": {},
@@ -10843,7 +11827,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.code-block.line-height}"
     },
     "name": "utrechtCodeBlockLineHeight",
     "attributes": {},
@@ -10954,7 +11938,7 @@
         }
       },
       "type": "dimension",
-      "value": "20px"
+      "value": "{nl.code-block.padding-block}"
     },
     "name": "utrechtCodeBlockPaddingBlockEnd",
     "attributes": {},
@@ -10991,7 +11975,7 @@
         }
       },
       "type": "dimension",
-      "value": "20px"
+      "value": "{nl.code-block.padding-block}"
     },
     "name": "utrechtCodeBlockPaddingBlockStart",
     "attributes": {},
@@ -11028,7 +12012,7 @@
         }
       },
       "type": "dimension",
-      "value": "20px"
+      "value": "{nl.code-block.padding-inline}"
     },
     "name": "utrechtCodeBlockPaddingInlineEnd",
     "attributes": {},
@@ -11065,7 +12049,7 @@
         }
       },
       "type": "dimension",
-      "value": "20px"
+      "value": "{nl.code-block.padding-inline}"
     },
     "name": "utrechtCodeBlockPaddingInlineStart",
     "attributes": {},
@@ -16892,7 +17876,7 @@
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-1.font-family}"
     },
     "name": "utrechtHeading1FontFamily",
     "attributes": {},
@@ -16929,7 +17913,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.4xl.font-size}"
+      "value": "{nl.heading.level-1.font-size}"
     },
     "name": "utrechtHeading1FontSize",
     "attributes": {},
@@ -16972,7 +17956,7 @@
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+      "value": "{nl.heading.level-1.font-weight}"
     },
     "name": "utrechtHeading1FontWeight",
     "attributes": {},
@@ -17015,7 +17999,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.sm}"
+      "value": "{nl.heading.level-1.line-height}"
     },
     "name": "utrechtHeading1LineHeight",
     "attributes": {},
@@ -17134,7 +18118,7 @@
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-2.font-family}"
     },
     "name": "utrechtHeading2FontFamily",
     "attributes": {},
@@ -17171,7 +18155,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.xl.font-size}"
+      "value": "{nl.heading.level-2.font-size}"
     },
     "name": "utrechtHeading2FontSize",
     "attributes": {},
@@ -17214,7 +18198,7 @@
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+      "value": "{nl.heading.level-2.font-weight}"
     },
     "name": "utrechtHeading2FontWeight",
     "attributes": {},
@@ -17257,7 +18241,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.sm}"
+      "value": "{nl.heading.level-2.line-height}"
     },
     "name": "utrechtHeading2LineHeight",
     "attributes": {},
@@ -17376,7 +18360,7 @@
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-3.font-family}"
     },
     "name": "utrechtHeading3FontFamily",
     "attributes": {},
@@ -17413,7 +18397,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.xl.font-size}"
+      "value": "{nl.heading.level-3.font-size}"
     },
     "name": "utrechtHeading3FontSize",
     "attributes": {},
@@ -17456,7 +18440,7 @@
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.heading.level-3.font-weight}"
     },
     "name": "utrechtHeading3FontWeight",
     "attributes": {},
@@ -17499,7 +18483,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.sm}"
+      "value": "{nl.heading.level-3.line-height}"
     },
     "name": "utrechtHeading3LineHeight",
     "attributes": {},
@@ -17618,7 +18602,7 @@
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-4.font-family}"
     },
     "name": "utrechtHeading4FontFamily",
     "attributes": {},
@@ -17655,7 +18639,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.lg.font-size}"
+      "value": "{nl.heading.level-4.font-size}"
     },
     "name": "utrechtHeading4FontSize",
     "attributes": {},
@@ -17698,7 +18682,7 @@
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.heading.level-4.font-weight}"
     },
     "name": "utrechtHeading4FontWeight",
     "attributes": {},
@@ -17741,7 +18725,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.heading.level-4.line-height}"
     },
     "name": "utrechtHeading4LineHeight",
     "attributes": {},
@@ -17860,7 +18844,7 @@
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-5.font-family}"
     },
     "name": "utrechtHeading5FontFamily",
     "attributes": {},
@@ -17897,7 +18881,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.sm.font-size}"
+      "value": "{nl.heading.level-5.font-size}"
     },
     "name": "utrechtHeading5FontSize",
     "attributes": {},
@@ -17940,7 +18924,7 @@
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.heading.level-5.font-weight}"
     },
     "name": "utrechtHeading5FontWeight",
     "attributes": {},
@@ -17983,7 +18967,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.heading.level-5.line-height}"
     },
     "name": "utrechtHeading5LineHeight",
     "attributes": {},
@@ -18102,7 +19086,7 @@
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-6.font-family}"
     },
     "name": "utrechtHeading6FontFamily",
     "attributes": {},
@@ -18139,7 +19123,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.sm.font-size}"
+      "value": "{nl.heading.level-6.font-size}"
     },
     "name": "utrechtHeading6FontSize",
     "attributes": {},
@@ -18182,7 +19166,7 @@
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.heading.level-6.font-weight}"
     },
     "name": "utrechtHeading6FontWeight",
     "attributes": {},
@@ -18225,7 +19209,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.heading.level-6.line-height}"
     },
     "name": "utrechtHeading6LineHeight",
     "attributes": {},
@@ -21224,7 +22208,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.yellow.60}"
+      "value": "{nl.mark.background-color}"
     },
     "name": "utrechtMarkBackgroundColor",
     "attributes": {},
@@ -21255,7 +22239,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.black}"
+      "value": "{nl.mark.color}"
     },
     "name": "utrechtMarkColor",
     "attributes": {},
@@ -21577,7 +22561,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.red.40}"
+      "value": "{nl.number-badge.background-color}"
     },
     "name": "utrechtNumberBadgeBackgroundColor",
     "attributes": {},
@@ -21620,7 +22604,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.number-badge.font-size}"
+      "value": "{nl.number-badge.border-radius}"
     },
     "name": "utrechtNumberBadgeBorderRadius",
     "attributes": {},
@@ -21659,7 +22643,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.white}"
+      "value": "{nl.number-badge.color}"
     },
     "name": "utrechtNumberBadgeColor",
     "attributes": {},
@@ -21702,7 +22686,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.md.font-size}"
+      "value": "{nl.number-badge.font-size}"
     },
     "name": "utrechtNumberBadgeFontSize",
     "attributes": {},
@@ -21747,7 +22731,7 @@
         }
       },
       "type": "dimension",
-      "value": "1ex"
+      "value": "{nl.number-badge.padding-block}"
     },
     "name": "utrechtNumberBadgePaddingBlock",
     "attributes": {},
@@ -21792,7 +22776,7 @@
         }
       },
       "type": "dimension",
-      "value": "1ex"
+      "value": "{nl.number-badge.padding-inline}"
     },
     "name": "utrechtNumberBadgePaddingInline",
     "attributes": {},
@@ -24177,7 +25161,7 @@
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.paragraph.font-family}"
     },
     "name": "utrechtParagraphFontFamily",
     "attributes": {},
@@ -24220,7 +25204,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.md.font-size}"
+      "value": "{nl.paragraph.font-size}"
     },
     "name": "utrechtParagraphFontSize",
     "attributes": {},
@@ -24257,7 +25241,7 @@
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.paragraph.font-weight}"
     },
     "name": "utrechtParagraphFontWeight",
     "attributes": {},
@@ -24267,46 +25251,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% 0%)",
-    "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": {
@@ -24342,7 +25286,7 @@
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.xl.font-size}"
+      "value": "{nl.paragraph.lead.font-size}"
     },
     "name": "utrechtParagraphLeadFontSize",
     "attributes": {},
@@ -24388,7 +25332,7 @@
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.paragraph.lead.font-weight}"
     },
     "name": "utrechtParagraphLeadFontWeight",
     "attributes": {},
@@ -24440,7 +25384,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.paragraph.lead.line-height}"
     },
     "name": "utrechtParagraphLeadLineHeight",
     "attributes": {},
@@ -24490,7 +25434,7 @@
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.paragraph.line-height}"
     },
     "name": "utrechtParagraphLineHeight",
     "attributes": {},
@@ -27019,7 +27963,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.topnav.list.background-color}"
+      "value": "{nl.skip-link.background-color}"
     },
     "name": "utrechtSkipLinkBackgroundColor",
     "attributes": {},
@@ -27050,7 +27994,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.topnav.link.color}"
+      "value": "{nl.skip-link.color}"
     },
     "name": "utrechtSkipLinkColor",
     "attributes": {},
@@ -27085,7 +28029,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": {},
@@ -27121,7 +28065,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": {},
@@ -27161,7 +28105,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": {},
@@ -27199,7 +28143,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.button.padding-block-end}"
+      "value": "{nl.skip-link.padding-block}"
     },
     "name": "utrechtSkipLinkPaddingBlockEnd",
     "attributes": {},
@@ -27236,7 +28180,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.button.padding-block-start}"
+      "value": "{nl.skip-link.padding-block}"
     },
     "name": "utrechtSkipLinkPaddingBlockStart",
     "attributes": {},
@@ -27273,7 +28217,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.button.padding-inline-end}"
+      "value": "{nl.skip-link.padding-inline}"
     },
     "name": "utrechtSkipLinkPaddingInlineEnd",
     "attributes": {},
@@ -27310,7 +28254,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.button.padding-inline-start}"
+      "value": "{nl.skip-link.padding-inline}"
     },
     "name": "utrechtSkipLinkPaddingInlineStart",
     "attributes": {},
@@ -27349,7 +28293,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "textDecoration",
-      "value": "{utrecht.link.text-decoration}"
+      "value": "{nl.skip-link.text-decoration}"
     },
     "name": "utrechtSkipLinkTextDecoration",
     "attributes": {},