@rijkshuisstijl-community/design-tokens 1.0.0-alpha.162 → 1.0.0-alpha.164

package/dist/wetgevend/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Feb 2025 10:19:54 GMT
+ * Generated on Wed, 19 Feb 2025 13:09:05 GMT
  */
 
 module.exports = {
@@ -14895,892 +14895,810 @@ module.exports = {
         ]
       }
     },
-    "skip-link": {
-      "font-weight": {
-        "value": 700,
-        "type": "fontWeights",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": 700,
-          "type": "fontWeights"
-        },
-        "name": "utrechtSkipLinkFontWeight",
-        "attributes": {
-          "category": "utrecht",
-          "type": "skip-link",
-          "item": "font-weight"
-        },
-        "path": [
-          "utrecht",
-          "skip-link",
-          "font-weight"
-        ]
-      },
-      "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
-        "type": "fontFamilies",
+    "separator": {
+      "color": {
+        "value": "#CBD5E1",
+        "type": "color",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
-          "type": "fontFamilies"
+          "value": "#CBD5E1",
+          "type": "color"
         },
-        "name": "utrechtSkipLinkFontFamily",
+        "name": "utrechtSeparatorColor",
         "attributes": {
           "category": "utrecht",
-          "type": "skip-link",
-          "item": "font-family"
+          "type": "separator",
+          "item": "color"
         },
         "path": [
           "utrecht",
-          "skip-link",
-          "font-family"
+          "separator",
+          "color"
         ]
       },
-      "font-size": {
-        "value": "1.25rem",
-        "type": "fontSizes",
+      "block-size": {
+        "value": "2px",
+        "type": "sizing",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "1.25rem",
-          "type": "fontSizes"
+          "value": "2px",
+          "type": "sizing"
         },
-        "name": "utrechtSkipLinkFontSize",
+        "name": "utrechtSeparatorBlockSize",
         "attributes": {
           "category": "utrecht",
-          "type": "skip-link",
-          "item": "font-size"
+          "type": "separator",
+          "item": "block-size"
         },
         "path": [
           "utrecht",
-          "skip-link",
-          "font-size"
+          "separator",
+          "block-size"
         ]
       },
-      "line-height": {
-        "value": "150%",
-        "type": "lineHeights",
+      "margin-block-end": {
+        "value": "0.75rem",
+        "type": "spacing",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "150%",
-          "type": "lineHeights"
+          "value": "0.75rem",
+          "type": "spacing"
         },
-        "name": "utrechtSkipLinkLineHeight",
+        "name": "utrechtSeparatorMarginBlockEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "skip-link",
-          "item": "line-height"
+          "type": "separator",
+          "item": "margin-block-end"
         },
         "path": [
           "utrecht",
-          "skip-link",
-          "line-height"
+          "separator",
+          "margin-block-end"
         ]
       },
-      "min-block-size": {
-        "value": "48px",
-        "type": "sizing",
+      "margin-block-start": {
+        "value": "0.75rem",
+        "type": "spacing",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "48px",
-          "type": "sizing"
+          "value": "0.75rem",
+          "type": "spacing"
         },
-        "name": "utrechtSkipLinkMinBlockSize",
+        "name": "utrechtSeparatorMarginBlockStart",
         "attributes": {
           "category": "utrecht",
-          "type": "skip-link",
-          "item": "min-block-size"
+          "type": "separator",
+          "item": "margin-block-start"
         },
         "path": [
           "utrecht",
-          "skip-link",
-          "min-block-size"
+          "separator",
+          "margin-block-start"
         ]
-      },
-      "min-inline-size": {
-        "value": "48px",
-        "type": "sizing",
+      }
+    },
+    "select": {
+      "image-background-position": {
+        "value": "right 0.5rem center",
+        "type": "other",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "48px",
-          "type": "sizing"
+          "value": "right 0.5rem center",
+          "type": "other"
         },
-        "name": "utrechtSkipLinkMinInlineSize",
+        "name": "utrechtSelectImageBackgroundPosition",
         "attributes": {
           "category": "utrecht",
-          "type": "skip-link",
-          "item": "min-inline-size"
+          "type": "select",
+          "item": "image-background-position"
         },
         "path": [
           "utrecht",
-          "skip-link",
-          "min-inline-size"
+          "select",
+          "image-background-position"
         ]
       },
-      "padding-block-end": {
-        "value": "0.75rem",
-        "type": "spacing",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "0.75rem",
-          "type": "spacing"
-        },
-        "name": "utrechtSkipLinkPaddingBlockEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "skip-link",
-          "item": "padding-block-end"
-        },
-        "path": [
-          "utrecht",
-          "skip-link",
-          "padding-block-end"
-        ]
+      "icon": {
+        "size": {
+          "value": "24px",
+          "type": "sizing",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "24px",
+            "type": "sizing"
+          },
+          "name": "utrechtSelectIconSize",
+          "attributes": {
+            "category": "utrecht",
+            "type": "select",
+            "item": "icon",
+            "subitem": "size"
+          },
+          "path": [
+            "utrecht",
+            "select",
+            "icon",
+            "size"
+          ]
+        }
       },
-      "padding-block-start": {
-        "value": "0.75rem",
-        "type": "spacing",
+      "background-color": {
+        "value": "#fff",
+        "type": "color",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "0.75rem",
-          "type": "spacing"
+          "value": "#fff",
+          "type": "color"
         },
-        "name": "utrechtSkipLinkPaddingBlockStart",
+        "name": "utrechtSelectBackgroundColor",
         "attributes": {
           "category": "utrecht",
-          "type": "skip-link",
-          "item": "padding-block-start"
+          "type": "select",
+          "item": "background-color"
         },
         "path": [
           "utrecht",
-          "skip-link",
-          "padding-block-start"
+          "select",
+          "background-color"
         ]
       },
-      "padding-inline-end": {
-        "value": "1rem",
-        "type": "spacing",
+      "border-color": {
+        "value": "#154273",
+        "type": "color",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "1rem",
-          "type": "spacing"
+          "value": "#154273",
+          "type": "color"
         },
-        "name": "utrechtSkipLinkPaddingInlineEnd",
+        "name": "utrechtSelectBorderColor",
         "attributes": {
           "category": "utrecht",
-          "type": "skip-link",
-          "item": "padding-inline-end"
+          "type": "select",
+          "item": "border-color"
         },
         "path": [
           "utrecht",
-          "skip-link",
-          "padding-inline-end"
+          "select",
+          "border-color"
         ]
       },
-      "padding-inline-start": {
-        "value": "1rem",
-        "type": "spacing",
+      "color": {
+        "value": "#154273",
+        "type": "color",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "1rem",
-          "type": "spacing"
+          "value": "#154273",
+          "type": "color"
         },
-        "name": "utrechtSkipLinkPaddingInlineStart",
+        "name": "utrechtSelectColor",
         "attributes": {
           "category": "utrecht",
-          "type": "skip-link",
-          "item": "padding-inline-start"
+          "type": "select",
+          "item": "color"
         },
         "path": [
           "utrecht",
-          "skip-link",
-          "padding-inline-start"
+          "select",
+          "color"
         ]
       },
-      "focus": {
+      "invalid": {
         "background-color": {
-          "value": "#fff",
+          "value": "#f9dfdd",
           "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "#fff",
+            "value": "#f9dfdd",
             "type": "color"
           },
-          "name": "utrechtSkipLinkFocusBackgroundColor",
+          "name": "utrechtSelectInvalidBackgroundColor",
           "attributes": {
             "category": "utrecht",
-            "type": "skip-link",
-            "item": "focus",
+            "type": "select",
+            "item": "invalid",
             "subitem": "background-color"
           },
           "path": [
             "utrecht",
-            "skip-link",
-            "focus",
+            "select",
+            "invalid",
             "background-color"
           ]
         },
         "border-color": {
-          "value": "#154273",
+          "value": "#d52b1e",
           "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "#154273",
+            "value": "#d52b1e",
             "type": "color"
           },
-          "name": "utrechtSkipLinkFocusBorderColor",
+          "name": "utrechtSelectInvalidBorderColor",
           "attributes": {
             "category": "utrecht",
-            "type": "skip-link",
-            "item": "focus",
+            "type": "select",
+            "item": "invalid",
             "subitem": "border-color"
           },
           "path": [
             "utrecht",
-            "skip-link",
-            "focus",
+            "select",
+            "invalid",
             "border-color"
           ]
         },
-        "border-style": {
-          "value": "solid",
-          "type": "borderStyle",
+        "color": {
+          "value": "#154273",
+          "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "solid",
-            "type": "borderStyle"
+            "value": "#154273",
+            "type": "color"
           },
-          "name": "utrechtSkipLinkFocusBorderStyle",
+          "name": "utrechtSelectInvalidColor",
           "attributes": {
             "category": "utrecht",
-            "type": "skip-link",
-            "item": "focus",
-            "subitem": "border-style"
+            "type": "select",
+            "item": "invalid",
+            "subitem": "color"
           },
           "path": [
             "utrecht",
-            "skip-link",
-            "focus",
-            "border-style"
+            "select",
+            "invalid",
+            "color"
           ]
         },
         "border-width": {
-          "value": "2px",
+          "value": "1px",
           "type": "borderWidth",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "2px",
+            "value": "1px",
             "type": "borderWidth"
           },
-          "name": "utrechtSkipLinkFocusBorderWidth",
+          "name": "utrechtSelectInvalidBorderWidth",
           "attributes": {
             "category": "utrecht",
-            "type": "skip-link",
-            "item": "focus",
+            "type": "select",
+            "item": "invalid",
             "subitem": "border-width"
           },
           "path": [
             "utrecht",
-            "skip-link",
-            "focus",
+            "select",
+            "invalid",
             "border-width"
           ]
-        },
-        "color": {
-          "value": "#154273",
+        }
+      },
+      "focus": {
+        "background-color": {
+          "value": "#fff",
           "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "#154273",
+            "value": "#fff",
             "type": "color"
           },
-          "name": "utrechtSkipLinkFocusColor",
+          "name": "utrechtSelectFocusBackgroundColor",
           "attributes": {
             "category": "utrecht",
-            "type": "skip-link",
+            "type": "select",
             "item": "focus",
-            "subitem": "color"
+            "subitem": "background-color"
           },
           "path": [
             "utrecht",
-            "skip-link",
+            "select",
             "focus",
-            "color"
+            "background-color"
           ]
         },
-        "text-decoration": {
-          "value": "None",
-          "type": "textDecoration",
+        "border-color": {
+          "value": "#154273",
+          "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "None",
-            "type": "textDecoration"
+            "value": "#154273",
+            "type": "color"
           },
-          "name": "utrechtSkipLinkFocusTextDecoration",
+          "name": "utrechtSelectFocusBorderColor",
           "attributes": {
             "category": "utrecht",
-            "type": "skip-link",
+            "type": "select",
             "item": "focus",
-            "subitem": "text-decoration"
+            "subitem": "border-color"
           },
           "path": [
             "utrecht",
-            "skip-link",
+            "select",
             "focus",
-            "text-decoration"
+            "border-color"
           ]
-        }
-      },
-      "focus-visible": {
-        "outline-color": {
-          "value": "#000",
+        },
+        "color": {
+          "value": "#154273",
           "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "#000",
+            "value": "#154273",
             "type": "color"
           },
-          "name": "utrechtSkipLinkFocusVisibleOutlineColor",
+          "name": "utrechtSelectFocusColor",
           "attributes": {
             "category": "utrecht",
-            "type": "skip-link",
-            "item": "focus-visible",
-            "subitem": "outline-color"
+            "type": "select",
+            "item": "focus",
+            "subitem": "color"
           },
           "path": [
             "utrecht",
-            "skip-link",
-            "focus-visible",
-            "outline-color"
+            "select",
+            "focus",
+            "color"
           ]
-        }
-      },
-      "background-color": {
-        "value": "#154273",
-        "type": "color",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "#154273",
-          "type": "color"
-        },
-        "name": "utrechtSkipLinkBackgroundColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "skip-link",
-          "item": "background-color"
-        },
-        "path": [
-          "utrecht",
-          "skip-link",
-          "background-color"
-        ]
-      },
-      "border-color": {
-        "value": "transparent",
-        "type": "color",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "transparent",
-          "type": "color"
-        },
-        "name": "utrechtSkipLinkBorderColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "skip-link",
-          "item": "border-color"
-        },
-        "path": [
-          "utrecht",
-          "skip-link",
-          "border-color"
-        ]
-      },
-      "color": {
-        "value": "#fff",
-        "type": "color",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "#fff",
-          "type": "color"
-        },
-        "name": "utrechtSkipLinkColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "skip-link",
-          "item": "color"
         },
-        "path": [
-          "utrecht",
-          "skip-link",
-          "color"
-        ]
-      },
-      "border-width": {
-        "value": "2px",
-        "type": "borderWidth",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
+        "border-width": {
           "value": "2px",
-          "type": "borderWidth"
-        },
-        "name": "utrechtSkipLinkBorderWidth",
-        "attributes": {
-          "category": "utrecht",
-          "type": "skip-link",
-          "item": "border-width"
-        },
-        "path": [
-          "utrecht",
-          "skip-link",
-          "border-width"
-        ]
-      },
-      "box-block-end-shadow": {
-        "offset-x": {
-          "value": 0,
-          "type": "other",
+          "type": "borderWidth",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": 0,
-            "type": "other"
+            "value": "2px",
+            "type": "borderWidth"
           },
-          "name": "utrechtSkipLinkBoxBlockEndShadowOffsetX",
+          "name": "utrechtSelectFocusBorderWidth",
           "attributes": {
             "category": "utrecht",
-            "type": "skip-link",
-            "item": "box-block-end-shadow",
-            "subitem": "offset-x"
+            "type": "select",
+            "item": "focus",
+            "subitem": "border-width"
           },
           "path": [
             "utrecht",
-            "skip-link",
-            "box-block-end-shadow",
-            "offset-x"
+            "select",
+            "focus",
+            "border-width"
           ]
-        },
-        "offset-y": {
-          "value": "16px",
-          "type": "other",
+        }
+      },
+      "disabled": {
+        "background-color": {
+          "value": "#CBD5E1",
+          "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "16px",
-            "type": "other"
+            "value": "#CBD5E1",
+            "type": "color"
           },
-          "name": "utrechtSkipLinkBoxBlockEndShadowOffsetY",
+          "name": "utrechtSelectDisabledBackgroundColor",
           "attributes": {
             "category": "utrecht",
-            "type": "skip-link",
-            "item": "box-block-end-shadow",
-            "subitem": "offset-y"
+            "type": "select",
+            "item": "disabled",
+            "subitem": "background-color"
           },
           "path": [
             "utrecht",
-            "skip-link",
-            "box-block-end-shadow",
-            "offset-y"
+            "select",
+            "disabled",
+            "background-color"
           ]
         },
-        "blur-radius": {
-          "value": "48px",
-          "type": "other",
+        "border-color": {
+          "value": "#94A3B8",
+          "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "48px",
-            "type": "other"
+            "value": "#94A3B8",
+            "type": "color"
           },
-          "name": "utrechtSkipLinkBoxBlockEndShadowBlurRadius",
+          "name": "utrechtSelectDisabledBorderColor",
           "attributes": {
             "category": "utrecht",
-            "type": "skip-link",
-            "item": "box-block-end-shadow",
-            "subitem": "blur-radius"
+            "type": "select",
+            "item": "disabled",
+            "subitem": "border-color"
           },
           "path": [
             "utrecht",
-            "skip-link",
-            "box-block-end-shadow",
-            "blur-radius"
+            "select",
+            "disabled",
+            "border-color"
           ]
         },
-        "spread-radius": {
-          "value": 0,
-          "type": "other",
+        "color": {
+          "value": "#475569",
+          "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": 0,
-            "type": "other"
+            "value": "#475569",
+            "type": "color"
           },
-          "name": "utrechtSkipLinkBoxBlockEndShadowSpreadRadius",
+          "name": "utrechtSelectDisabledColor",
           "attributes": {
             "category": "utrecht",
-            "type": "skip-link",
-            "item": "box-block-end-shadow",
-            "subitem": "spread-radius"
+            "type": "select",
+            "item": "disabled",
+            "subitem": "color"
           },
           "path": [
             "utrecht",
-            "skip-link",
-            "box-block-end-shadow",
-            "spread-radius"
+            "select",
+            "disabled",
+            "color"
+          ]
+        }
+      },
+      "hover": {
+        "background-color": {
+          "value": "#fff",
+          "type": "color",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#fff",
+            "type": "color"
+          },
+          "name": "utrechtSelectHoverBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "select",
+            "item": "hover",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "select",
+            "hover",
+            "background-color"
+          ]
+        },
+        "border-color": {
+          "value": "#738eab",
+          "type": "color",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#738eab",
+            "type": "color"
+          },
+          "name": "utrechtSelectHoverBorderColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "select",
+            "item": "hover",
+            "subitem": "border-color"
+          },
+          "path": [
+            "utrecht",
+            "select",
+            "hover",
+            "border-color"
           ]
         },
         "color": {
-          "value": "#0000001a",
+          "value": "#154273",
           "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "#0000001a",
+            "value": "#154273",
             "type": "color"
           },
-          "name": "utrechtSkipLinkBoxBlockEndShadowColor",
+          "name": "utrechtSelectHoverColor",
           "attributes": {
             "category": "utrecht",
-            "type": "skip-link",
-            "item": "box-block-end-shadow",
+            "type": "select",
+            "item": "hover",
             "subitem": "color"
           },
           "path": [
             "utrecht",
-            "skip-link",
-            "box-block-end-shadow",
+            "select",
+            "hover",
             "color"
           ]
+        },
+        "border-width": {
+          "value": "1px",
+          "type": "borderWidth",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "1px",
+            "type": "borderWidth"
+          },
+          "name": "utrechtSelectHoverBorderWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "select",
+            "item": "hover",
+            "subitem": "border-width"
+          },
+          "path": [
+            "utrecht",
+            "select",
+            "hover",
+            "border-width"
+          ]
         }
       },
-      "text-decoration": {
-        "value": "underline",
-        "type": "textDecoration",
+      "padding-block-end": {
+        "value": "0.5rem",
+        "type": "spacing",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "underline",
-          "type": "textDecoration"
+          "value": "0.5rem",
+          "type": "spacing"
         },
-        "name": "utrechtSkipLinkTextDecoration",
+        "name": "utrechtSelectPaddingBlockEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "skip-link",
-          "item": "text-decoration"
+          "type": "select",
+          "item": "padding-block-end"
         },
         "path": [
           "utrecht",
-          "skip-link",
-          "text-decoration"
+          "select",
+          "padding-block-end"
         ]
       },
-      "text-underline-offset": {
-        "value": "0.125rem",
-        "type": "other",
+      "padding-block-start": {
+        "value": "0.5rem",
+        "type": "spacing",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "0.125rem",
-          "type": "other"
+          "value": "0.5rem",
+          "type": "spacing"
         },
-        "name": "utrechtSkipLinkTextUnderlineOffset",
+        "name": "utrechtSelectPaddingBlockStart",
         "attributes": {
           "category": "utrecht",
-          "type": "skip-link",
-          "item": "text-underline-offset"
+          "type": "select",
+          "item": "padding-block-start"
         },
         "path": [
           "utrecht",
-          "skip-link",
-          "text-underline-offset"
+          "select",
+          "padding-block-start"
         ]
-      }
-    },
-    "separator": {
-      "color": {
-        "value": "#CBD5E1",
-        "type": "color",
+      },
+      "padding-inline-end": {
+        "value": "0.75rem",
+        "type": "spacing",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "#CBD5E1",
-          "type": "color"
+          "value": "0.75rem",
+          "type": "spacing"
         },
-        "name": "utrechtSeparatorColor",
+        "name": "utrechtSelectPaddingInlineEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "separator",
-          "item": "color"
+          "type": "select",
+          "item": "padding-inline-end"
         },
         "path": [
           "utrecht",
-          "separator",
-          "color"
+          "select",
+          "padding-inline-end"
         ]
       },
-      "block-size": {
-        "value": "2px",
-        "type": "sizing",
+      "padding-inline-start": {
+        "value": "0.75rem",
+        "type": "spacing",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "2px",
-          "type": "sizing"
+          "value": "0.75rem",
+          "type": "spacing"
         },
-        "name": "utrechtSeparatorBlockSize",
+        "name": "utrechtSelectPaddingInlineStart",
         "attributes": {
           "category": "utrecht",
-          "type": "separator",
-          "item": "block-size"
+          "type": "select",
+          "item": "padding-inline-start"
         },
         "path": [
           "utrecht",
-          "separator",
-          "block-size"
+          "select",
+          "padding-inline-start"
         ]
       },
-      "margin-block-end": {
-        "value": "0.75rem",
-        "type": "spacing",
+      "border-radius": {
+        "value": "2.5px",
+        "type": "borderRadius",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "0.75rem",
-          "type": "spacing"
+          "value": "2.5px",
+          "type": "borderRadius"
         },
-        "name": "utrechtSeparatorMarginBlockEnd",
+        "name": "utrechtSelectBorderRadius",
         "attributes": {
           "category": "utrecht",
-          "type": "separator",
-          "item": "margin-block-end"
+          "type": "select",
+          "item": "border-radius"
         },
         "path": [
           "utrecht",
-          "separator",
-          "margin-block-end"
+          "select",
+          "border-radius"
         ]
       },
-      "margin-block-start": {
-        "value": "0.75rem",
-        "type": "spacing",
+      "border-bottom-width": {
+        "value": "auto",
+        "type": "borderWidth",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "0.75rem",
-          "type": "spacing"
+          "value": "auto",
+          "type": "borderWidth"
         },
-        "name": "utrechtSeparatorMarginBlockStart",
+        "name": "utrechtSelectBorderBottomWidth",
         "attributes": {
           "category": "utrecht",
-          "type": "separator",
-          "item": "margin-block-start"
+          "type": "select",
+          "item": "border-bottom-width"
         },
         "path": [
           "utrecht",
-          "separator",
-          "margin-block-start"
+          "select",
+          "border-bottom-width"
         ]
-      }
-    },
-    "select": {
-      "image-background-position": {
-        "value": "right 0.5rem center",
-        "type": "other",
+      },
+      "border-width": {
+        "value": "1px",
+        "type": "borderWidth",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "right 0.5rem center",
-          "type": "other"
+          "value": "1px",
+          "type": "borderWidth"
         },
-        "name": "utrechtSelectImageBackgroundPosition",
+        "name": "utrechtSelectBorderWidth",
         "attributes": {
           "category": "utrecht",
           "type": "select",
-          "item": "image-background-position"
+          "item": "border-width"
         },
         "path": [
           "utrecht",
           "select",
-          "image-background-position"
+          "border-width"
         ]
       },
-      "icon": {
-        "size": {
-          "value": "24px",
-          "type": "sizing",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "24px",
-            "type": "sizing"
-          },
-          "name": "utrechtSelectIconSize",
-          "attributes": {
-            "category": "utrecht",
-            "type": "select",
-            "item": "icon",
-            "subitem": "size"
-          },
-          "path": [
-            "utrecht",
-            "select",
-            "icon",
-            "size"
-          ]
-        }
-      },
-      "background-color": {
-        "value": "#fff",
-        "type": "color",
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "#fff",
-          "type": "color"
+          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "type": "fontFamilies"
         },
-        "name": "utrechtSelectBackgroundColor",
+        "name": "utrechtSelectFontFamily",
         "attributes": {
           "category": "utrecht",
           "type": "select",
-          "item": "background-color"
+          "item": "font-family"
         },
         "path": [
           "utrecht",
           "select",
-          "background-color"
+          "font-family"
         ]
       },
-      "border-color": {
-        "value": "#154273",
-        "type": "color",
+      "font-weight": {
+        "value": 400,
+        "type": "fontWeights",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "#154273",
-          "type": "color"
+          "value": 400,
+          "type": "fontWeights"
         },
-        "name": "utrechtSelectBorderColor",
+        "name": "utrechtSelectFontWeight",
         "attributes": {
           "category": "utrecht",
           "type": "select",
-          "item": "border-color"
+          "item": "font-weight"
         },
         "path": [
           "utrecht",
           "select",
-          "border-color"
+          "font-weight"
         ]
       },
-      "color": {
-        "value": "#154273",
-        "type": "color",
+      "line-height": {
+        "value": "150%",
+        "type": "lineHeights",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "#154273",
-          "type": "color"
+          "value": "150%",
+          "type": "lineHeights"
         },
-        "name": "utrechtSelectColor",
+        "name": "utrechtSelectLineHeight",
         "attributes": {
           "category": "utrecht",
           "type": "select",
-          "item": "color"
+          "item": "line-height"
         },
         "path": [
           "utrecht",
           "select",
-          "color"
+          "line-height"
         ]
       },
-      "invalid": {
-        "background-color": {
-          "value": "#f9dfdd",
-          "type": "color",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#f9dfdd",
-            "type": "color"
-          },
-          "name": "utrechtSelectInvalidBackgroundColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "select",
-            "item": "invalid",
-            "subitem": "background-color"
-          },
-          "path": [
-            "utrecht",
-            "select",
-            "invalid",
-            "background-color"
-          ]
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "1.25rem",
+          "type": "fontSizes"
         },
-        "border-color": {
-          "value": "#d52b1e",
-          "type": "color",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#d52b1e",
-            "type": "color"
-          },
-          "name": "utrechtSelectInvalidBorderColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "select",
-            "item": "invalid",
-            "subitem": "border-color"
-          },
-          "path": [
-            "utrecht",
-            "select",
-            "invalid",
-            "border-color"
-          ]
+        "name": "utrechtSelectFontSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "select",
+          "item": "font-size"
         },
-        "color": {
-          "value": "#154273",
-          "type": "color",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#154273",
-            "type": "color"
-          },
-          "name": "utrechtSelectInvalidColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "select",
-            "item": "invalid",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "select",
-            "invalid",
-            "color"
-          ]
+        "path": [
+          "utrecht",
+          "select",
+          "font-size"
+        ]
+      },
+      "max-inline-size": {
+        "value": "400px",
+        "type": "sizing",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "400px",
+          "type": "sizing"
+        },
+        "name": "utrechtSelectMaxInlineSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "select",
+          "item": "max-inline-size"
         },
+        "path": [
+          "utrecht",
+          "select",
+          "max-inline-size"
+        ]
+      }
+    },
+    "radio-button": {
+      "active": {
         "border-width": {
           "value": "1px",
           "type": "borderWidth",
@@ -15790,22 +15708,20 @@ module.exports = {
             "value": "1px",
             "type": "borderWidth"
           },
-          "name": "utrechtSelectInvalidBorderWidth",
+          "name": "utrechtRadioButtonActiveBorderWidth",
           "attributes": {
             "category": "utrecht",
-            "type": "select",
-            "item": "invalid",
+            "type": "radio-button",
+            "item": "active",
             "subitem": "border-width"
           },
           "path": [
             "utrecht",
-            "select",
-            "invalid",
+            "radio-button",
+            "active",
             "border-width"
           ]
-        }
-      },
-      "focus": {
+        },
         "background-color": {
           "value": "#fff",
           "type": "color",
@@ -15815,85 +15731,269 @@ module.exports = {
             "value": "#fff",
             "type": "color"
           },
-          "name": "utrechtSelectFocusBackgroundColor",
+          "name": "utrechtRadioButtonActiveBackgroundColor",
           "attributes": {
             "category": "utrecht",
-            "type": "select",
-            "item": "focus",
+            "type": "radio-button",
+            "item": "active",
             "subitem": "background-color"
           },
           "path": [
             "utrecht",
-            "select",
-            "focus",
+            "radio-button",
+            "active",
             "background-color"
           ]
         },
         "border-color": {
-          "value": "#154273",
+          "value": "#4f7196",
           "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "#154273",
+            "value": "#4f7196",
             "type": "color"
           },
-          "name": "utrechtSelectFocusBorderColor",
+          "name": "utrechtRadioButtonActiveBorderColor",
           "attributes": {
             "category": "utrecht",
-            "type": "select",
-            "item": "focus",
+            "type": "radio-button",
+            "item": "active",
             "subitem": "border-color"
           },
           "path": [
             "utrecht",
-            "select",
-            "focus",
+            "radio-button",
+            "active",
             "border-color"
           ]
+        }
+      },
+      "size": {
+        "value": "24px",
+        "type": "sizing",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "24px",
+          "type": "sizing"
         },
-        "color": {
-          "value": "#154273",
-          "type": "color",
+        "name": "utrechtRadioButtonSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "radio-button",
+          "item": "size"
+        },
+        "path": [
+          "utrecht",
+          "radio-button",
+          "size"
+        ]
+      },
+      "dot": {
+        "size": {
+          "value": "12px",
+          "type": "sizing",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "#154273",
-            "type": "color"
+            "value": "12px",
+            "type": "sizing"
           },
-          "name": "utrechtSelectFocusColor",
+          "name": "utrechtRadioButtonDotSize",
           "attributes": {
             "category": "utrecht",
-            "type": "select",
-            "item": "focus",
-            "subitem": "color"
+            "type": "radio-button",
+            "item": "dot",
+            "subitem": "size"
           },
           "path": [
             "utrecht",
-            "select",
-            "focus",
-            "color"
+            "radio-button",
+            "dot",
+            "size"
           ]
-        },
-        "border-width": {
-          "value": "2px",
-          "type": "borderWidth",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "2px",
-            "type": "borderWidth"
+        }
+      },
+      "background-color": {
+        "value": "#fff",
+        "type": "color",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#fff",
+          "type": "color"
+        },
+        "name": "utrechtRadioButtonBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "radio-button",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "radio-button",
+          "background-color"
+        ]
+      },
+      "border-color": {
+        "value": "#154273",
+        "type": "color",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#154273",
+          "type": "color"
+        },
+        "name": "utrechtRadioButtonBorderColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "radio-button",
+          "item": "border-color"
+        },
+        "path": [
+          "utrecht",
+          "radio-button",
+          "border-color"
+        ]
+      },
+      "invalid": {
+        "background-color": {
+          "value": "#f9dfdd",
+          "type": "color",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#f9dfdd",
+            "type": "color"
           },
-          "name": "utrechtSelectFocusBorderWidth",
+          "name": "utrechtRadioButtonInvalidBackgroundColor",
           "attributes": {
             "category": "utrecht",
-            "type": "select",
+            "type": "radio-button",
+            "item": "invalid",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "invalid",
+            "background-color"
+          ]
+        },
+        "border-color": {
+          "value": "#d52b1e",
+          "type": "color",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#d52b1e",
+            "type": "color"
+          },
+          "name": "utrechtRadioButtonInvalidBorderColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "invalid",
+            "subitem": "border-color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "invalid",
+            "border-color"
+          ]
+        },
+        "border-width": {
+          "value": "1px",
+          "type": "borderWidth",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "1px",
+            "type": "borderWidth"
+          },
+          "name": "utrechtRadioButtonInvalidBorderWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "invalid",
+            "subitem": "border-width"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "invalid",
+            "border-width"
+          ]
+        }
+      },
+      "focus": {
+        "background-color": {
+          "value": "#fff",
+          "type": "color",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#fff",
+            "type": "color"
+          },
+          "name": "utrechtRadioButtonFocusBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "focus",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "focus",
+            "background-color"
+          ]
+        },
+        "border-color": {
+          "value": "#154273",
+          "type": "color",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#154273",
+            "type": "color"
+          },
+          "name": "utrechtRadioButtonFocusBorderColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "focus",
+            "subitem": "border-color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "focus",
+            "border-color"
+          ]
+        },
+        "border-width": {
+          "value": "2px",
+          "type": "borderWidth",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "2px",
+            "type": "borderWidth"
+          },
+          "name": "utrechtRadioButtonFocusBorderWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
             "item": "focus",
             "subitem": "border-width"
           },
           "path": [
             "utrecht",
-            "select",
+            "radio-button",
             "focus",
             "border-width"
           ]
@@ -15909,16 +16009,16 @@ module.exports = {
             "value": "#CBD5E1",
             "type": "color"
           },
-          "name": "utrechtSelectDisabledBackgroundColor",
+          "name": "utrechtRadioButtonDisabledBackgroundColor",
           "attributes": {
             "category": "utrecht",
-            "type": "select",
+            "type": "radio-button",
             "item": "disabled",
             "subitem": "background-color"
           },
           "path": [
             "utrecht",
-            "select",
+            "radio-button",
             "disabled",
             "background-color"
           ]
@@ -15932,16 +16032,16 @@ module.exports = {
             "value": "#94A3B8",
             "type": "color"
           },
-          "name": "utrechtSelectDisabledBorderColor",
+          "name": "utrechtRadioButtonDisabledBorderColor",
           "attributes": {
             "category": "utrecht",
-            "type": "select",
+            "type": "radio-button",
             "item": "disabled",
             "subitem": "border-color"
           },
           "path": [
             "utrecht",
-            "select",
+            "radio-button",
             "disabled",
             "border-color"
           ]
@@ -15955,808 +16055,88 @@ module.exports = {
             "value": "#475569",
             "type": "color"
           },
-          "name": "utrechtSelectDisabledColor",
+          "name": "utrechtRadioButtonDisabledColor",
           "attributes": {
             "category": "utrecht",
-            "type": "select",
+            "type": "radio-button",
             "item": "disabled",
             "subitem": "color"
           },
           "path": [
             "utrecht",
-            "select",
+            "radio-button",
             "disabled",
             "color"
           ]
         }
       },
-      "hover": {
+      "checked": {
         "background-color": {
-          "value": "#fff",
+          "value": "#154273",
           "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "#fff",
+            "value": "#154273",
             "type": "color"
           },
-          "name": "utrechtSelectHoverBackgroundColor",
+          "name": "utrechtRadioButtonCheckedBackgroundColor",
           "attributes": {
             "category": "utrecht",
-            "type": "select",
-            "item": "hover",
+            "type": "radio-button",
+            "item": "checked",
             "subitem": "background-color"
           },
           "path": [
             "utrecht",
-            "select",
-            "hover",
+            "radio-button",
+            "checked",
             "background-color"
           ]
         },
         "border-color": {
-          "value": "#738eab",
+          "value": "transparent",
           "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "#738eab",
+            "value": "transparent",
             "type": "color"
           },
-          "name": "utrechtSelectHoverBorderColor",
+          "name": "utrechtRadioButtonCheckedBorderColor",
           "attributes": {
             "category": "utrecht",
-            "type": "select",
-            "item": "hover",
+            "type": "radio-button",
+            "item": "checked",
             "subitem": "border-color"
           },
           "path": [
             "utrecht",
-            "select",
-            "hover",
+            "radio-button",
+            "checked",
             "border-color"
           ]
         },
         "color": {
-          "value": "#154273",
+          "value": "#fff",
           "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "#154273",
+            "value": "#fff",
             "type": "color"
           },
-          "name": "utrechtSelectHoverColor",
+          "name": "utrechtRadioButtonCheckedColor",
           "attributes": {
             "category": "utrecht",
-            "type": "select",
-            "item": "hover",
+            "type": "radio-button",
+            "item": "checked",
             "subitem": "color"
           },
           "path": [
             "utrecht",
-            "select",
-            "hover",
-            "color"
-          ]
-        },
-        "border-width": {
-          "value": "1px",
-          "type": "borderWidth",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "1px",
-            "type": "borderWidth"
-          },
-          "name": "utrechtSelectHoverBorderWidth",
-          "attributes": {
-            "category": "utrecht",
-            "type": "select",
-            "item": "hover",
-            "subitem": "border-width"
-          },
-          "path": [
-            "utrecht",
-            "select",
-            "hover",
-            "border-width"
-          ]
-        }
-      },
-      "padding-block-end": {
-        "value": "0.5rem",
-        "type": "spacing",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "0.5rem",
-          "type": "spacing"
-        },
-        "name": "utrechtSelectPaddingBlockEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "select",
-          "item": "padding-block-end"
-        },
-        "path": [
-          "utrecht",
-          "select",
-          "padding-block-end"
-        ]
-      },
-      "padding-block-start": {
-        "value": "0.5rem",
-        "type": "spacing",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "0.5rem",
-          "type": "spacing"
-        },
-        "name": "utrechtSelectPaddingBlockStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "select",
-          "item": "padding-block-start"
-        },
-        "path": [
-          "utrecht",
-          "select",
-          "padding-block-start"
-        ]
-      },
-      "padding-inline-end": {
-        "value": "0.75rem",
-        "type": "spacing",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "0.75rem",
-          "type": "spacing"
-        },
-        "name": "utrechtSelectPaddingInlineEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "select",
-          "item": "padding-inline-end"
-        },
-        "path": [
-          "utrecht",
-          "select",
-          "padding-inline-end"
-        ]
-      },
-      "padding-inline-start": {
-        "value": "0.75rem",
-        "type": "spacing",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "0.75rem",
-          "type": "spacing"
-        },
-        "name": "utrechtSelectPaddingInlineStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "select",
-          "item": "padding-inline-start"
-        },
-        "path": [
-          "utrecht",
-          "select",
-          "padding-inline-start"
-        ]
-      },
-      "border-radius": {
-        "value": "2.5px",
-        "type": "borderRadius",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "2.5px",
-          "type": "borderRadius"
-        },
-        "name": "utrechtSelectBorderRadius",
-        "attributes": {
-          "category": "utrecht",
-          "type": "select",
-          "item": "border-radius"
-        },
-        "path": [
-          "utrecht",
-          "select",
-          "border-radius"
-        ]
-      },
-      "border-bottom-width": {
-        "value": "auto",
-        "type": "borderWidth",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "auto",
-          "type": "borderWidth"
-        },
-        "name": "utrechtSelectBorderBottomWidth",
-        "attributes": {
-          "category": "utrecht",
-          "type": "select",
-          "item": "border-bottom-width"
-        },
-        "path": [
-          "utrecht",
-          "select",
-          "border-bottom-width"
-        ]
-      },
-      "border-width": {
-        "value": "1px",
-        "type": "borderWidth",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "1px",
-          "type": "borderWidth"
-        },
-        "name": "utrechtSelectBorderWidth",
-        "attributes": {
-          "category": "utrecht",
-          "type": "select",
-          "item": "border-width"
-        },
-        "path": [
-          "utrecht",
-          "select",
-          "border-width"
-        ]
-      },
-      "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
-        "type": "fontFamilies",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
-          "type": "fontFamilies"
-        },
-        "name": "utrechtSelectFontFamily",
-        "attributes": {
-          "category": "utrecht",
-          "type": "select",
-          "item": "font-family"
-        },
-        "path": [
-          "utrecht",
-          "select",
-          "font-family"
-        ]
-      },
-      "font-weight": {
-        "value": 400,
-        "type": "fontWeights",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": 400,
-          "type": "fontWeights"
-        },
-        "name": "utrechtSelectFontWeight",
-        "attributes": {
-          "category": "utrecht",
-          "type": "select",
-          "item": "font-weight"
-        },
-        "path": [
-          "utrecht",
-          "select",
-          "font-weight"
-        ]
-      },
-      "line-height": {
-        "value": "150%",
-        "type": "lineHeights",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "150%",
-          "type": "lineHeights"
-        },
-        "name": "utrechtSelectLineHeight",
-        "attributes": {
-          "category": "utrecht",
-          "type": "select",
-          "item": "line-height"
-        },
-        "path": [
-          "utrecht",
-          "select",
-          "line-height"
-        ]
-      },
-      "font-size": {
-        "value": "1.25rem",
-        "type": "fontSizes",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "1.25rem",
-          "type": "fontSizes"
-        },
-        "name": "utrechtSelectFontSize",
-        "attributes": {
-          "category": "utrecht",
-          "type": "select",
-          "item": "font-size"
-        },
-        "path": [
-          "utrecht",
-          "select",
-          "font-size"
-        ]
-      },
-      "max-inline-size": {
-        "value": "400px",
-        "type": "sizing",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "400px",
-          "type": "sizing"
-        },
-        "name": "utrechtSelectMaxInlineSize",
-        "attributes": {
-          "category": "utrecht",
-          "type": "select",
-          "item": "max-inline-size"
-        },
-        "path": [
-          "utrecht",
-          "select",
-          "max-inline-size"
-        ]
-      }
-    },
-    "radio-button": {
-      "active": {
-        "border-width": {
-          "value": "1px",
-          "type": "borderWidth",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "1px",
-            "type": "borderWidth"
-          },
-          "name": "utrechtRadioButtonActiveBorderWidth",
-          "attributes": {
-            "category": "utrecht",
-            "type": "radio-button",
-            "item": "active",
-            "subitem": "border-width"
-          },
-          "path": [
-            "utrecht",
-            "radio-button",
-            "active",
-            "border-width"
-          ]
-        },
-        "background-color": {
-          "value": "#fff",
-          "type": "color",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#fff",
-            "type": "color"
-          },
-          "name": "utrechtRadioButtonActiveBackgroundColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "radio-button",
-            "item": "active",
-            "subitem": "background-color"
-          },
-          "path": [
-            "utrecht",
-            "radio-button",
-            "active",
-            "background-color"
-          ]
-        },
-        "border-color": {
-          "value": "#4f7196",
-          "type": "color",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#4f7196",
-            "type": "color"
-          },
-          "name": "utrechtRadioButtonActiveBorderColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "radio-button",
-            "item": "active",
-            "subitem": "border-color"
-          },
-          "path": [
-            "utrecht",
-            "radio-button",
-            "active",
-            "border-color"
-          ]
-        }
-      },
-      "size": {
-        "value": "24px",
-        "type": "sizing",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "24px",
-          "type": "sizing"
-        },
-        "name": "utrechtRadioButtonSize",
-        "attributes": {
-          "category": "utrecht",
-          "type": "radio-button",
-          "item": "size"
-        },
-        "path": [
-          "utrecht",
-          "radio-button",
-          "size"
-        ]
-      },
-      "dot": {
-        "size": {
-          "value": "12px",
-          "type": "sizing",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "12px",
-            "type": "sizing"
-          },
-          "name": "utrechtRadioButtonDotSize",
-          "attributes": {
-            "category": "utrecht",
-            "type": "radio-button",
-            "item": "dot",
-            "subitem": "size"
-          },
-          "path": [
-            "utrecht",
-            "radio-button",
-            "dot",
-            "size"
-          ]
-        }
-      },
-      "background-color": {
-        "value": "#fff",
-        "type": "color",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "#fff",
-          "type": "color"
-        },
-        "name": "utrechtRadioButtonBackgroundColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "radio-button",
-          "item": "background-color"
-        },
-        "path": [
-          "utrecht",
-          "radio-button",
-          "background-color"
-        ]
-      },
-      "border-color": {
-        "value": "#154273",
-        "type": "color",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "#154273",
-          "type": "color"
-        },
-        "name": "utrechtRadioButtonBorderColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "radio-button",
-          "item": "border-color"
-        },
-        "path": [
-          "utrecht",
-          "radio-button",
-          "border-color"
-        ]
-      },
-      "invalid": {
-        "background-color": {
-          "value": "#f9dfdd",
-          "type": "color",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#f9dfdd",
-            "type": "color"
-          },
-          "name": "utrechtRadioButtonInvalidBackgroundColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "radio-button",
-            "item": "invalid",
-            "subitem": "background-color"
-          },
-          "path": [
-            "utrecht",
-            "radio-button",
-            "invalid",
-            "background-color"
-          ]
-        },
-        "border-color": {
-          "value": "#d52b1e",
-          "type": "color",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#d52b1e",
-            "type": "color"
-          },
-          "name": "utrechtRadioButtonInvalidBorderColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "radio-button",
-            "item": "invalid",
-            "subitem": "border-color"
-          },
-          "path": [
-            "utrecht",
-            "radio-button",
-            "invalid",
-            "border-color"
-          ]
-        },
-        "border-width": {
-          "value": "1px",
-          "type": "borderWidth",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "1px",
-            "type": "borderWidth"
-          },
-          "name": "utrechtRadioButtonInvalidBorderWidth",
-          "attributes": {
-            "category": "utrecht",
-            "type": "radio-button",
-            "item": "invalid",
-            "subitem": "border-width"
-          },
-          "path": [
-            "utrecht",
-            "radio-button",
-            "invalid",
-            "border-width"
-          ]
-        }
-      },
-      "focus": {
-        "background-color": {
-          "value": "#fff",
-          "type": "color",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#fff",
-            "type": "color"
-          },
-          "name": "utrechtRadioButtonFocusBackgroundColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "radio-button",
-            "item": "focus",
-            "subitem": "background-color"
-          },
-          "path": [
-            "utrecht",
-            "radio-button",
-            "focus",
-            "background-color"
-          ]
-        },
-        "border-color": {
-          "value": "#154273",
-          "type": "color",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#154273",
-            "type": "color"
-          },
-          "name": "utrechtRadioButtonFocusBorderColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "radio-button",
-            "item": "focus",
-            "subitem": "border-color"
-          },
-          "path": [
-            "utrecht",
-            "radio-button",
-            "focus",
-            "border-color"
-          ]
-        },
-        "border-width": {
-          "value": "2px",
-          "type": "borderWidth",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "2px",
-            "type": "borderWidth"
-          },
-          "name": "utrechtRadioButtonFocusBorderWidth",
-          "attributes": {
-            "category": "utrecht",
-            "type": "radio-button",
-            "item": "focus",
-            "subitem": "border-width"
-          },
-          "path": [
-            "utrecht",
-            "radio-button",
-            "focus",
-            "border-width"
-          ]
-        }
-      },
-      "disabled": {
-        "background-color": {
-          "value": "#CBD5E1",
-          "type": "color",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#CBD5E1",
-            "type": "color"
-          },
-          "name": "utrechtRadioButtonDisabledBackgroundColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "radio-button",
-            "item": "disabled",
-            "subitem": "background-color"
-          },
-          "path": [
-            "utrecht",
-            "radio-button",
-            "disabled",
-            "background-color"
-          ]
-        },
-        "border-color": {
-          "value": "#94A3B8",
-          "type": "color",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#94A3B8",
-            "type": "color"
-          },
-          "name": "utrechtRadioButtonDisabledBorderColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "radio-button",
-            "item": "disabled",
-            "subitem": "border-color"
-          },
-          "path": [
-            "utrecht",
-            "radio-button",
-            "disabled",
-            "border-color"
-          ]
-        },
-        "color": {
-          "value": "#475569",
-          "type": "color",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#475569",
-            "type": "color"
-          },
-          "name": "utrechtRadioButtonDisabledColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "radio-button",
-            "item": "disabled",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "radio-button",
-            "disabled",
-            "color"
-          ]
-        }
-      },
-      "checked": {
-        "background-color": {
-          "value": "#154273",
-          "type": "color",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#154273",
-            "type": "color"
-          },
-          "name": "utrechtRadioButtonCheckedBackgroundColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "radio-button",
-            "item": "checked",
-            "subitem": "background-color"
-          },
-          "path": [
-            "utrecht",
-            "radio-button",
-            "checked",
-            "background-color"
-          ]
-        },
-        "border-color": {
-          "value": "transparent",
-          "type": "color",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "name": "utrechtRadioButtonCheckedBorderColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "radio-button",
-            "item": "checked",
-            "subitem": "border-color"
-          },
-          "path": [
-            "utrecht",
-            "radio-button",
-            "checked",
-            "border-color"
-          ]
-        },
-        "color": {
-          "value": "#fff",
-          "type": "color",
-          "filePath": "src/generated/wetgevend/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#fff",
-            "type": "color"
-          },
-          "name": "utrechtRadioButtonCheckedColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "radio-button",
-            "item": "checked",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "radio-button",
-            "checked",
+            "radio-button",
+            "checked",
             "color"
           ]
         },
@@ -25952,46 +25332,292 @@ module.exports = {
               "value": "24px",
               "type": "sizing"
             },
-            "name": "utrechtAccordionButtonIconSize",
+            "name": "utrechtAccordionButtonIconSize",
+            "attributes": {
+              "category": "utrecht",
+              "type": "accordion",
+              "item": "button",
+              "subitem": "icon",
+              "state": "size"
+            },
+            "path": [
+              "utrecht",
+              "accordion",
+              "button",
+              "icon",
+              "size"
+            ]
+          }
+        },
+        "hover": {
+          "background-color": {
+            "value": "#F8FAFC",
+            "type": "color",
+            "filePath": "src/generated/wetgevend/tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "#F8FAFC",
+              "type": "color"
+            },
+            "name": "utrechtAccordionButtonHoverBackgroundColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "accordion",
+              "item": "button",
+              "subitem": "hover",
+              "state": "background-color"
+            },
+            "path": [
+              "utrecht",
+              "accordion",
+              "button",
+              "hover",
+              "background-color"
+            ]
+          },
+          "border-color": {
+            "value": "#94A3B8",
+            "type": "color",
+            "filePath": "src/generated/wetgevend/tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "#94A3B8",
+              "type": "color"
+            },
+            "name": "utrechtAccordionButtonHoverBorderColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "accordion",
+              "item": "button",
+              "subitem": "hover",
+              "state": "border-color"
+            },
+            "path": [
+              "utrecht",
+              "accordion",
+              "button",
+              "hover",
+              "border-color"
+            ]
+          },
+          "color": {
+            "value": "#154273",
+            "type": "color",
+            "filePath": "src/generated/wetgevend/tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "#154273",
+              "type": "color"
+            },
+            "name": "utrechtAccordionButtonHoverColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "accordion",
+              "item": "button",
+              "subitem": "hover",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "accordion",
+              "button",
+              "hover",
+              "color"
+            ]
+          }
+        },
+        "background-color": {
+          "value": "#fff",
+          "type": "color",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#fff",
+            "type": "color"
+          },
+          "name": "utrechtAccordionButtonBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "accordion",
+            "item": "button",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "accordion",
+            "button",
+            "background-color"
+          ]
+        },
+        "border-color": {
+          "value": "#94A3B8",
+          "type": "color",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#94A3B8",
+            "type": "color"
+          },
+          "name": "utrechtAccordionButtonBorderColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "accordion",
+            "item": "button",
+            "subitem": "border-color"
+          },
+          "path": [
+            "utrecht",
+            "accordion",
+            "button",
+            "border-color"
+          ]
+        },
+        "border-width": {
+          "value": 0,
+          "type": "borderWidth",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": 0,
+            "type": "borderWidth"
+          },
+          "name": "utrechtAccordionButtonBorderWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "accordion",
+            "item": "button",
+            "subitem": "border-width"
+          },
+          "path": [
+            "utrecht",
+            "accordion",
+            "button",
+            "border-width"
+          ]
+        },
+        "color": {
+          "value": "#154273",
+          "type": "color",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#154273",
+            "type": "color"
+          },
+          "name": "utrechtAccordionButtonColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "accordion",
+            "item": "button",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "accordion",
+            "button",
+            "color"
+          ]
+        },
+        "focus": {
+          "background-color": {
+            "value": "#dce3ea",
+            "type": "color",
+            "filePath": "src/generated/wetgevend/tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "#dce3ea",
+              "type": "color"
+            },
+            "name": "utrechtAccordionButtonFocusBackgroundColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "accordion",
+              "item": "button",
+              "subitem": "focus",
+              "state": "background-color"
+            },
+            "path": [
+              "utrecht",
+              "accordion",
+              "button",
+              "focus",
+              "background-color"
+            ]
+          },
+          "border-color": {
+            "value": "#154273",
+            "type": "color",
+            "filePath": "src/generated/wetgevend/tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "#154273",
+              "type": "color"
+            },
+            "name": "utrechtAccordionButtonFocusBorderColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "accordion",
+              "item": "button",
+              "subitem": "focus",
+              "state": "border-color"
+            },
+            "path": [
+              "utrecht",
+              "accordion",
+              "button",
+              "focus",
+              "border-color"
+            ]
+          },
+          "color": {
+            "value": "#154273",
+            "type": "color",
+            "filePath": "src/generated/wetgevend/tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "#154273",
+              "type": "color"
+            },
+            "name": "utrechtAccordionButtonFocusColor",
             "attributes": {
               "category": "utrecht",
               "type": "accordion",
               "item": "button",
-              "subitem": "icon",
-              "state": "size"
+              "subitem": "focus",
+              "state": "color"
             },
             "path": [
               "utrecht",
               "accordion",
               "button",
-              "icon",
-              "size"
+              "focus",
+              "color"
             ]
           }
         },
-        "hover": {
+        "active": {
           "background-color": {
-            "value": "#F8FAFC",
+            "value": "#F1F5F9",
             "type": "color",
             "filePath": "src/generated/wetgevend/tokens.json",
             "isSource": true,
             "original": {
-              "value": "#F8FAFC",
+              "value": "#F1F5F9",
               "type": "color"
             },
-            "name": "utrechtAccordionButtonHoverBackgroundColor",
+            "name": "utrechtAccordionButtonActiveBackgroundColor",
             "attributes": {
               "category": "utrecht",
               "type": "accordion",
               "item": "button",
-              "subitem": "hover",
+              "subitem": "active",
               "state": "background-color"
             },
             "path": [
               "utrecht",
               "accordion",
               "button",
-              "hover",
+              "active",
               "background-color"
             ]
           },
@@ -26004,19 +25630,19 @@ module.exports = {
               "value": "#94A3B8",
               "type": "color"
             },
-            "name": "utrechtAccordionButtonHoverBorderColor",
+            "name": "utrechtAccordionButtonActiveBorderColor",
             "attributes": {
               "category": "utrecht",
               "type": "accordion",
               "item": "button",
-              "subitem": "hover",
+              "subitem": "active",
               "state": "border-color"
             },
             "path": [
               "utrecht",
               "accordion",
               "button",
-              "hover",
+              "active",
               "border-color"
             ]
           },
@@ -26029,337 +25655,461 @@ module.exports = {
               "value": "#154273",
               "type": "color"
             },
-            "name": "utrechtAccordionButtonHoverColor",
+            "name": "utrechtAccordionButtonActiveColor",
             "attributes": {
               "category": "utrecht",
               "type": "accordion",
               "item": "button",
-              "subitem": "hover",
+              "subitem": "active",
               "state": "color"
             },
             "path": [
               "utrecht",
               "accordion",
               "button",
-              "hover",
+              "active",
               "color"
             ]
+          },
+          "row-gap": {
+            "value": 0,
+            "type": "spacing",
+            "filePath": "src/generated/wetgevend/tokens.json",
+            "isSource": true,
+            "original": {
+              "value": 0,
+              "type": "spacing"
+            },
+            "name": "utrechtAccordionButtonActiveRowGap",
+            "attributes": {
+              "category": "utrecht",
+              "type": "accordion",
+              "item": "button",
+              "subitem": "active",
+              "state": "row-gap"
+            },
+            "path": [
+              "utrecht",
+              "accordion",
+              "button",
+              "active",
+              "row-gap"
+            ]
           }
-        },
-        "background-color": {
+        }
+      }
+    },
+    "document": {
+      "background-color": {
+        "value": "#fff",
+        "type": "color",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
           "value": "#fff",
-          "type": "color",
+          "type": "color"
+        },
+        "name": "utrechtDocumentBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "document",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "document",
+          "background-color"
+        ]
+      },
+      "color": {
+        "value": "#000",
+        "type": "color",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#000",
+          "type": "color"
+        },
+        "name": "utrechtDocumentColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "document",
+          "item": "color"
+        },
+        "path": [
+          "utrecht",
+          "document",
+          "color"
+        ]
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "type": "fontFamilies"
+        },
+        "name": "utrechtDocumentFontFamily",
+        "attributes": {
+          "category": "utrecht",
+          "type": "document",
+          "item": "font-family"
+        },
+        "path": [
+          "utrecht",
+          "document",
+          "font-family"
+        ]
+      },
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "1.25rem",
+          "type": "fontSizes"
+        },
+        "name": "utrechtDocumentFontSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "document",
+          "item": "font-size"
+        },
+        "path": [
+          "utrecht",
+          "document",
+          "font-size"
+        ]
+      },
+      "line-height": {
+        "value": "150%",
+        "type": "lineHeights",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "150%",
+          "type": "lineHeights"
+        },
+        "name": "utrechtDocumentLineHeight",
+        "attributes": {
+          "category": "utrecht",
+          "type": "document",
+          "item": "line-height"
+        },
+        "path": [
+          "utrecht",
+          "document",
+          "line-height"
+        ]
+      },
+      "font-weight": {
+        "value": 400,
+        "type": "fontWeights",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": 400,
+          "type": "fontWeights"
+        },
+        "name": "utrechtDocumentFontWeight",
+        "attributes": {
+          "category": "utrecht",
+          "type": "document",
+          "item": "font-weight"
+        },
+        "path": [
+          "utrecht",
+          "document",
+          "font-weight"
+        ]
+      }
+    },
+    "rich-text": {
+      "stranger": {
+        "margin-block-end": {
+          "value": "2rem",
+          "type": "spacing",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "#fff",
-            "type": "color"
+            "value": "2rem",
+            "type": "spacing"
           },
-          "name": "utrechtAccordionButtonBackgroundColor",
+          "name": "utrechtRichTextStrangerMarginBlockEnd",
           "attributes": {
             "category": "utrecht",
-            "type": "accordion",
-            "item": "button",
-            "subitem": "background-color"
+            "type": "rich-text",
+            "item": "stranger",
+            "subitem": "margin-block-end"
           },
           "path": [
             "utrecht",
-            "accordion",
-            "button",
-            "background-color"
+            "rich-text",
+            "stranger",
+            "margin-block-end"
           ]
-        },
-        "border-color": {
-          "value": "#94A3B8",
-          "type": "color",
+        }
+      },
+      "acquaintance": {
+        "margin-block-end": {
+          "value": "1rem",
+          "type": "spacing",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "#94A3B8",
-            "type": "color"
+            "value": "1rem",
+            "type": "spacing"
           },
-          "name": "utrechtAccordionButtonBorderColor",
+          "name": "utrechtRichTextAcquaintanceMarginBlockEnd",
+          "attributes": {
+            "category": "utrecht",
+            "type": "rich-text",
+            "item": "acquaintance",
+            "subitem": "margin-block-end"
+          },
+          "path": [
+            "utrecht",
+            "rich-text",
+            "acquaintance",
+            "margin-block-end"
+          ]
+        }
+      },
+      "friend": {
+        "margin-block-end": {
+          "value": "0.5rem",
+          "type": "spacing",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "0.5rem",
+            "type": "spacing"
+          },
+          "name": "utrechtRichTextFriendMarginBlockEnd",
           "attributes": {
             "category": "utrecht",
-            "type": "accordion",
-            "item": "button",
-            "subitem": "border-color"
+            "type": "rich-text",
+            "item": "friend",
+            "subitem": "margin-block-end"
           },
           "path": [
             "utrecht",
-            "accordion",
-            "button",
-            "border-color"
+            "rich-text",
+            "friend",
+            "margin-block-end"
           ]
-        },
-        "border-width": {
-          "value": 0,
-          "type": "borderWidth",
+        }
+      },
+      "best-friend": {
+        "margin-block-end": {
+          "value": "0.25rem",
+          "type": "spacing",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": 0,
-            "type": "borderWidth"
+            "value": "0.25rem",
+            "type": "spacing"
           },
-          "name": "utrechtAccordionButtonBorderWidth",
+          "name": "utrechtRichTextBestFriendMarginBlockEnd",
           "attributes": {
             "category": "utrecht",
-            "type": "accordion",
-            "item": "button",
-            "subitem": "border-width"
+            "type": "rich-text",
+            "item": "best-friend",
+            "subitem": "margin-block-end"
           },
           "path": [
             "utrecht",
-            "accordion",
-            "button",
-            "border-width"
+            "rich-text",
+            "best-friend",
+            "margin-block-end"
           ]
-        },
-        "color": {
-          "value": "#154273",
-          "type": "color",
+        }
+      },
+      "confidant": {
+        "margin-block-end": {
+          "value": 0,
+          "type": "spacing",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "#154273",
-            "type": "color"
+            "value": 0,
+            "type": "spacing"
           },
-          "name": "utrechtAccordionButtonColor",
+          "name": "utrechtRichTextConfidantMarginBlockEnd",
           "attributes": {
             "category": "utrecht",
-            "type": "accordion",
-            "item": "button",
-            "subitem": "color"
+            "type": "rich-text",
+            "item": "confidant",
+            "subitem": "margin-block-end"
           },
           "path": [
             "utrecht",
-            "accordion",
-            "button",
-            "color"
+            "rich-text",
+            "confidant",
+            "margin-block-end"
           ]
-        },
-        "focus": {
-          "background-color": {
-            "value": "#dce3ea",
-            "type": "color",
-            "filePath": "src/generated/wetgevend/tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "#dce3ea",
-              "type": "color"
-            },
-            "name": "utrechtAccordionButtonFocusBackgroundColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "accordion",
-              "item": "button",
-              "subitem": "focus",
-              "state": "background-color"
-            },
-            "path": [
-              "utrecht",
-              "accordion",
-              "button",
-              "focus",
-              "background-color"
-            ]
-          },
-          "border-color": {
-            "value": "#154273",
-            "type": "color",
-            "filePath": "src/generated/wetgevend/tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "#154273",
-              "type": "color"
-            },
-            "name": "utrechtAccordionButtonFocusBorderColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "accordion",
-              "item": "button",
-              "subitem": "focus",
-              "state": "border-color"
-            },
-            "path": [
-              "utrecht",
-              "accordion",
-              "button",
-              "focus",
-              "border-color"
-            ]
-          },
-          "color": {
-            "value": "#154273",
-            "type": "color",
-            "filePath": "src/generated/wetgevend/tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "#154273",
-              "type": "color"
-            },
-            "name": "utrechtAccordionButtonFocusColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "accordion",
-              "item": "button",
-              "subitem": "focus",
-              "state": "color"
-            },
-            "path": [
-              "utrecht",
-              "accordion",
-              "button",
-              "focus",
-              "color"
-            ]
-          }
-        },
-        "active": {
-          "background-color": {
-            "value": "#F1F5F9",
-            "type": "color",
-            "filePath": "src/generated/wetgevend/tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "#F1F5F9",
-              "type": "color"
-            },
-            "name": "utrechtAccordionButtonActiveBackgroundColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "accordion",
-              "item": "button",
-              "subitem": "active",
-              "state": "background-color"
-            },
-            "path": [
-              "utrecht",
-              "accordion",
-              "button",
-              "active",
-              "background-color"
-            ]
-          },
-          "border-color": {
-            "value": "#94A3B8",
-            "type": "color",
-            "filePath": "src/generated/wetgevend/tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "#94A3B8",
-              "type": "color"
-            },
-            "name": "utrechtAccordionButtonActiveBorderColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "accordion",
-              "item": "button",
-              "subitem": "active",
-              "state": "border-color"
-            },
-            "path": [
-              "utrecht",
-              "accordion",
-              "button",
-              "active",
-              "border-color"
-            ]
-          },
-          "color": {
-            "value": "#154273",
-            "type": "color",
-            "filePath": "src/generated/wetgevend/tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "#154273",
-              "type": "color"
-            },
-            "name": "utrechtAccordionButtonActiveColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "accordion",
-              "item": "button",
-              "subitem": "active",
-              "state": "color"
-            },
-            "path": [
-              "utrecht",
-              "accordion",
-              "button",
-              "active",
-              "color"
-            ]
-          },
-          "row-gap": {
-            "value": 0,
-            "type": "spacing",
-            "filePath": "src/generated/wetgevend/tokens.json",
-            "isSource": true,
-            "original": {
-              "value": 0,
-              "type": "spacing"
-            },
-            "name": "utrechtAccordionButtonActiveRowGap",
-            "attributes": {
-              "category": "utrecht",
-              "type": "accordion",
-              "item": "button",
-              "subitem": "active",
-              "state": "row-gap"
-            },
-            "path": [
-              "utrecht",
-              "accordion",
-              "button",
-              "active",
-              "row-gap"
-            ]
-          }
         }
       }
     },
-    "document": {
-      "background-color": {
-        "value": "#fff",
+    "pointer-target": {
+      "min-size": {
+        "value": "48px",
+        "type": "sizing",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "48px",
+          "type": "sizing"
+        },
+        "name": "utrechtPointerTargetMinSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "pointer-target",
+          "item": "min-size"
+        },
+        "path": [
+          "utrecht",
+          "pointer-target",
+          "min-size"
+        ]
+      }
+    },
+    "focus": {
+      "outline-color": {
+        "value": "#000",
         "type": "color",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "#fff",
+          "value": "#000",
           "type": "color"
         },
-        "name": "utrechtDocumentBackgroundColor",
+        "name": "utrechtFocusOutlineColor",
         "attributes": {
           "category": "utrecht",
-          "type": "document",
-          "item": "background-color"
+          "type": "focus",
+          "item": "outline-color"
         },
         "path": [
           "utrecht",
-          "document",
-          "background-color"
+          "focus",
+          "outline-color"
         ]
       },
-      "color": {
-        "value": "#000",
-        "type": "color",
+      "outline-offset": {
+        "value": "0.125rem",
+        "type": "spacing",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "#000",
-          "type": "color"
+          "value": "0.125rem",
+          "type": "spacing"
         },
-        "name": "utrechtDocumentColor",
+        "name": "utrechtFocusOutlineOffset",
         "attributes": {
           "category": "utrecht",
-          "type": "document",
-          "item": "color"
+          "type": "focus",
+          "item": "outline-offset"
         },
         "path": [
           "utrecht",
-          "document",
-          "color"
+          "focus",
+          "outline-offset"
+        ]
+      },
+      "outline-style": {
+        "value": "solid",
+        "type": "other",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "solid",
+          "type": "other"
+        },
+        "name": "utrechtFocusOutlineStyle",
+        "attributes": {
+          "category": "utrecht",
+          "type": "focus",
+          "item": "outline-style"
+        },
+        "path": [
+          "utrecht",
+          "focus",
+          "outline-style"
+        ]
+      },
+      "outline-width": {
+        "value": "2px",
+        "type": "borderWidth",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "2px",
+          "type": "borderWidth"
+        },
+        "name": "utrechtFocusOutlineWidth",
+        "attributes": {
+          "category": "utrecht",
+          "type": "focus",
+          "item": "outline-width"
+        },
+        "path": [
+          "utrecht",
+          "focus",
+          "outline-width"
+        ]
+      },
+      "inverse": {
+        "outline-color": {
+          "value": "transparant",
+          "type": "color",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "transparant",
+            "type": "color"
+          },
+          "name": "utrechtFocusInverseOutlineColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "focus",
+            "item": "inverse",
+            "subitem": "outline-color"
+          },
+          "path": [
+            "utrecht",
+            "focus",
+            "inverse",
+            "outline-color"
+          ]
+        }
+      }
+    }
+  },
+  "nl": {
+    "skip-link": {
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": 700,
+          "type": "fontWeights"
+        },
+        "name": "nlSkipLinkFontWeight",
+        "attributes": {
+          "category": "nl",
+          "type": "skip-link",
+          "item": "font-weight"
+        },
+        "path": [
+          "nl",
+          "skip-link",
+          "font-weight"
         ]
       },
       "font-family": {
@@ -26371,15 +26121,15 @@ module.exports = {
           "value": "Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
-        "name": "utrechtDocumentFontFamily",
+        "name": "nlSkipLinkFontFamily",
         "attributes": {
-          "category": "utrecht",
-          "type": "document",
+          "category": "nl",
+          "type": "skip-link",
           "item": "font-family"
         },
         "path": [
-          "utrecht",
-          "document",
+          "nl",
+          "skip-link",
           "font-family"
         ]
       },
@@ -26392,15 +26142,15 @@ module.exports = {
           "value": "1.25rem",
           "type": "fontSizes"
         },
-        "name": "utrechtDocumentFontSize",
+        "name": "nlSkipLinkFontSize",
         "attributes": {
-          "category": "utrecht",
-          "type": "document",
+          "category": "nl",
+          "type": "skip-link",
           "item": "font-size"
         },
         "path": [
-          "utrecht",
-          "document",
+          "nl",
+          "skip-link",
           "font-size"
         ]
       },
@@ -26410,258 +26160,376 @@ module.exports = {
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "150%",
-          "type": "lineHeights"
+          "value": "150%",
+          "type": "lineHeights"
+        },
+        "name": "nlSkipLinkLineHeight",
+        "attributes": {
+          "category": "nl",
+          "type": "skip-link",
+          "item": "line-height"
+        },
+        "path": [
+          "nl",
+          "skip-link",
+          "line-height"
+        ]
+      },
+      "min-block-size": {
+        "value": "48px",
+        "type": "sizing",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "48px",
+          "type": "sizing"
+        },
+        "name": "nlSkipLinkMinBlockSize",
+        "attributes": {
+          "category": "nl",
+          "type": "skip-link",
+          "item": "min-block-size"
+        },
+        "path": [
+          "nl",
+          "skip-link",
+          "min-block-size"
+        ]
+      },
+      "min-inline-size": {
+        "value": "48px",
+        "type": "sizing",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "48px",
+          "type": "sizing"
+        },
+        "name": "nlSkipLinkMinInlineSize",
+        "attributes": {
+          "category": "nl",
+          "type": "skip-link",
+          "item": "min-inline-size"
+        },
+        "path": [
+          "nl",
+          "skip-link",
+          "min-inline-size"
+        ]
+      },
+      "padding-block-end": {
+        "value": "0.75rem",
+        "type": "spacing",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0.75rem",
+          "type": "spacing"
+        },
+        "name": "nlSkipLinkPaddingBlockEnd",
+        "attributes": {
+          "category": "nl",
+          "type": "skip-link",
+          "item": "padding-block-end"
+        },
+        "path": [
+          "nl",
+          "skip-link",
+          "padding-block-end"
+        ]
+      },
+      "padding-block-start": {
+        "value": "0.75rem",
+        "type": "spacing",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0.75rem",
+          "type": "spacing"
+        },
+        "name": "nlSkipLinkPaddingBlockStart",
+        "attributes": {
+          "category": "nl",
+          "type": "skip-link",
+          "item": "padding-block-start"
+        },
+        "path": [
+          "nl",
+          "skip-link",
+          "padding-block-start"
+        ]
+      },
+      "padding-inline-end": {
+        "value": "1rem",
+        "type": "spacing",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "1rem",
+          "type": "spacing"
         },
-        "name": "utrechtDocumentLineHeight",
+        "name": "nlSkipLinkPaddingInlineEnd",
         "attributes": {
-          "category": "utrecht",
-          "type": "document",
-          "item": "line-height"
+          "category": "nl",
+          "type": "skip-link",
+          "item": "padding-inline-end"
         },
         "path": [
-          "utrecht",
-          "document",
-          "line-height"
+          "nl",
+          "skip-link",
+          "padding-inline-end"
         ]
       },
-      "font-weight": {
-        "value": 400,
-        "type": "fontWeights",
+      "padding-inline-start": {
+        "value": "1rem",
+        "type": "spacing",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": 400,
-          "type": "fontWeights"
+          "value": "1rem",
+          "type": "spacing"
         },
-        "name": "utrechtDocumentFontWeight",
+        "name": "nlSkipLinkPaddingInlineStart",
         "attributes": {
-          "category": "utrecht",
-          "type": "document",
-          "item": "font-weight"
+          "category": "nl",
+          "type": "skip-link",
+          "item": "padding-inline-start"
         },
         "path": [
-          "utrecht",
-          "document",
-          "font-weight"
+          "nl",
+          "skip-link",
+          "padding-inline-start"
         ]
-      }
-    },
-    "rich-text": {
-      "stranger": {
-        "margin-block-end": {
-          "value": "2rem",
-          "type": "spacing",
+      },
+      "focus": {
+        "background-color": {
+          "value": "#fff",
+          "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "2rem",
-            "type": "spacing"
+            "value": "#fff",
+            "type": "color"
           },
-          "name": "utrechtRichTextStrangerMarginBlockEnd",
+          "name": "nlSkipLinkFocusBackgroundColor",
           "attributes": {
-            "category": "utrecht",
-            "type": "rich-text",
-            "item": "stranger",
-            "subitem": "margin-block-end"
+            "category": "nl",
+            "type": "skip-link",
+            "item": "focus",
+            "subitem": "background-color"
           },
           "path": [
-            "utrecht",
-            "rich-text",
-            "stranger",
-            "margin-block-end"
+            "nl",
+            "skip-link",
+            "focus",
+            "background-color"
           ]
-        }
-      },
-      "acquaintance": {
-        "margin-block-end": {
-          "value": "1rem",
-          "type": "spacing",
+        },
+        "border-color": {
+          "value": "#154273",
+          "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "1rem",
-            "type": "spacing"
+            "value": "#154273",
+            "type": "color"
           },
-          "name": "utrechtRichTextAcquaintanceMarginBlockEnd",
+          "name": "nlSkipLinkFocusBorderColor",
           "attributes": {
-            "category": "utrecht",
-            "type": "rich-text",
-            "item": "acquaintance",
-            "subitem": "margin-block-end"
+            "category": "nl",
+            "type": "skip-link",
+            "item": "focus",
+            "subitem": "border-color"
           },
           "path": [
-            "utrecht",
-            "rich-text",
-            "acquaintance",
-            "margin-block-end"
+            "nl",
+            "skip-link",
+            "focus",
+            "border-color"
           ]
-        }
-      },
-      "friend": {
-        "margin-block-end": {
-          "value": "0.5rem",
-          "type": "spacing",
+        },
+        "border-style": {
+          "value": "solid",
+          "type": "borderStyle",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "0.5rem",
-            "type": "spacing"
+            "value": "solid",
+            "type": "borderStyle"
           },
-          "name": "utrechtRichTextFriendMarginBlockEnd",
+          "name": "nlSkipLinkFocusBorderStyle",
           "attributes": {
-            "category": "utrecht",
-            "type": "rich-text",
-            "item": "friend",
-            "subitem": "margin-block-end"
+            "category": "nl",
+            "type": "skip-link",
+            "item": "focus",
+            "subitem": "border-style"
           },
           "path": [
-            "utrecht",
-            "rich-text",
-            "friend",
-            "margin-block-end"
+            "nl",
+            "skip-link",
+            "focus",
+            "border-style"
           ]
-        }
-      },
-      "best-friend": {
-        "margin-block-end": {
-          "value": "0.25rem",
-          "type": "spacing",
+        },
+        "border-width": {
+          "value": "2px",
+          "type": "borderWidth",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "0.25rem",
-            "type": "spacing"
+            "value": "2px",
+            "type": "borderWidth"
           },
-          "name": "utrechtRichTextBestFriendMarginBlockEnd",
+          "name": "nlSkipLinkFocusBorderWidth",
           "attributes": {
-            "category": "utrecht",
-            "type": "rich-text",
-            "item": "best-friend",
-            "subitem": "margin-block-end"
+            "category": "nl",
+            "type": "skip-link",
+            "item": "focus",
+            "subitem": "border-width"
           },
           "path": [
-            "utrecht",
-            "rich-text",
-            "best-friend",
-            "margin-block-end"
+            "nl",
+            "skip-link",
+            "focus",
+            "border-width"
           ]
-        }
-      },
-      "confidant": {
-        "margin-block-end": {
-          "value": 0,
-          "type": "spacing",
+        },
+        "color": {
+          "value": "#154273",
+          "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": 0,
-            "type": "spacing"
+            "value": "#154273",
+            "type": "color"
           },
-          "name": "utrechtRichTextConfidantMarginBlockEnd",
+          "name": "nlSkipLinkFocusColor",
           "attributes": {
-            "category": "utrecht",
-            "type": "rich-text",
-            "item": "confidant",
-            "subitem": "margin-block-end"
+            "category": "nl",
+            "type": "skip-link",
+            "item": "focus",
+            "subitem": "color"
           },
           "path": [
-            "utrecht",
-            "rich-text",
-            "confidant",
-            "margin-block-end"
+            "nl",
+            "skip-link",
+            "focus",
+            "color"
           ]
-        }
-      }
-    },
-    "pointer-target": {
-      "min-size": {
-        "value": "48px",
-        "type": "sizing",
-        "filePath": "src/generated/wetgevend/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "48px",
-          "type": "sizing"
-        },
-        "name": "utrechtPointerTargetMinSize",
-        "attributes": {
-          "category": "utrecht",
-          "type": "pointer-target",
-          "item": "min-size"
         },
-        "path": [
-          "utrecht",
-          "pointer-target",
-          "min-size"
-        ]
-      }
-    },
-    "focus": {
-      "outline-color": {
-        "value": "#000",
+        "text-decoration": {
+          "value": "None",
+          "type": "textDecoration",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "None",
+            "type": "textDecoration"
+          },
+          "name": "nlSkipLinkFocusTextDecoration",
+          "attributes": {
+            "category": "nl",
+            "type": "skip-link",
+            "item": "focus",
+            "subitem": "text-decoration"
+          },
+          "path": [
+            "nl",
+            "skip-link",
+            "focus",
+            "text-decoration"
+          ]
+        }
+      },
+      "focus-visible": {
+        "outline-color": {
+          "value": "#000",
+          "type": "color",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#000",
+            "type": "color"
+          },
+          "name": "nlSkipLinkFocusVisibleOutlineColor",
+          "attributes": {
+            "category": "nl",
+            "type": "skip-link",
+            "item": "focus-visible",
+            "subitem": "outline-color"
+          },
+          "path": [
+            "nl",
+            "skip-link",
+            "focus-visible",
+            "outline-color"
+          ]
+        }
+      },
+      "background-color": {
+        "value": "#154273",
         "type": "color",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "#000",
+          "value": "#154273",
           "type": "color"
         },
-        "name": "utrechtFocusOutlineColor",
+        "name": "nlSkipLinkBackgroundColor",
         "attributes": {
-          "category": "utrecht",
-          "type": "focus",
-          "item": "outline-color"
+          "category": "nl",
+          "type": "skip-link",
+          "item": "background-color"
         },
         "path": [
-          "utrecht",
-          "focus",
-          "outline-color"
+          "nl",
+          "skip-link",
+          "background-color"
         ]
       },
-      "outline-offset": {
-        "value": "0.125rem",
-        "type": "spacing",
+      "border-color": {
+        "value": "transparent",
+        "type": "color",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "0.125rem",
-          "type": "spacing"
+          "value": "transparent",
+          "type": "color"
         },
-        "name": "utrechtFocusOutlineOffset",
+        "name": "nlSkipLinkBorderColor",
         "attributes": {
-          "category": "utrecht",
-          "type": "focus",
-          "item": "outline-offset"
+          "category": "nl",
+          "type": "skip-link",
+          "item": "border-color"
         },
         "path": [
-          "utrecht",
-          "focus",
-          "outline-offset"
+          "nl",
+          "skip-link",
+          "border-color"
         ]
       },
-      "outline-style": {
-        "value": "solid",
-        "type": "other",
+      "color": {
+        "value": "#fff",
+        "type": "color",
         "filePath": "src/generated/wetgevend/tokens.json",
         "isSource": true,
         "original": {
-          "value": "solid",
-          "type": "other"
+          "value": "#fff",
+          "type": "color"
         },
-        "name": "utrechtFocusOutlineStyle",
+        "name": "nlSkipLinkColor",
         "attributes": {
-          "category": "utrecht",
-          "type": "focus",
-          "item": "outline-style"
+          "category": "nl",
+          "type": "skip-link",
+          "item": "color"
         },
         "path": [
-          "utrecht",
-          "focus",
-          "outline-style"
+          "nl",
+          "skip-link",
+          "color"
         ]
       },
-      "outline-width": {
+      "border-width": {
         "value": "2px",
         "type": "borderWidth",
         "filePath": "src/generated/wetgevend/tokens.json",
@@ -26670,46 +26538,178 @@ module.exports = {
           "value": "2px",
           "type": "borderWidth"
         },
-        "name": "utrechtFocusOutlineWidth",
+        "name": "nlSkipLinkBorderWidth",
         "attributes": {
-          "category": "utrecht",
-          "type": "focus",
-          "item": "outline-width"
+          "category": "nl",
+          "type": "skip-link",
+          "item": "border-width"
         },
         "path": [
-          "utrecht",
-          "focus",
-          "outline-width"
+          "nl",
+          "skip-link",
+          "border-width"
         ]
       },
-      "inverse": {
-        "outline-color": {
-          "value": "transparant",
+      "box-block-end-shadow": {
+        "offset-x": {
+          "value": 0,
+          "type": "other",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": 0,
+            "type": "other"
+          },
+          "name": "nlSkipLinkBoxBlockEndShadowOffsetX",
+          "attributes": {
+            "category": "nl",
+            "type": "skip-link",
+            "item": "box-block-end-shadow",
+            "subitem": "offset-x"
+          },
+          "path": [
+            "nl",
+            "skip-link",
+            "box-block-end-shadow",
+            "offset-x"
+          ]
+        },
+        "offset-y": {
+          "value": "16px",
+          "type": "other",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "16px",
+            "type": "other"
+          },
+          "name": "nlSkipLinkBoxBlockEndShadowOffsetY",
+          "attributes": {
+            "category": "nl",
+            "type": "skip-link",
+            "item": "box-block-end-shadow",
+            "subitem": "offset-y"
+          },
+          "path": [
+            "nl",
+            "skip-link",
+            "box-block-end-shadow",
+            "offset-y"
+          ]
+        },
+        "blur-radius": {
+          "value": "48px",
+          "type": "other",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "48px",
+            "type": "other"
+          },
+          "name": "nlSkipLinkBoxBlockEndShadowBlurRadius",
+          "attributes": {
+            "category": "nl",
+            "type": "skip-link",
+            "item": "box-block-end-shadow",
+            "subitem": "blur-radius"
+          },
+          "path": [
+            "nl",
+            "skip-link",
+            "box-block-end-shadow",
+            "blur-radius"
+          ]
+        },
+        "spread-radius": {
+          "value": 0,
+          "type": "other",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": 0,
+            "type": "other"
+          },
+          "name": "nlSkipLinkBoxBlockEndShadowSpreadRadius",
+          "attributes": {
+            "category": "nl",
+            "type": "skip-link",
+            "item": "box-block-end-shadow",
+            "subitem": "spread-radius"
+          },
+          "path": [
+            "nl",
+            "skip-link",
+            "box-block-end-shadow",
+            "spread-radius"
+          ]
+        },
+        "color": {
+          "value": "#0000001a",
           "type": "color",
           "filePath": "src/generated/wetgevend/tokens.json",
           "isSource": true,
           "original": {
-            "value": "transparant",
+            "value": "#0000001a",
             "type": "color"
           },
-          "name": "utrechtFocusInverseOutlineColor",
+          "name": "nlSkipLinkBoxBlockEndShadowColor",
           "attributes": {
-            "category": "utrecht",
-            "type": "focus",
-            "item": "inverse",
-            "subitem": "outline-color"
+            "category": "nl",
+            "type": "skip-link",
+            "item": "box-block-end-shadow",
+            "subitem": "color"
           },
           "path": [
-            "utrecht",
-            "focus",
-            "inverse",
-            "outline-color"
+            "nl",
+            "skip-link",
+            "box-block-end-shadow",
+            "color"
           ]
         }
+      },
+      "text-decoration": {
+        "value": "underline",
+        "type": "textDecoration",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "underline",
+          "type": "textDecoration"
+        },
+        "name": "nlSkipLinkTextDecoration",
+        "attributes": {
+          "category": "nl",
+          "type": "skip-link",
+          "item": "text-decoration"
+        },
+        "path": [
+          "nl",
+          "skip-link",
+          "text-decoration"
+        ]
+      },
+      "text-underline-offset": {
+        "value": "0.125rem",
+        "type": "other",
+        "filePath": "src/generated/wetgevend/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0.125rem",
+          "type": "other"
+        },
+        "name": "nlSkipLinkTextUnderlineOffset",
+        "attributes": {
+          "category": "nl",
+          "type": "skip-link",
+          "item": "text-underline-offset"
+        },
+        "path": [
+          "nl",
+          "skip-link",
+          "text-underline-offset"
+        ]
       }
-    }
-  },
-  "nl": {
+    },
     "paragraph": {
       "color": {
         "value": "#154273",