@conduction/theme 1.0.23 → 1.0.26

package/municipalities/leiden-design-tokens/dist/tokens.json

@@ -1661,125 +1661,6 @@
       }
     },
     "alert": {
-      "icon": {
-        "gap": {
-          "value": "8px",
-          "filePath": "src/component/conduction/alert.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.size.xs}"
-          },
-          "name": "utrechtAlertIconGap",
-          "attributes": {
-            "category": "utrecht",
-            "type": "alert",
-            "item": "icon",
-            "subitem": "gap"
-          },
-          "path": [
-            "utrecht",
-            "alert",
-            "icon",
-            "gap"
-          ]
-        },
-        "color": {
-          "value": "#004085",
-          "filePath": "src/component/utrecht/alert.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.color.alert-info}"
-          },
-          "name": "utrechtAlertIconColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "alert",
-            "item": "icon",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "alert",
-            "icon",
-            "color"
-          ]
-        },
-        "error": {
-          "color": {
-            "value": "#721c24",
-            "filePath": "src/component/utrecht/alert.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "{leiden.color.alert-error}"
-            },
-            "name": "utrechtAlertIconErrorColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "alert",
-              "item": "icon",
-              "subitem": "error",
-              "state": "color"
-            },
-            "path": [
-              "utrecht",
-              "alert",
-              "icon",
-              "error",
-              "color"
-            ]
-          }
-        },
-        "warning": {
-          "color": {
-            "value": "#856404",
-            "filePath": "src/component/utrecht/alert.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "{leiden.color.alert-warning}"
-            },
-            "name": "utrechtAlertIconWarningColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "alert",
-              "item": "icon",
-              "subitem": "warning",
-              "state": "color"
-            },
-            "path": [
-              "utrecht",
-              "alert",
-              "icon",
-              "warning",
-              "color"
-            ]
-          }
-        },
-        "ok": {
-          "color": {
-            "value": "#155724",
-            "filePath": "src/component/utrecht/alert.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "{leiden.color.alert-succes}"
-            },
-            "name": "utrechtAlertIconOkColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "alert",
-              "item": "icon",
-              "subitem": "ok",
-              "state": "color"
-            },
-            "path": [
-              "utrecht",
-              "alert",
-              "icon",
-              "ok",
-              "color"
-            ]
-          }
-        }
-      },
       "background-color": {
         "value": "#cce5ff",
         "filePath": "src/component/utrecht/alert.tokens.json",
@@ -2035,380 +1916,489 @@
         },
         "border-color": {},
         "border-width": {}
+      },
+      "icon": {
+        "color": {
+          "value": "#004085",
+          "filePath": "src/component/utrecht/alert.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.color.alert-info}"
+          },
+          "name": "utrechtAlertIconColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "alert",
+            "item": "icon",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "alert",
+            "icon",
+            "color"
+          ]
+        },
+        "error": {
+          "color": {
+            "value": "#721c24",
+            "filePath": "src/component/utrecht/alert.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{leiden.color.alert-error}"
+            },
+            "name": "utrechtAlertIconErrorColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "alert",
+              "item": "icon",
+              "subitem": "error",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "alert",
+              "icon",
+              "error",
+              "color"
+            ]
+          }
+        },
+        "warning": {
+          "color": {
+            "value": "#856404",
+            "filePath": "src/component/utrecht/alert.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{leiden.color.alert-warning}"
+            },
+            "name": "utrechtAlertIconWarningColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "alert",
+              "item": "icon",
+              "subitem": "warning",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "alert",
+              "icon",
+              "warning",
+              "color"
+            ]
+          }
+        },
+        "ok": {
+          "color": {
+            "value": "#155724",
+            "filePath": "src/component/utrecht/alert.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{leiden.color.alert-succes}"
+            },
+            "name": "utrechtAlertIconOkColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "alert",
+              "item": "icon",
+              "subitem": "ok",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "alert",
+              "icon",
+              "ok",
+              "color"
+            ]
+          }
+        },
+        "gap": {
+          "value": "8px",
+          "filePath": "src/component/utrecht/extra-tokens/alert.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.size.xs}"
+          },
+          "name": "utrechtAlertIconGap",
+          "attributes": {
+            "category": "utrecht",
+            "type": "alert",
+            "item": "icon",
+            "subitem": "gap"
+          },
+          "path": [
+            "utrecht",
+            "alert",
+            "icon",
+            "gap"
+          ]
+        }
       }
     },
-    "card": {
-      "background-color": {
-        "value": "#e4e4e4",
-        "filePath": "src/component/conduction/card.tokens.json",
+    "blockquote": {
+      "background-color": {},
+      "color": {},
+      "margin-inline-start": {
+        "value": "32px",
+        "filePath": "src/component/utrecht/blockquote.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.color.lightgrey.89}"
+          "value": "{leiden.size.xl}"
         },
-        "name": "utrechtCardBackgroundColor",
+        "name": "utrechtBlockquoteMarginInlineStart",
         "attributes": {
           "category": "utrecht",
-          "type": "card",
-          "item": "background-color"
+          "type": "blockquote",
+          "item": "margin-inline-start"
         },
         "path": [
           "utrecht",
-          "card",
-          "background-color"
+          "blockquote",
+          "margin-inline-start"
         ]
       },
-      "border-color": {},
-      "border-radius": {},
-      "border-width": {
-        "value": "unset",
-        "filePath": "src/component/conduction/card.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "unset"
-        },
-        "name": "utrechtCardBorderWidth",
-        "attributes": {
-          "category": "utrecht",
-          "type": "card",
-          "item": "border-width"
-        },
-        "path": [
-          "utrecht",
-          "card",
-          "border-width"
-        ]
-      },
-      "color": {
-        "value": "#0d1921",
-        "filePath": "src/component/conduction/card.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.color.black.9}"
-        },
-        "name": "utrechtCardColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "card",
-          "item": "color"
-        },
-        "path": [
-          "utrecht",
-          "card",
-          "color"
-        ]
-      },
-      "padding-inline-end": {
-        "value": "32px",
-        "filePath": "src/component/conduction/card.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.size.xl}"
-        },
-        "name": "utrechtCardPaddingInlineEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "card",
-          "item": "padding-inline-end"
-        },
-        "path": [
-          "utrecht",
-          "card",
-          "padding-inline-end"
-        ]
-      },
-      "padding-inline-start": {
+      "margin-inline-end": {
         "value": "32px",
-        "filePath": "src/component/conduction/card.tokens.json",
+        "filePath": "src/component/utrecht/blockquote.tokens.json",
         "isSource": true,
         "original": {
           "value": "{leiden.size.xl}"
         },
-        "name": "utrechtCardPaddingInlineStart",
+        "name": "utrechtBlockquoteMarginInlineEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "card",
-          "item": "padding-inline-start"
+          "type": "blockquote",
+          "item": "margin-inline-end"
         },
         "path": [
           "utrecht",
-          "card",
-          "padding-inline-start"
+          "blockquote",
+          "margin-inline-end"
         ]
       },
-      "padding-block-end": {
-        "value": "14px",
-        "filePath": "src/component/conduction/card.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.size.sm}"
-        },
-        "name": "utrechtCardPaddingBlockEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "card",
-          "item": "padding-block-end"
-        },
-        "path": [
-          "utrecht",
-          "card",
-          "padding-block-end"
-        ]
+      "margin-inline-block-start": {},
+      "margin-inline-block-end": {},
+      "font-size": {},
+      "font-style": {},
+      "font-family": {},
+      "padding-inline-start": {},
+      "padding-inline-end": {},
+      "padding-inline-block-start": {},
+      "padding-inline-block-end": {},
+      "attribution": {
+        "color": {},
+        "font-size": {}
       },
-      "padding-block-start": {
-        "value": "14px",
-        "filePath": "src/component/conduction/card.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.size.sm}"
-        },
-        "name": "utrechtCardPaddingBlockStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "card",
-          "item": "padding-block-start"
+      "content": {
+        "color": {
+          "value": "#0d1921",
+          "filePath": "src/component/utrecht/blockquote.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.color.black.9}"
+          },
+          "name": "utrechtBlockquoteContentColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "blockquote",
+            "item": "content",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "blockquote",
+            "content",
+            "color"
+          ]
         },
-        "path": [
-          "utrecht",
-          "card",
-          "padding-block-start"
-        ]
+        "font-size": {
+          "value": "18px",
+          "filePath": "src/component/utrecht/blockquote.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.font-size.md}"
+          },
+          "name": "utrechtBlockquoteContentFontSize",
+          "attributes": {
+            "category": "utrecht",
+            "type": "blockquote",
+            "item": "content",
+            "subitem": "font-size"
+          },
+          "path": [
+            "utrecht",
+            "blockquote",
+            "content",
+            "font-size"
+          ]
+        }
       }
     },
-    "form-input": {
+    "button": {
       "background-color": {
-        "value": "#ffffff",
-        "filePath": "src/component/conduction/form-input.tokens.json",
+        "value": "#d62410",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.color.white.100}"
+          "value": "{leiden.color.primary}"
         },
-        "name": "utrechtFormInputBackgroundColor",
+        "name": "utrechtButtonBackgroundColor",
         "attributes": {
           "category": "utrecht",
-          "type": "form-input",
+          "type": "button",
           "item": "background-color"
         },
         "path": [
           "utrecht",
-          "form-input",
+          "button",
           "background-color"
         ]
       },
-      "border-bottom-width": {},
       "border-color": {
-        "value": "#5f594a",
-        "filePath": "src/component/conduction/form-input.tokens.json",
+        "value": "#d62410",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.color.grey.33}"
+          "value": "{leiden.color.primary}"
         },
-        "name": "utrechtFormInputBorderColor",
+        "name": "utrechtButtonBorderColor",
         "attributes": {
           "category": "utrecht",
-          "type": "form-input",
+          "type": "button",
           "item": "border-color"
         },
         "path": [
           "utrecht",
-          "form-input",
+          "button",
           "border-color"
         ]
       },
       "border-radius": {
-        "value": "0px",
-        "filePath": "src/component/conduction/form-input.tokens.json",
+        "value": "4px",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
-          "value": "0px"
+          "value": "{leiden.size.2xs}"
         },
-        "name": "utrechtFormInputBorderRadius",
+        "name": "utrechtButtonBorderRadius",
         "attributes": {
           "category": "utrecht",
-          "type": "form-input",
+          "type": "button",
           "item": "border-radius"
         },
         "path": [
           "utrecht",
-          "form-input",
+          "button",
           "border-radius"
         ]
       },
       "border-width": {
-        "value": "1px",
-        "filePath": "src/component/conduction/form-input.tokens.json",
+        "value": "2px",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.4xs}"
+          "value": "{leiden.size.3xs}"
         },
-        "name": "utrechtFormInputBorderWidth",
+        "name": "utrechtButtonBorderWidth",
         "attributes": {
           "category": "utrecht",
-          "type": "form-input",
+          "type": "button",
           "item": "border-width"
         },
         "path": [
           "utrecht",
-          "form-input",
+          "button",
           "border-width"
         ]
       },
       "color": {
-        "value": "#1d1d1b",
-        "filePath": "src/component/conduction/form-input.tokens.json",
+        "value": "#ffffff",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.color.grey.11}"
+          "value": "{leiden.color.white.100}"
         },
-        "name": "utrechtFormInputColor",
+        "name": "utrechtButtonColor",
         "attributes": {
           "category": "utrecht",
-          "type": "form-input",
+          "type": "button",
           "item": "color"
         },
         "path": [
           "utrecht",
-          "form-input",
+          "button",
           "color"
         ]
       },
       "font-family": {
         "value": "\"Open Sans\", Arial, sans-serif",
-        "filePath": "src/component/conduction/form-input.tokens.json",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
           "value": "{leiden.typography.sans-serif.font-family}"
         },
-        "name": "utrechtFormInputFontFamily",
+        "name": "utrechtButtonFontFamily",
         "attributes": {
           "category": "utrecht",
-          "type": "form-input",
+          "type": "button",
           "item": "font-family"
         },
         "path": [
           "utrecht",
-          "form-input",
+          "button",
           "font-family"
         ]
       },
       "font-size": {
-        "value": "15px",
-        "filePath": "src/component/conduction/form-input.tokens.json",
+        "value": "inherit",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
-          "value": "15px"
+          "value": "inherit"
         },
-        "name": "utrechtFormInputFontSize",
+        "name": "utrechtButtonFontSize",
         "attributes": {
           "category": "utrecht",
-          "type": "form-input",
+          "type": "button",
           "item": "font-size"
         },
         "path": [
           "utrecht",
-          "form-input",
+          "button",
           "font-size"
         ]
       },
-      "line-height": {},
-      "max-inline-size": {},
-      "padding-block-end": {
-        "value": "8px",
-        "filePath": "src/component/conduction/form-input.tokens.json",
+      "font-weight": {
+        "value": "inherit",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.xs}"
+          "value": "inherit"
         },
-        "name": "utrechtFormInputPaddingBlockEnd",
+        "name": "utrechtButtonFontWeight",
         "attributes": {
           "category": "utrecht",
-          "type": "form-input",
-          "item": "padding-block-end"
+          "type": "button",
+          "item": "font-weight"
         },
         "path": [
           "utrecht",
-          "form-input",
-          "padding-block-end"
+          "button",
+          "font-weight"
         ]
       },
+      "inline-size": {},
+      "letter-spacing": {},
+      "line-height": {},
+      "min-block-size": {},
+      "min-inline-size": {},
       "padding-block-start": {
         "value": "8px",
-        "filePath": "src/component/conduction/form-input.tokens.json",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
           "value": "{leiden.size.xs}"
         },
-        "name": "utrechtFormInputPaddingBlockStart",
+        "name": "utrechtButtonPaddingBlockStart",
         "attributes": {
           "category": "utrecht",
-          "type": "form-input",
+          "type": "button",
           "item": "padding-block-start"
         },
         "path": [
           "utrecht",
-          "form-input",
+          "button",
           "padding-block-start"
         ]
       },
-      "padding-inline-end": {
-        "value": "14px",
-        "filePath": "src/component/conduction/form-input.tokens.json",
+      "padding-block-end": {
+        "value": "8px",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.sm}"
+          "value": "{leiden.size.xs}"
         },
-        "name": "utrechtFormInputPaddingInlineEnd",
+        "name": "utrechtButtonPaddingBlockEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "form-input",
-          "item": "padding-inline-end"
+          "type": "button",
+          "item": "padding-block-end"
         },
         "path": [
           "utrecht",
-          "form-input",
-          "padding-inline-end"
+          "button",
+          "padding-block-end"
         ]
       },
       "padding-inline-start": {
-        "value": "14px",
-        "filePath": "src/component/conduction/form-input.tokens.json",
+        "value": "8px",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.sm}"
+          "value": "{leiden.size.xs}"
         },
-        "name": "utrechtFormInputPaddingInlineStart",
+        "name": "utrechtButtonPaddingInlineStart",
         "attributes": {
           "category": "utrecht",
-          "type": "form-input",
+          "type": "button",
           "item": "padding-inline-start"
         },
         "path": [
           "utrecht",
-          "form-input",
+          "button",
           "padding-inline-start"
         ]
       },
-      "placeholder": {
-        "color": {
-          "value": "#2c3e50",
-          "filePath": "src/component/conduction/form-input.tokens.json",
+      "padding-inline-end": {
+        "value": "8px",
+        "filePath": "src/component/utrecht/button.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.size.xs}"
+        },
+        "name": "utrechtButtonPaddingInlineEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "button",
+          "item": "padding-inline-end"
+        },
+        "path": [
+          "utrecht",
+          "button",
+          "padding-inline-end"
+        ]
+      },
+      "text-transform": {},
+      "active": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
+      "icon": {
+        "gap": {
+          "value": "8px",
+          "filePath": "src/component/utrecht/button.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{leiden.color.lightblue.24}"
+            "value": "{leiden.size.xs}"
           },
-          "name": "utrechtFormInputPlaceholderColor",
+          "name": "utrechtButtonIconGap",
           "attributes": {
             "category": "utrecht",
-            "type": "form-input",
-            "item": "placeholder",
-            "subitem": "color"
+            "type": "button",
+            "item": "icon",
+            "subitem": "gap"
           },
           "path": [
             "utrecht",
-            "form-input",
-            "placeholder",
-            "color"
+            "button",
+            "icon",
+            "gap"
           ]
-        }
+        },
+        "size": {}
       },
       "disabled": {
         "background-color": {},
@@ -2418,950 +2408,1091 @@
       "focus": {
         "background-color": {},
         "border-color": {},
-        "color": {}
+        "color": {},
+        "scale": {}
       },
-      "invalid": {
-        "background-color": {},
+      "hover": {
+        "background-color": {
+          "value": "#ffffff",
+          "filePath": "src/component/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.color.white.100}"
+          },
+          "name": "utrechtButtonHoverBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "hover",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "hover",
+            "background-color"
+          ]
+        },
         "border-color": {},
-        "border-width": {},
-        "color": {}
+        "color": {
+          "value": "#b81f0e",
+          "filePath": "src/component/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.color.primary-hover}"
+          },
+          "name": "utrechtButtonHoverColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "hover",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "hover",
+            "color"
+          ]
+        },
+        "scale": {}
       },
-      "read-only": {
+      "pressed": {
         "background-color": {},
         "border-color": {},
         "color": {}
-      }
-    },
-    "icon": {
-      "gap": {
-        "value": "8px",
-        "filePath": "src/component/conduction/icon.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.size.xs}"
+      },
+      "primary-action": {
+        "background-color": {
+          "value": "#d62410",
+          "filePath": "src/component/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.color.primary}"
+          },
+          "name": "utrechtButtonPrimaryActionBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "primary-action",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "primary-action",
+            "background-color"
+          ]
         },
-        "name": "utrechtIconGap",
-        "attributes": {
-          "category": "utrecht",
-          "type": "icon",
-          "item": "gap"
+        "border-color": {},
+        "border-width": {
+          "value": "2px",
+          "filePath": "src/component/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.size.3xs}"
+          },
+          "name": "utrechtButtonPrimaryActionBorderWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "primary-action",
+            "subitem": "border-width"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "primary-action",
+            "border-width"
+          ]
         },
-        "path": [
-          "utrecht",
-          "icon",
-          "gap"
-        ]
-      },
-      "color": {},
-      "size": {},
-      "inset-block-start": {},
-      "baseline": {
-        "inset-block-start": {}
-      }
-    },
-    "page-footer": {
-      "min-height": {},
-      "logo": {
-        "max-height": {
-          "value": "100px",
-          "filePath": "src/component/conduction/page-footer.tokens.json",
+        "color": {
+          "value": "#ffffff",
+          "filePath": "src/component/utrecht/button.tokens.json",
           "isSource": true,
           "original": {
-            "value": "100px"
+            "value": "{leiden.color.white.100}"
           },
-          "name": "utrechtPageFooterLogoMaxHeight",
+          "name": "utrechtButtonPrimaryActionColor",
           "attributes": {
             "category": "utrecht",
-            "type": "page-footer",
-            "item": "logo",
-            "subitem": "max-height"
+            "type": "button",
+            "item": "primary-action",
+            "subitem": "color"
           },
           "path": [
             "utrecht",
-            "page-footer",
-            "logo",
-            "max-height"
+            "button",
+            "primary-action",
+            "color"
           ]
         },
-        "max-width": {
-          "value": "120px",
-          "filePath": "src/component/conduction/page-footer.tokens.json",
+        "font-weight": {
+          "value": "inherit",
+          "filePath": "src/component/utrecht/button.tokens.json",
           "isSource": true,
           "original": {
-            "value": "120px"
+            "value": "inherit"
           },
-          "name": "utrechtPageFooterLogoMaxWidth",
+          "name": "utrechtButtonPrimaryActionFontWeight",
           "attributes": {
             "category": "utrecht",
-            "type": "page-footer",
-            "item": "logo",
-            "subitem": "max-width"
+            "type": "button",
+            "item": "primary-action",
+            "subitem": "font-weight"
           },
           "path": [
             "utrecht",
-            "page-footer",
-            "logo",
-            "max-width"
+            "button",
+            "primary-action",
+            "font-weight"
           ]
-        }
-      },
-      "background-position": {},
-      "background-color": {
-        "value": "#0d1921",
-        "filePath": "src/component/utrecht/page-footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.color.black.9}"
         },
-        "name": "utrechtPageFooterBackgroundColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "background-color"
+        "active": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
         },
-        "path": [
-          "utrecht",
-          "page-footer",
-          "background-color"
-        ]
-      },
-      "background-image": {
-        "value": "unset",
-        "filePath": "src/component/utrecht/page-footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "unset"
-        },
-        "name": "utrechtPageFooterBackgroundImage",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "background-image"
-        },
-        "path": [
-          "utrecht",
-          "page-footer",
-          "background-image"
-        ]
-      },
-      "color": {
-        "value": "#ffffff",
-        "filePath": "src/component/utrecht/page-footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.color.white.100}"
-        },
-        "name": "utrechtPageFooterColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "color"
-        },
-        "path": [
-          "utrecht",
-          "page-footer",
-          "color"
-        ]
-      },
-      "padding-inline-end": {
-        "value": "14px",
-        "filePath": "src/component/utrecht/page-footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.size.sm}"
-        },
-        "name": "utrechtPageFooterPaddingInlineEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "padding-inline-end"
-        },
-        "path": [
-          "utrecht",
-          "page-footer",
-          "padding-inline-end"
-        ]
-      },
-      "padding-inline-start": {
-        "value": "14px",
-        "filePath": "src/component/utrecht/page-footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.size.sm}"
-        },
-        "name": "utrechtPageFooterPaddingInlineStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "padding-inline-start"
+        "disabled": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
         },
-        "path": [
-          "utrecht",
-          "page-footer",
-          "padding-inline-start"
-        ]
-      },
-      "padding-block-end": {
-        "value": "48px",
-        "filePath": "src/component/utrecht/page-footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.size.2xl}"
+        "hover": {
+          "background-color": {
+            "value": "#d62410",
+            "filePath": "src/component/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{leiden.color.primary}"
+            },
+            "name": "utrechtButtonPrimaryActionHoverBackgroundColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "primary-action",
+              "subitem": "hover",
+              "state": "background-color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "primary-action",
+              "hover",
+              "background-color"
+            ]
+          },
+          "border-color": {},
+          "color": {
+            "value": "#ffffff",
+            "filePath": "src/component/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{leiden.color.white.100}"
+            },
+            "name": "utrechtButtonPrimaryActionHoverColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "primary-action",
+              "subitem": "hover",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "primary-action",
+              "hover",
+              "color"
+            ]
+          },
+          "scale": {}
         },
-        "name": "utrechtPageFooterPaddingBlockEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "padding-block-end"
+        "focus": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
         },
-        "path": [
-          "utrecht",
-          "page-footer",
-          "padding-block-end"
-        ]
+        "pressed": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        }
       },
-      "padding-block-start": {
-        "value": "48px",
-        "filePath": "src/component/utrecht/page-footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.size.2xl}"
-        },
-        "name": "utrechtPageFooterPaddingBlockStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "padding-block-start"
+      "secondary-action": {
+        "background-color": {
+          "value": "#ffffff",
+          "filePath": "src/component/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.color.white.100}"
+          },
+          "name": "utrechtButtonSecondaryActionBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "secondary-action",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "secondary-action",
+            "background-color"
+          ]
         },
-        "path": [
-          "utrecht",
-          "page-footer",
-          "padding-block-start"
-        ]
-      }
-    },
-    "page-header": {
-      "logo": {
-        "max-height": {},
-        "max-width": {
-          "value": "80px",
-          "filePath": "src/component/conduction/page-header.tokens.json",
+        "border-color": {
+          "value": "#d62410",
+          "filePath": "src/component/utrecht/button.tokens.json",
           "isSource": true,
           "original": {
-            "value": "80px"
+            "value": "{leiden.color.primary}"
           },
-          "name": "utrechtPageHeaderLogoMaxWidth",
+          "name": "utrechtButtonSecondaryActionBorderColor",
           "attributes": {
             "category": "utrecht",
-            "type": "page-header",
-            "item": "logo",
-            "subitem": "max-width"
+            "type": "button",
+            "item": "secondary-action",
+            "subitem": "border-color"
           },
           "path": [
             "utrecht",
-            "page-header",
-            "logo",
-            "max-width"
+            "button",
+            "secondary-action",
+            "border-color"
           ]
-        }
-      },
-      "background-color": {
-        "value": "#0d1921",
-        "filePath": "src/component/utrecht/page-header.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.color.black.9}"
         },
-        "name": "utrechtPageHeaderBackgroundColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-header",
-          "item": "background-color"
+        "border-width": {
+          "value": "2px",
+          "filePath": "src/component/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.size.3xs}"
+          },
+          "name": "utrechtButtonSecondaryActionBorderWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "secondary-action",
+            "subitem": "border-width"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "secondary-action",
+            "border-width"
+          ]
         },
-        "path": [
-          "utrecht",
-          "page-header",
-          "background-color"
-        ]
-      },
+        "color": {
+          "value": "#d62410",
+          "filePath": "src/component/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.color.primary}"
+          },
+          "name": "utrechtButtonSecondaryActionColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "secondary-action",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "secondary-action",
+            "color"
+          ]
+        },
+        "font-weight": {
+          "value": "400",
+          "filePath": "src/component/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.typography.font-weight.normal}"
+          },
+          "name": "utrechtButtonSecondaryActionFontWeight",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "secondary-action",
+            "subitem": "font-weight"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "secondary-action",
+            "font-weight"
+          ]
+        },
+        "active": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        },
+        "disabled": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        },
+        "hover": {
+          "background-color": {
+            "value": "#ffffff",
+            "filePath": "src/component/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{leiden.color.white.100}"
+            },
+            "name": "utrechtButtonSecondaryActionHoverBackgroundColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "secondary-action",
+              "subitem": "hover",
+              "state": "background-color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "secondary-action",
+              "hover",
+              "background-color"
+            ]
+          },
+          "border-color": {
+            "value": "#b81f0e",
+            "filePath": "src/component/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{leiden.color.primary-hover}"
+            },
+            "name": "utrechtButtonSecondaryActionHoverBorderColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "secondary-action",
+              "subitem": "hover",
+              "state": "border-color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "secondary-action",
+              "hover",
+              "border-color"
+            ]
+          },
+          "color": {
+            "value": "#b81f0e",
+            "filePath": "src/component/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{leiden.color.primary-hover}"
+            },
+            "name": "utrechtButtonSecondaryActionHoverColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "secondary-action",
+              "subitem": "hover",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "secondary-action",
+              "hover",
+              "color"
+            ]
+          }
+        },
+        "focus": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        },
+        "pressed": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        }
+      },
+      "subtle": {
+        "background-color": {},
+        "border-color": {},
+        "border-width": {},
+        "color": {},
+        "font-weight": {},
+        "active": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        },
+        "disabled": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        },
+        "hover": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        },
+        "focus": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        },
+        "pressed": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        }
+      }
+    },
+    "code": {
+      "background-color": {
+        "value": "#e4e4e4",
+        "filePath": "src/component/utrecht/code.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.color.lightgrey.89}"
+        },
+        "name": "utrechtCodeBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "code",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "code",
+          "background-color"
+        ]
+      },
       "color": {
-        "value": "#ffffff",
-        "filePath": "src/component/utrecht/page-header.tokens.json",
+        "value": "#0d1921",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.color.white.100}"
+          "value": "{leiden.color.black.9}"
         },
-        "name": "utrechtPageHeaderColor",
+        "name": "utrechtCodeColor",
         "attributes": {
           "category": "utrecht",
-          "type": "page-header",
+          "type": "code",
           "item": "color"
         },
         "path": [
           "utrecht",
-          "page-header",
+          "code",
           "color"
         ]
       },
-      "padding-block-start": {
-        "value": "14px",
-        "filePath": "src/component/utrecht/page-header.tokens.json",
+      "font-family": {
+        "value": "Monospace, \"Lucida Console\"",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.sm}"
+          "value": "{leiden.typography.monospace.font-family}"
         },
-        "name": "utrechtPageHeaderPaddingBlockStart",
+        "name": "utrechtCodeFontFamily",
         "attributes": {
           "category": "utrecht",
-          "type": "page-header",
-          "item": "padding-block-start"
+          "type": "code",
+          "item": "font-family"
         },
         "path": [
           "utrecht",
-          "page-header",
-          "padding-block-start"
+          "code",
+          "font-family"
         ]
       },
-      "padding-block-end": {
-        "value": "14px",
-        "filePath": "src/component/utrecht/page-header.tokens.json",
+      "font-size": {
+        "value": "inherit",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.sm}"
+          "value": "inherit"
         },
-        "name": "utrechtPageHeaderPaddingBlockEnd",
+        "name": "utrechtCodeFontSize",
         "attributes": {
           "category": "utrecht",
-          "type": "page-header",
-          "item": "padding-block-end"
+          "type": "code",
+          "item": "font-size"
         },
         "path": [
           "utrecht",
-          "page-header",
-          "padding-block-end"
+          "code",
+          "font-size"
         ]
-      }
+      },
+      "line-height": {}
     },
-    "textbox": {
+    "code-block": {
       "background-color": {
-        "value": "#ffffff",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+        "value": "#e4e4e4",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.color.white.100}"
+          "value": "{leiden.color.lightgrey.89}"
         },
-        "name": "utrechtTextboxBackgroundColor",
+        "name": "utrechtCodeBlockBackgroundColor",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
+          "type": "code-block",
           "item": "background-color"
         },
         "path": [
           "utrecht",
-          "textbox",
+          "code-block",
           "background-color"
         ]
       },
-      "border-bottom-width": {},
-      "border-color": {
-        "value": "#5f594a",
-        "filePath": "src/component/conduction/textbox.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.color.grey.33}"
+      "color": {
+        "value": "#0d1921",
+        "filePath": "src/component/utrecht/code.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.color.black.9}"
         },
-        "name": "utrechtTextboxBorderColor",
+        "name": "utrechtCodeBlockColor",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "border-color"
+          "type": "code-block",
+          "item": "color"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "border-color"
+          "code-block",
+          "color"
         ]
       },
-      "border-radius": {
-        "value": "0px",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "font-family": {
+        "value": "Monospace, \"Lucida Console\"",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "0px"
+          "value": "{leiden.typography.monospace.font-family}"
         },
-        "name": "utrechtTextboxBorderRadius",
+        "name": "utrechtCodeBlockFontFamily",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "border-radius"
+          "type": "code-block",
+          "item": "font-family"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "border-radius"
+          "code-block",
+          "font-family"
         ]
       },
-      "border-width": {
-        "value": "1px",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "font-size": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.4xs}"
+          "value": "{leiden.font-size.md}"
         },
-        "name": "utrechtTextboxBorderWidth",
+        "name": "utrechtCodeBlockFontSize",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "border-width"
+          "type": "code-block",
+          "item": "font-size"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "border-width"
+          "code-block",
+          "font-size"
         ]
       },
-      "color": {
-        "value": "#1d1d1b",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "line-height": {
+        "value": "24px",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.color.grey.11}"
+          "value": "{leiden.size.lg}"
         },
-        "name": "utrechtTextboxColor",
+        "name": "utrechtCodeBlockLineHeight",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "color"
+          "type": "code-block",
+          "item": "line-height"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "color"
+          "code-block",
+          "line-height"
         ]
       },
-      "font-family": {
-        "value": "\"Open Sans\", Arial, sans-serif",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "margin-block-start": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.typography.sans-serif.font-family}"
+          "value": "{leiden.size.md}"
         },
-        "name": "utrechtTextboxFontFamily",
+        "name": "utrechtCodeBlockMarginBlockStart",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "font-family"
+          "type": "code-block",
+          "item": "margin-block-start"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "font-family"
+          "code-block",
+          "margin-block-start"
         ]
       },
-      "font-size": {
-        "value": "15px",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "margin-block-end": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "15px"
+          "value": "{leiden.size.md}"
         },
-        "name": "utrechtTextboxFontSize",
+        "name": "utrechtCodeBlockMarginBlockEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "font-size"
+          "type": "code-block",
+          "item": "margin-block-end"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "font-size"
+          "code-block",
+          "margin-block-end"
         ]
       },
-      "line-height": {},
-      "max-inline-size": {},
-      "padding-block-end": {
-        "value": "8px",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "margin-inline-start": {
+        "value": 0,
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.xs}"
+          "value": 0
         },
-        "name": "utrechtTextboxPaddingBlockEnd",
+        "name": "utrechtCodeBlockMarginInlineStart",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "padding-block-end"
+          "type": "code-block",
+          "item": "margin-inline-start"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "padding-block-end"
+          "code-block",
+          "margin-inline-start"
         ]
       },
-      "padding-block-start": {
-        "value": "8px",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "margin-inline-end": {
+        "value": 0,
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.xs}"
+          "value": 0
         },
-        "name": "utrechtTextboxPaddingBlockStart",
+        "name": "utrechtCodeBlockMarginInlineEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "padding-block-start"
+          "type": "code-block",
+          "item": "margin-inline-end"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "padding-block-start"
+          "code-block",
+          "margin-inline-end"
         ]
       },
-      "padding-inline-end": {
-        "value": "14px",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "padding-block-start": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.sm}"
+          "value": "{leiden.size.md}"
         },
-        "name": "utrechtTextboxPaddingInlineEnd",
+        "name": "utrechtCodeBlockPaddingBlockStart",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "padding-inline-end"
+          "type": "code-block",
+          "item": "padding-block-start"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "padding-inline-end"
+          "code-block",
+          "padding-block-start"
         ]
       },
-      "padding-inline-start": {
-        "value": "14px",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "padding-block-end": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.sm}"
+          "value": "{leiden.size.md}"
         },
-        "name": "utrechtTextboxPaddingInlineStart",
+        "name": "utrechtCodeBlockPaddingBlockEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "padding-inline-start"
+          "type": "code-block",
+          "item": "padding-block-end"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "padding-inline-start"
+          "code-block",
+          "padding-block-end"
         ]
       },
-      "placeholder": {
-        "color": {
-          "value": "#2c3e50",
-          "filePath": "src/component/conduction/textbox.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.color.lightblue.24}"
-          },
-          "name": "utrechtTextboxPlaceholderColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "textbox",
-            "item": "placeholder",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "textbox",
-            "placeholder",
-            "color"
-          ]
-        }
-      },
-      "disabled": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
-      },
-      "focus": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
-      },
-      "invalid": {
-        "background-color": {},
-        "border-color": {},
-        "border-width": {},
-        "color": {}
-      },
-      "read-only": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
-      }
-    },
-    "blockquote": {
-      "background-color": {},
-      "color": {},
-      "margin-inline-start": {
-        "value": "32px",
-        "filePath": "src/component/utrecht/blockquote.tokens.json",
+      "padding-inline-start": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.xl}"
+          "value": "{leiden.size.md}"
         },
-        "name": "utrechtBlockquoteMarginInlineStart",
+        "name": "utrechtCodeBlockPaddingInlineStart",
         "attributes": {
           "category": "utrecht",
-          "type": "blockquote",
-          "item": "margin-inline-start"
+          "type": "code-block",
+          "item": "padding-inline-start"
         },
         "path": [
           "utrecht",
-          "blockquote",
-          "margin-inline-start"
+          "code-block",
+          "padding-inline-start"
         ]
       },
-      "margin-inline-end": {
-        "value": "32px",
-        "filePath": "src/component/utrecht/blockquote.tokens.json",
+      "padding-inline-end": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.xl}"
+          "value": "{leiden.size.md}"
         },
-        "name": "utrechtBlockquoteMarginInlineEnd",
+        "name": "utrechtCodeBlockPaddingInlineEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "blockquote",
-          "item": "margin-inline-end"
+          "type": "code-block",
+          "item": "padding-inline-end"
         },
         "path": [
           "utrecht",
-          "blockquote",
-          "margin-inline-end"
+          "code-block",
+          "padding-inline-end"
+        ]
+      }
+    },
+    "document": {
+      "background-color": {
+        "value": "#ffffff",
+        "filePath": "src/component/utrecht/document.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.color.white.100}"
+        },
+        "name": "utrechtDocumentBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "document",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "document",
+          "background-color"
         ]
       },
-      "margin-inline-block-start": {},
-      "margin-inline-block-end": {},
-      "font-size": {},
-      "font-style": {},
-      "font-family": {},
-      "padding-inline-start": {},
-      "padding-inline-end": {},
-      "padding-inline-block-start": {},
-      "padding-inline-block-end": {},
-      "attribution": {
-        "color": {},
-        "font-size": {}
-      },
-      "content": {
-        "color": {
-          "value": "#0d1921",
-          "filePath": "src/component/utrecht/blockquote.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.color.black.9}"
-          },
-          "name": "utrechtBlockquoteContentColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "content",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "content",
-            "color"
-          ]
+      "color": {
+        "value": "#0d1921",
+        "filePath": "src/component/utrecht/document.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.color.black.9}"
         },
-        "font-size": {
-          "value": "18px",
-          "filePath": "src/component/utrecht/blockquote.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.font-size.md}"
-          },
-          "name": "utrechtBlockquoteContentFontSize",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "content",
-            "subitem": "font-size"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "content",
-            "font-size"
-          ]
-        }
-      }
+        "name": "utrechtDocumentColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "document",
+          "item": "color"
+        },
+        "path": [
+          "utrecht",
+          "document",
+          "color"
+        ]
+      },
+      "font-family": {
+        "value": "\"Open Sans\", Arial, sans-serif",
+        "filePath": "src/component/utrecht/document.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.typography.sans-serif.font-family}"
+        },
+        "name": "utrechtDocumentFontFamily",
+        "attributes": {
+          "category": "utrecht",
+          "type": "document",
+          "item": "font-family"
+        },
+        "path": [
+          "utrecht",
+          "document",
+          "font-family"
+        ]
+      },
+      "font-size": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/document.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.font-size.md}"
+        },
+        "name": "utrechtDocumentFontSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "document",
+          "item": "font-size"
+        },
+        "path": [
+          "utrecht",
+          "document",
+          "font-size"
+        ]
+      },
+      "font-weight": {},
+      "line-height": {}
     },
-    "button": {
+    "form-input": {
       "background-color": {
-        "value": "#d62410",
-        "filePath": "src/component/utrecht/button.tokens.json",
+        "value": "#ffffff",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.color.primary}"
+          "value": "{leiden.color.white.100}"
         },
-        "name": "utrechtButtonBackgroundColor",
+        "name": "utrechtFormInputBackgroundColor",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
+          "type": "form-input",
           "item": "background-color"
         },
         "path": [
           "utrecht",
-          "button",
+          "form-input",
           "background-color"
         ]
       },
+      "border-bottom-width": {},
       "border-color": {
-        "value": "#d62410",
-        "filePath": "src/component/utrecht/button.tokens.json",
+        "value": "#5f594a",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.color.primary}"
+          "value": "{leiden.color.grey.33}"
         },
-        "name": "utrechtButtonBorderColor",
+        "name": "utrechtFormInputBorderColor",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
+          "type": "form-input",
           "item": "border-color"
         },
         "path": [
           "utrecht",
-          "button",
+          "form-input",
           "border-color"
         ]
       },
       "border-radius": {
-        "value": "4px",
-        "filePath": "src/component/utrecht/button.tokens.json",
+        "value": "0px",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.2xs}"
+          "value": "0px"
         },
-        "name": "utrechtButtonBorderRadius",
+        "name": "utrechtFormInputBorderRadius",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
+          "type": "form-input",
           "item": "border-radius"
         },
         "path": [
           "utrecht",
-          "button",
+          "form-input",
           "border-radius"
         ]
       },
       "border-width": {
-        "value": "2px",
-        "filePath": "src/component/utrecht/button.tokens.json",
+        "value": "1px",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.3xs}"
+          "value": "{leiden.size.4xs}"
         },
-        "name": "utrechtButtonBorderWidth",
+        "name": "utrechtFormInputBorderWidth",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
+          "type": "form-input",
           "item": "border-width"
         },
         "path": [
           "utrecht",
-          "button",
+          "form-input",
           "border-width"
         ]
       },
       "color": {
-        "value": "#ffffff",
-        "filePath": "src/component/utrecht/button.tokens.json",
+        "value": "#1d1d1b",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.color.white.100}"
+          "value": "{leiden.color.grey.11}"
         },
-        "name": "utrechtButtonColor",
+        "name": "utrechtFormInputColor",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
+          "type": "form-input",
           "item": "color"
         },
         "path": [
           "utrecht",
-          "button",
+          "form-input",
           "color"
         ]
       },
       "font-family": {
         "value": "\"Open Sans\", Arial, sans-serif",
-        "filePath": "src/component/utrecht/button.tokens.json",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
         "isSource": true,
         "original": {
           "value": "{leiden.typography.sans-serif.font-family}"
         },
-        "name": "utrechtButtonFontFamily",
+        "name": "utrechtFormInputFontFamily",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
+          "type": "form-input",
           "item": "font-family"
         },
         "path": [
           "utrecht",
-          "button",
+          "form-input",
           "font-family"
         ]
       },
       "font-size": {
-        "value": "inherit",
-        "filePath": "src/component/utrecht/button.tokens.json",
+        "value": "15px",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
         "isSource": true,
         "original": {
-          "value": "inherit"
+          "value": "15px"
         },
-        "name": "utrechtButtonFontSize",
+        "name": "utrechtFormInputFontSize",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
+          "type": "form-input",
           "item": "font-size"
         },
         "path": [
           "utrecht",
-          "button",
+          "form-input",
           "font-size"
         ]
       },
-      "font-weight": {
-        "value": "inherit",
-        "filePath": "src/component/utrecht/button.tokens.json",
+      "line-height": {},
+      "max-inline-size": {},
+      "padding-block-end": {
+        "value": "8px",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
         "isSource": true,
         "original": {
-          "value": "inherit"
+          "value": "{leiden.size.xs}"
         },
-        "name": "utrechtButtonFontWeight",
+        "name": "utrechtFormInputPaddingBlockEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
-          "item": "font-weight"
+          "type": "form-input",
+          "item": "padding-block-end"
         },
         "path": [
           "utrecht",
-          "button",
-          "font-weight"
+          "form-input",
+          "padding-block-end"
         ]
       },
-      "inline-size": {},
-      "letter-spacing": {},
-      "line-height": {},
-      "min-block-size": {},
-      "min-inline-size": {},
       "padding-block-start": {
         "value": "8px",
-        "filePath": "src/component/utrecht/button.tokens.json",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
         "isSource": true,
         "original": {
           "value": "{leiden.size.xs}"
         },
-        "name": "utrechtButtonPaddingBlockStart",
+        "name": "utrechtFormInputPaddingBlockStart",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
+          "type": "form-input",
           "item": "padding-block-start"
         },
         "path": [
           "utrecht",
-          "button",
+          "form-input",
           "padding-block-start"
         ]
       },
-      "padding-block-end": {
-        "value": "8px",
-        "filePath": "src/component/utrecht/button.tokens.json",
+      "padding-inline-end": {
+        "value": "14px",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.xs}"
+          "value": "{leiden.size.sm}"
         },
-        "name": "utrechtButtonPaddingBlockEnd",
+        "name": "utrechtFormInputPaddingInlineEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
-          "item": "padding-block-end"
+          "type": "form-input",
+          "item": "padding-inline-end"
         },
         "path": [
           "utrecht",
-          "button",
-          "padding-block-end"
+          "form-input",
+          "padding-inline-end"
         ]
       },
       "padding-inline-start": {
-        "value": "8px",
-        "filePath": "src/component/utrecht/button.tokens.json",
+        "value": "14px",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.xs}"
+          "value": "{leiden.size.sm}"
         },
-        "name": "utrechtButtonPaddingInlineStart",
+        "name": "utrechtFormInputPaddingInlineStart",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
+          "type": "form-input",
           "item": "padding-inline-start"
         },
         "path": [
           "utrecht",
-          "button",
+          "form-input",
           "padding-inline-start"
         ]
       },
-      "padding-inline-end": {
-        "value": "8px",
-        "filePath": "src/component/utrecht/button.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.size.xs}"
-        },
-        "name": "utrechtButtonPaddingInlineEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "button",
-          "item": "padding-inline-end"
-        },
-        "path": [
-          "utrecht",
-          "button",
-          "padding-inline-end"
-        ]
-      },
-      "text-transform": {},
-      "active": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
-      },
-      "icon": {
-        "gap": {
-          "value": "8px",
-          "filePath": "src/component/utrecht/button.tokens.json",
+      "placeholder": {
+        "color": {
+          "value": "#2c3e50",
+          "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{leiden.size.xs}"
+            "value": "{leiden.color.lightblue.24}"
           },
-          "name": "utrechtButtonIconGap",
+          "name": "utrechtFormInputPlaceholderColor",
           "attributes": {
             "category": "utrecht",
-            "type": "button",
-            "item": "icon",
-            "subitem": "gap"
+            "type": "form-input",
+            "item": "placeholder",
+            "subitem": "color"
           },
           "path": [
             "utrecht",
-            "button",
-            "icon",
-            "gap"
+            "form-input",
+            "placeholder",
+            "color"
           ]
-        },
-        "size": {}
+        }
       },
       "disabled": {
         "background-color": {},
@@ -3371,855 +3502,1021 @@
       "focus": {
         "background-color": {},
         "border-color": {},
-        "color": {},
-        "scale": {}
+        "color": {}
       },
-      "hover": {
-        "background-color": {
-          "value": "#ffffff",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.color.white.100}"
-          },
-          "name": "utrechtButtonHoverBackgroundColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "button",
-            "item": "hover",
-            "subitem": "background-color"
-          },
-          "path": [
-            "utrecht",
-            "button",
-            "hover",
-            "background-color"
-          ]
-        },
+      "invalid": {
+        "background-color": {},
         "border-color": {},
-        "color": {
-          "value": "#b81f0e",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.color.primary-hover}"
-          },
-          "name": "utrechtButtonHoverColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "button",
-            "item": "hover",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "button",
-            "hover",
-            "color"
-          ]
-        },
-        "scale": {}
+        "border-width": {},
+        "color": {}
       },
-      "pressed": {
+      "read-only": {
         "background-color": {},
         "border-color": {},
         "color": {}
-      },
-      "primary-action": {
-        "background-color": {
-          "value": "#d62410",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.color.primary}"
-          },
-          "name": "utrechtButtonPrimaryActionBackgroundColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "button",
-            "item": "primary-action",
-            "subitem": "background-color"
-          },
-          "path": [
-            "utrecht",
-            "button",
-            "primary-action",
-            "background-color"
-          ]
+      }
+    },
+    "icon": {
+      "gap": {
+        "value": "8px",
+        "filePath": "src/component/utrecht/extra-tokens/icon.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.size.xs}"
         },
-        "border-color": {},
-        "border-width": {
-          "value": "2px",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.size.3xs}"
-          },
-          "name": "utrechtButtonPrimaryActionBorderWidth",
-          "attributes": {
-            "category": "utrecht",
-            "type": "button",
-            "item": "primary-action",
-            "subitem": "border-width"
-          },
-          "path": [
-            "utrecht",
-            "button",
-            "primary-action",
-            "border-width"
-          ]
+        "name": "utrechtIconGap",
+        "attributes": {
+          "category": "utrecht",
+          "type": "icon",
+          "item": "gap"
         },
-        "color": {
-          "value": "#ffffff",
-          "filePath": "src/component/utrecht/button.tokens.json",
+        "path": [
+          "utrecht",
+          "icon",
+          "gap"
+        ]
+      },
+      "color": {},
+      "size": {},
+      "inset-block-start": {},
+      "baseline": {
+        "inset-block-start": {}
+      }
+    },
+    "page-footer": {
+      "min-height": {},
+      "logo": {
+        "max-height": {
+          "value": "100px",
+          "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{leiden.color.white.100}"
+            "value": "100px"
           },
-          "name": "utrechtButtonPrimaryActionColor",
+          "name": "utrechtPageFooterLogoMaxHeight",
           "attributes": {
             "category": "utrecht",
-            "type": "button",
-            "item": "primary-action",
-            "subitem": "color"
+            "type": "page-footer",
+            "item": "logo",
+            "subitem": "max-height"
           },
           "path": [
             "utrecht",
-            "button",
-            "primary-action",
-            "color"
+            "page-footer",
+            "logo",
+            "max-height"
           ]
         },
-        "font-weight": {
-          "value": "inherit",
-          "filePath": "src/component/utrecht/button.tokens.json",
+        "max-width": {
+          "value": "120px",
+          "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",
           "isSource": true,
           "original": {
-            "value": "inherit"
+            "value": "120px"
           },
-          "name": "utrechtButtonPrimaryActionFontWeight",
+          "name": "utrechtPageFooterLogoMaxWidth",
           "attributes": {
             "category": "utrecht",
-            "type": "button",
-            "item": "primary-action",
-            "subitem": "font-weight"
+            "type": "page-footer",
+            "item": "logo",
+            "subitem": "max-width"
           },
           "path": [
             "utrecht",
-            "button",
-            "primary-action",
-            "font-weight"
+            "page-footer",
+            "logo",
+            "max-width"
           ]
+        }
+      },
+      "background-position": {},
+      "background-color": {
+        "value": "#0d1921",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.color.black.9}"
         },
-        "active": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
-        },
-        "disabled": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
+        "name": "utrechtPageFooterBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "background-color"
         },
-        "hover": {
-          "background-color": {
-            "value": "#d62410",
-            "filePath": "src/component/utrecht/button.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "{leiden.color.primary}"
-            },
-            "name": "utrechtButtonPrimaryActionHoverBackgroundColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "button",
-              "item": "primary-action",
-              "subitem": "hover",
-              "state": "background-color"
-            },
-            "path": [
-              "utrecht",
-              "button",
-              "primary-action",
-              "hover",
-              "background-color"
-            ]
-          },
-          "border-color": {},
-          "color": {
-            "value": "#ffffff",
-            "filePath": "src/component/utrecht/button.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "{leiden.color.white.100}"
-            },
-            "name": "utrechtButtonPrimaryActionHoverColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "button",
-              "item": "primary-action",
-              "subitem": "hover",
-              "state": "color"
-            },
-            "path": [
-              "utrecht",
-              "button",
-              "primary-action",
-              "hover",
-              "color"
-            ]
-          },
-          "scale": {}
+        "path": [
+          "utrecht",
+          "page-footer",
+          "background-color"
+        ]
+      },
+      "background-image": {
+        "value": "unset",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "unset"
         },
-        "focus": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
+        "name": "utrechtPageFooterBackgroundImage",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "background-image"
         },
-        "pressed": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
-        }
+        "path": [
+          "utrecht",
+          "page-footer",
+          "background-image"
+        ]
       },
-      "secondary-action": {
-        "background-color": {
-          "value": "#ffffff",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.color.white.100}"
-          },
-          "name": "utrechtButtonSecondaryActionBackgroundColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "button",
-            "item": "secondary-action",
-            "subitem": "background-color"
-          },
-          "path": [
-            "utrecht",
-            "button",
-            "secondary-action",
-            "background-color"
-          ]
+      "color": {
+        "value": "#ffffff",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.color.white.100}"
         },
-        "border-color": {
-          "value": "#d62410",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.color.primary}"
-          },
-          "name": "utrechtButtonSecondaryActionBorderColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "button",
-            "item": "secondary-action",
-            "subitem": "border-color"
-          },
-          "path": [
-            "utrecht",
-            "button",
-            "secondary-action",
-            "border-color"
-          ]
+        "name": "utrechtPageFooterColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "color"
         },
-        "border-width": {
-          "value": "2px",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.size.3xs}"
-          },
-          "name": "utrechtButtonSecondaryActionBorderWidth",
-          "attributes": {
-            "category": "utrecht",
-            "type": "button",
-            "item": "secondary-action",
-            "subitem": "border-width"
-          },
-          "path": [
-            "utrecht",
-            "button",
-            "secondary-action",
-            "border-width"
-          ]
+        "path": [
+          "utrecht",
+          "page-footer",
+          "color"
+        ]
+      },
+      "padding-inline-end": {
+        "value": "14px",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.size.sm}"
         },
-        "color": {
-          "value": "#d62410",
-          "filePath": "src/component/utrecht/button.tokens.json",
+        "name": "utrechtPageFooterPaddingInlineEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "padding-inline-end"
+        },
+        "path": [
+          "utrecht",
+          "page-footer",
+          "padding-inline-end"
+        ]
+      },
+      "padding-inline-start": {
+        "value": "14px",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.size.sm}"
+        },
+        "name": "utrechtPageFooterPaddingInlineStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "padding-inline-start"
+        },
+        "path": [
+          "utrecht",
+          "page-footer",
+          "padding-inline-start"
+        ]
+      },
+      "padding-block-end": {
+        "value": "48px",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.size.2xl}"
+        },
+        "name": "utrechtPageFooterPaddingBlockEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "padding-block-end"
+        },
+        "path": [
+          "utrecht",
+          "page-footer",
+          "padding-block-end"
+        ]
+      },
+      "padding-block-start": {
+        "value": "48px",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.size.2xl}"
+        },
+        "name": "utrechtPageFooterPaddingBlockStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "padding-block-start"
+        },
+        "path": [
+          "utrecht",
+          "page-footer",
+          "padding-block-start"
+        ]
+      }
+    },
+    "page-header": {
+      "logo": {
+        "max-height": {},
+        "max-width": {
+          "value": "80px",
+          "filePath": "src/component/utrecht/extra-tokens/page-header.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{leiden.color.primary}"
+            "value": "80px"
           },
-          "name": "utrechtButtonSecondaryActionColor",
+          "name": "utrechtPageHeaderLogoMaxWidth",
           "attributes": {
             "category": "utrecht",
-            "type": "button",
-            "item": "secondary-action",
-            "subitem": "color"
+            "type": "page-header",
+            "item": "logo",
+            "subitem": "max-width"
           },
           "path": [
             "utrecht",
-            "button",
-            "secondary-action",
-            "color"
+            "page-header",
+            "logo",
+            "max-width"
           ]
-        },
-        "font-weight": {
-          "value": "400",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.typography.font-weight.normal}"
-          },
-          "name": "utrechtButtonSecondaryActionFontWeight",
-          "attributes": {
-            "category": "utrecht",
-            "type": "button",
-            "item": "secondary-action",
-            "subitem": "font-weight"
-          },
-          "path": [
-            "utrecht",
-            "button",
-            "secondary-action",
-            "font-weight"
-          ]
-        },
-        "active": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
-        },
-        "disabled": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
-        },
-        "hover": {
-          "background-color": {
-            "value": "#ffffff",
-            "filePath": "src/component/utrecht/button.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "{leiden.color.white.100}"
-            },
-            "name": "utrechtButtonSecondaryActionHoverBackgroundColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "button",
-              "item": "secondary-action",
-              "subitem": "hover",
-              "state": "background-color"
-            },
-            "path": [
-              "utrecht",
-              "button",
-              "secondary-action",
-              "hover",
-              "background-color"
-            ]
-          },
-          "border-color": {
-            "value": "#b81f0e",
-            "filePath": "src/component/utrecht/button.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "{leiden.color.primary-hover}"
-            },
-            "name": "utrechtButtonSecondaryActionHoverBorderColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "button",
-              "item": "secondary-action",
-              "subitem": "hover",
-              "state": "border-color"
-            },
-            "path": [
-              "utrecht",
-              "button",
-              "secondary-action",
-              "hover",
-              "border-color"
-            ]
-          },
-          "color": {
-            "value": "#b81f0e",
-            "filePath": "src/component/utrecht/button.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "{leiden.color.primary-hover}"
-            },
-            "name": "utrechtButtonSecondaryActionHoverColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "button",
-              "item": "secondary-action",
-              "subitem": "hover",
-              "state": "color"
-            },
-            "path": [
-              "utrecht",
-              "button",
-              "secondary-action",
-              "hover",
-              "color"
-            ]
-          }
-        },
-        "focus": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
-        },
-        "pressed": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
         }
       },
-      "subtle": {
-        "background-color": {},
-        "border-color": {},
-        "border-width": {},
-        "color": {},
-        "font-weight": {},
-        "active": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
-        },
-        "disabled": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
-        },
-        "hover": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
-        },
-        "focus": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
-        },
-        "pressed": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
-        }
-      }
-    },
-    "code": {
       "background-color": {
-        "value": "#e4e4e4",
-        "filePath": "src/component/utrecht/code.tokens.json",
+        "value": "#0d1921",
+        "filePath": "src/component/utrecht/page-header.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.color.lightgrey.89}"
+          "value": "{leiden.color.black.9}"
         },
-        "name": "utrechtCodeBackgroundColor",
+        "name": "utrechtPageHeaderBackgroundColor",
         "attributes": {
           "category": "utrecht",
-          "type": "code",
+          "type": "page-header",
           "item": "background-color"
         },
         "path": [
           "utrecht",
-          "code",
+          "page-header",
           "background-color"
         ]
       },
       "color": {
-        "value": "#0d1921",
-        "filePath": "src/component/utrecht/code.tokens.json",
+        "value": "#ffffff",
+        "filePath": "src/component/utrecht/page-header.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.color.black.9}"
+          "value": "{leiden.color.white.100}"
         },
-        "name": "utrechtCodeColor",
+        "name": "utrechtPageHeaderColor",
         "attributes": {
           "category": "utrecht",
-          "type": "code",
+          "type": "page-header",
           "item": "color"
         },
         "path": [
           "utrecht",
-          "code",
+          "page-header",
           "color"
         ]
       },
-      "font-family": {
-        "value": "Monospace, \"Lucida Console\"",
-        "filePath": "src/component/utrecht/code.tokens.json",
+      "padding-block-start": {
+        "value": "14px",
+        "filePath": "src/component/utrecht/page-header.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.typography.monospace.font-family}"
+          "value": "{leiden.size.sm}"
         },
-        "name": "utrechtCodeFontFamily",
+        "name": "utrechtPageHeaderPaddingBlockStart",
         "attributes": {
           "category": "utrecht",
-          "type": "code",
-          "item": "font-family"
+          "type": "page-header",
+          "item": "padding-block-start"
         },
         "path": [
           "utrecht",
-          "code",
-          "font-family"
+          "page-header",
+          "padding-block-start"
         ]
       },
-      "font-size": {
-        "value": "inherit",
-        "filePath": "src/component/utrecht/code.tokens.json",
+      "padding-block-end": {
+        "value": "14px",
+        "filePath": "src/component/utrecht/page-header.tokens.json",
         "isSource": true,
         "original": {
-          "value": "inherit"
+          "value": "{leiden.size.sm}"
         },
-        "name": "utrechtCodeFontSize",
+        "name": "utrechtPageHeaderPaddingBlockEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "code",
-          "item": "font-size"
+          "type": "page-header",
+          "item": "padding-block-end"
         },
         "path": [
           "utrecht",
-          "code",
-          "font-size"
+          "page-header",
+          "padding-block-end"
         ]
-      },
-      "line-height": {}
+      }
     },
-    "code-block": {
-      "background-color": {
-        "value": "#e4e4e4",
-        "filePath": "src/component/utrecht/code.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.color.lightgrey.89}"
-        },
-        "name": "utrechtCodeBlockBackgroundColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "code-block",
-          "item": "background-color"
+    "table": {
+      "background-color": {},
+      "header": {
+        "border-block-end-color": {},
+        "border-block-end-width": {},
+        "font-family": {},
+        "font-weight": {
+          "value": "700",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.typography.font-weight.bold}"
+          },
+          "name": "utrechtTableHeaderFontWeight",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "header",
+            "subitem": "font-weight"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "header",
+            "font-weight"
+          ]
         },
-        "path": [
-          "utrecht",
-          "code-block",
-          "background-color"
-        ]
-      },
-      "color": {
-        "value": "#0d1921",
-        "filePath": "src/component/utrecht/code.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.color.black.9}"
-        },
-        "name": "utrechtCodeBlockColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "code-block",
-          "item": "color"
+        "background-color": {},
+        "color": {
+          "value": "#0d1921",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.document.color}"
+          },
+          "name": "utrechtTableHeaderColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "header",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "header",
+            "color"
+          ]
         },
-        "path": [
-          "utrecht",
-          "code-block",
-          "color"
-        ]
+        "text-transform": {
+          "value": "unset",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "unset"
+          },
+          "name": "utrechtTableHeaderTextTransform",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "header",
+            "subitem": "text-transform"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "header",
+            "text-transform"
+          ]
+        }
       },
-      "font-family": {
-        "value": "Monospace, \"Lucida Console\"",
-        "filePath": "src/component/utrecht/code.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.typography.monospace.font-family}"
+      "row": {
+        "hover": {
+          "background-color": {},
+          "color": {}
         },
-        "name": "utrechtCodeBlockFontFamily",
-        "attributes": {
-          "category": "utrecht",
-          "type": "code-block",
-          "item": "font-family"
+        "border-block-end-color": {
+          "value": "#e4e4e4",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.color.lightgrey.89}"
+          },
+          "name": "utrechtTableRowBorderBlockEndColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "row",
+            "subitem": "border-block-end-color"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "row",
+            "border-block-end-color"
+          ]
         },
-        "path": [
-          "utrecht",
-          "code-block",
-          "font-family"
-        ]
-      },
-      "font-size": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/code.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{leiden.font-size.md}"
+        "border-block-end-width": {
+          "value": "1px",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.size.4xs}"
+          },
+          "name": "utrechtTableRowBorderBlockEndWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "row",
+            "subitem": "border-block-end-width"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "row",
+            "border-block-end-width"
+          ]
         },
-        "name": "utrechtCodeBlockFontSize",
-        "attributes": {
-          "category": "utrecht",
-          "type": "code-block",
-          "item": "font-size"
+        "padding-inline-end": {},
+        "padding-inline-start": {},
+        "alternate-odd": {
+          "background-color": {},
+          "color": {}
         },
-        "path": [
-          "utrecht",
-          "code-block",
-          "font-size"
-        ]
+        "alternate-even": {
+          "background-color": {},
+          "color": {}
+        }
       },
-      "line-height": {
-        "value": "24px",
-        "filePath": "src/component/utrecht/code.tokens.json",
+      "body": {
+        "border": {}
+      },
+      "caption": {
+        "font-style": {},
+        "font-weight": {},
+        "font-family": {},
+        "font-size": {},
+        "color": {},
+        "line-height": {},
+        "text-align": {},
+        "margin-block-end": {}
+      },
+      "border-color": {
+        "value": "#e4e4e4",
+        "filePath": "src/component/utrecht/table.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.lg}"
+          "value": "{leiden.color.lightgrey.89}"
         },
-        "name": "utrechtCodeBlockLineHeight",
+        "name": "utrechtTableBorderColor",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "line-height"
+          "type": "table",
+          "item": "border-color"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "line-height"
+          "table",
+          "border-color"
         ]
       },
-      "margin-block-start": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/code.tokens.json",
+      "border-width": {
+        "value": "1px",
+        "filePath": "src/component/utrecht/table.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.md}"
+          "value": "{leiden.size.4xs}"
         },
-        "name": "utrechtCodeBlockMarginBlockStart",
+        "name": "utrechtTableBorderWidth",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "margin-block-start"
+          "type": "table",
+          "item": "border-width"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "margin-block-start"
+          "table",
+          "border-width"
         ]
       },
-      "margin-block-end": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/code.tokens.json",
+      "font-family": {
+        "value": "\"Open Sans\", Arial, sans-serif",
+        "filePath": "src/component/utrecht/table.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.md}"
+          "value": "{utrecht.document.font-family}"
         },
-        "name": "utrechtCodeBlockMarginBlockEnd",
+        "name": "utrechtTableFontFamily",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "margin-block-end"
+          "type": "table",
+          "item": "font-family"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "margin-block-end"
+          "table",
+          "font-family"
         ]
       },
-      "margin-inline-start": {
-        "value": 0,
-        "filePath": "src/component/utrecht/code.tokens.json",
+      "font-size": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/table.tokens.json",
         "isSource": true,
         "original": {
-          "value": 0
+          "value": "{utrecht.document.font-size}"
         },
-        "name": "utrechtCodeBlockMarginInlineStart",
+        "name": "utrechtTableFontSize",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "margin-inline-start"
+          "type": "table",
+          "item": "font-size"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "margin-inline-start"
+          "table",
+          "font-size"
         ]
       },
-      "margin-inline-end": {
+      "line-height": {},
+      "margin-block-end": {
         "value": 0,
-        "filePath": "src/component/utrecht/code.tokens.json",
+        "filePath": "src/component/utrecht/table.tokens.json",
         "isSource": true,
         "original": {
           "value": 0
         },
-        "name": "utrechtCodeBlockMarginInlineEnd",
+        "name": "utrechtTableMarginBlockEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "margin-inline-end"
+          "type": "table",
+          "item": "margin-block-end"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "margin-inline-end"
+          "table",
+          "margin-block-end"
         ]
       },
-      "padding-block-start": {
+      "margin-block-start": {
         "value": "18px",
-        "filePath": "src/component/utrecht/code.tokens.json",
+        "filePath": "src/component/utrecht/table.tokens.json",
         "isSource": true,
         "original": {
           "value": "{leiden.size.md}"
         },
-        "name": "utrechtCodeBlockPaddingBlockStart",
+        "name": "utrechtTableMarginBlockStart",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "padding-block-start"
+          "type": "table",
+          "item": "margin-block-start"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "padding-block-start"
+          "table",
+          "margin-block-start"
         ]
       },
-      "padding-block-end": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/code.tokens.json",
+      "header-cell": {
+        "font-size": {
+          "value": "18px",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.document.font-size}"
+          },
+          "name": "utrechtTableHeaderCellFontSize",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "header-cell",
+            "subitem": "font-size"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "header-cell",
+            "font-size"
+          ]
+        },
+        "font-weight": {
+          "value": "700",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.typography.font-weight.bold}"
+          },
+          "name": "utrechtTableHeaderCellFontWeight",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "header-cell",
+            "subitem": "font-weight"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "header-cell",
+            "font-weight"
+          ]
+        },
+        "color": {
+          "value": "#0d1921",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.document.color}"
+          },
+          "name": "utrechtTableHeaderCellColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "header-cell",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "header-cell",
+            "color"
+          ]
+        },
+        "text-transform": {
+          "value": "unset",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "unset"
+          },
+          "name": "utrechtTableHeaderCellTextTransform",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "header-cell",
+            "subitem": "text-transform"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "header-cell",
+            "text-transform"
+          ]
+        }
+      },
+      "cell": {
+        "line-height": {},
+        "padding-block-end": {
+          "value": "18px",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.size.md}"
+          },
+          "name": "utrechtTableCellPaddingBlockEnd",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "cell",
+            "subitem": "padding-block-end"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "cell",
+            "padding-block-end"
+          ]
+        },
+        "padding-block-start": {
+          "value": "18px",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.size.md}"
+          },
+          "name": "utrechtTableCellPaddingBlockStart",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "cell",
+            "subitem": "padding-block-start"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "cell",
+            "padding-block-start"
+          ]
+        },
+        "padding-inline-end": {
+          "value": "18px",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.size.md}"
+          },
+          "name": "utrechtTableCellPaddingInlineEnd",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "cell",
+            "subitem": "padding-inline-end"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "cell",
+            "padding-inline-end"
+          ]
+        },
+        "padding-inline-start": {
+          "value": "18px",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.size.md}"
+          },
+          "name": "utrechtTableCellPaddingInlineStart",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "cell",
+            "subitem": "padding-inline-start"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "cell",
+            "padding-inline-start"
+          ]
+        },
+        "icon": {
+          "size": {}
+        }
+      }
+    },
+    "textbox": {
+      "background-color": {
+        "value": "#ffffff",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.md}"
+          "value": "{leiden.color.white.100}"
         },
-        "name": "utrechtCodeBlockPaddingBlockEnd",
+        "name": "utrechtTextboxBackgroundColor",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "padding-block-end"
+          "type": "textbox",
+          "item": "background-color"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "padding-block-end"
+          "textbox",
+          "background-color"
         ]
       },
-      "padding-inline-start": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/code.tokens.json",
+      "border-bottom-width": {},
+      "border-color": {
+        "value": "#5f594a",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.md}"
+          "value": "{leiden.color.grey.33}"
         },
-        "name": "utrechtCodeBlockPaddingInlineStart",
+        "name": "utrechtTextboxBorderColor",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "padding-inline-start"
+          "type": "textbox",
+          "item": "border-color"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "padding-inline-start"
+          "textbox",
+          "border-color"
         ]
       },
-      "padding-inline-end": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/code.tokens.json",
+      "border-radius": {
+        "value": "0px",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.md}"
+          "value": "0px"
         },
-        "name": "utrechtCodeBlockPaddingInlineEnd",
+        "name": "utrechtTextboxBorderRadius",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "padding-inline-end"
+          "type": "textbox",
+          "item": "border-radius"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "padding-inline-end"
+          "textbox",
+          "border-radius"
         ]
-      }
-    },
-    "document": {
-      "background-color": {
-        "value": "#ffffff",
-        "filePath": "src/component/utrecht/document.tokens.json",
+      },
+      "border-width": {
+        "value": "1px",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.color.white.100}"
+          "value": "{leiden.size.4xs}"
         },
-        "name": "utrechtDocumentBackgroundColor",
+        "name": "utrechtTextboxBorderWidth",
         "attributes": {
           "category": "utrecht",
-          "type": "document",
-          "item": "background-color"
+          "type": "textbox",
+          "item": "border-width"
         },
         "path": [
           "utrecht",
-          "document",
-          "background-color"
+          "textbox",
+          "border-width"
         ]
       },
       "color": {
-        "value": "#0d1921",
-        "filePath": "src/component/utrecht/document.tokens.json",
+        "value": "#1d1d1b",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.color.black.9}"
+          "value": "{leiden.color.grey.11}"
         },
-        "name": "utrechtDocumentColor",
+        "name": "utrechtTextboxColor",
         "attributes": {
           "category": "utrecht",
-          "type": "document",
+          "type": "textbox",
           "item": "color"
         },
         "path": [
           "utrecht",
-          "document",
+          "textbox",
           "color"
         ]
       },
       "font-family": {
         "value": "\"Open Sans\", Arial, sans-serif",
-        "filePath": "src/component/utrecht/document.tokens.json",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
           "value": "{leiden.typography.sans-serif.font-family}"
         },
-        "name": "utrechtDocumentFontFamily",
+        "name": "utrechtTextboxFontFamily",
         "attributes": {
           "category": "utrecht",
-          "type": "document",
+          "type": "textbox",
           "item": "font-family"
         },
         "path": [
           "utrecht",
-          "document",
+          "textbox",
           "font-family"
         ]
       },
       "font-size": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/document.tokens.json",
+        "value": "15px",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.font-size.md}"
+          "value": "15px"
         },
-        "name": "utrechtDocumentFontSize",
+        "name": "utrechtTextboxFontSize",
         "attributes": {
           "category": "utrecht",
-          "type": "document",
+          "type": "textbox",
           "item": "font-size"
         },
         "path": [
           "utrecht",
-          "document",
+          "textbox",
           "font-size"
         ]
       },
-      "font-weight": {},
-      "line-height": {}
+      "line-height": {},
+      "max-inline-size": {},
+      "padding-block-end": {
+        "value": "8px",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.size.xs}"
+        },
+        "name": "utrechtTextboxPaddingBlockEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "textbox",
+          "item": "padding-block-end"
+        },
+        "path": [
+          "utrecht",
+          "textbox",
+          "padding-block-end"
+        ]
+      },
+      "padding-block-start": {
+        "value": "8px",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.size.xs}"
+        },
+        "name": "utrechtTextboxPaddingBlockStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "textbox",
+          "item": "padding-block-start"
+        },
+        "path": [
+          "utrecht",
+          "textbox",
+          "padding-block-start"
+        ]
+      },
+      "padding-inline-end": {
+        "value": "14px",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.size.sm}"
+        },
+        "name": "utrechtTextboxPaddingInlineEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "textbox",
+          "item": "padding-inline-end"
+        },
+        "path": [
+          "utrecht",
+          "textbox",
+          "padding-inline-end"
+        ]
+      },
+      "padding-inline-start": {
+        "value": "14px",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.size.sm}"
+        },
+        "name": "utrechtTextboxPaddingInlineStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "textbox",
+          "item": "padding-inline-start"
+        },
+        "path": [
+          "utrecht",
+          "textbox",
+          "padding-inline-start"
+        ]
+      },
+      "placeholder": {
+        "color": {
+          "value": "#2c3e50",
+          "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.color.lightblue.24}"
+          },
+          "name": "utrechtTextboxPlaceholderColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "textbox",
+            "item": "placeholder",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "textbox",
+            "placeholder",
+            "color"
+          ]
+        }
+      },
+      "disabled": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
+      "focus": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "background-color": {},
+        "border-color": {},
+        "border-width": {},
+        "color": {}
+      },
+      "read-only": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      }
     },
     "heading-1": {
       "color": {},
@@ -5249,42 +5546,42 @@
     "page": {
       "background-color": {},
       "color": {},
-      "padding-inline-start": {
+      "margin-inline-start": {
         "value": "24px",
         "filePath": "src/component/utrecht/page.tokens.json",
         "isSource": true,
         "original": {
           "value": "{leiden.size.lg}"
         },
-        "name": "utrechtPagePaddingInlineStart",
+        "name": "utrechtPageMarginInlineStart",
         "attributes": {
           "category": "utrecht",
           "type": "page",
-          "item": "padding-inline-start"
+          "item": "margin-inline-start"
         },
         "path": [
           "utrecht",
           "page",
-          "padding-inline-start"
+          "margin-inline-start"
         ]
       },
-      "padding-inline-end": {
+      "margin-inline-end": {
         "value": "24px",
         "filePath": "src/component/utrecht/page.tokens.json",
         "isSource": true,
         "original": {
           "value": "{leiden.size.lg}"
         },
-        "name": "utrechtPagePaddingInlineEnd",
+        "name": "utrechtPageMarginInlineEnd",
         "attributes": {
           "category": "utrecht",
           "type": "page",
-          "item": "padding-inline-end"
+          "item": "margin-inline-end"
         },
         "path": [
           "utrecht",
           "page",
-          "padding-inline-end"
+          "margin-inline-end"
         ]
       },
       "max-inline-size": {
@@ -5453,433 +5750,132 @@
         "font-weight": {},
         "line-height": {}
       }
-    },
-    "table": {
-      "border-color": {
+    }
+  },
+  "conduction": {
+    "card-wrapper": {
+      "background-color": {
         "value": "#e4e4e4",
-        "filePath": "src/component/utrecht/table.tokens.json",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
         "isSource": true,
         "original": {
           "value": "{leiden.color.lightgrey.89}"
         },
-        "name": "utrechtTableBorderColor",
+        "name": "conductionCardWrapperBackgroundColor",
         "attributes": {
-          "category": "utrecht",
-          "type": "table",
-          "item": "border-color"
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "background-color"
         },
         "path": [
-          "utrecht",
-          "table",
-          "border-color"
+          "conduction",
+          "card-wrapper",
+          "background-color"
         ]
       },
-      "border-width": {
-        "value": "1px",
-        "filePath": "src/component/utrecht/table.tokens.json",
+      "border-color": {},
+      "border-width": {},
+      "border-style": {},
+      "border-radius": {},
+      "color": {
+        "value": "#0d1921",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.4xs}"
+          "value": "{leiden.color.black.9}"
         },
-        "name": "utrechtTableBorderWidth",
+        "name": "conductionCardWrapperColor",
         "attributes": {
-          "category": "utrecht",
-          "type": "table",
-          "item": "border-width"
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "color"
         },
         "path": [
-          "utrecht",
-          "table",
-          "border-width"
+          "conduction",
+          "card-wrapper",
+          "color"
         ]
       },
-      "font-family": {
-        "value": "\"Open Sans\", Arial, sans-serif",
-        "filePath": "src/component/utrecht/table.tokens.json",
+      "hover": {
+        "background-color": {}
+      },
+      "padding-inline-end": {
+        "value": "32px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{utrecht.document.font-family}"
+          "value": "{leiden.size.xl}"
         },
-        "name": "utrechtTableFontFamily",
+        "name": "conductionCardWrapperPaddingInlineEnd",
         "attributes": {
-          "category": "utrecht",
-          "type": "table",
-          "item": "font-family"
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "padding-inline-end"
         },
         "path": [
-          "utrecht",
-          "table",
-          "font-family"
+          "conduction",
+          "card-wrapper",
+          "padding-inline-end"
         ]
       },
-      "font-size": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/table.tokens.json",
+      "padding-inline-start": {
+        "value": "32px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{utrecht.document.font-size}"
+          "value": "{leiden.size.xl}"
         },
-        "name": "utrechtTableFontSize",
+        "name": "conductionCardWrapperPaddingInlineStart",
         "attributes": {
-          "category": "utrecht",
-          "type": "table",
-          "item": "font-size"
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "padding-inline-start"
         },
         "path": [
-          "utrecht",
-          "table",
-          "font-size"
+          "conduction",
+          "card-wrapper",
+          "padding-inline-start"
         ]
       },
-      "line-height": {},
-      "margin-block-end": {
-        "value": 0,
-        "filePath": "src/component/utrecht/table.tokens.json",
+      "padding-block-end": {
+        "value": "14px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
         "isSource": true,
         "original": {
-          "value": 0
+          "value": "{leiden.size.sm}"
         },
-        "name": "utrechtTableMarginBlockEnd",
+        "name": "conductionCardWrapperPaddingBlockEnd",
         "attributes": {
-          "category": "utrecht",
-          "type": "table",
-          "item": "margin-block-end"
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "padding-block-end"
         },
         "path": [
-          "utrecht",
-          "table",
-          "margin-block-end"
+          "conduction",
+          "card-wrapper",
+          "padding-block-end"
         ]
       },
-      "margin-block-start": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/table.tokens.json",
+      "padding-block-start": {
+        "value": "14px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{leiden.size.md}"
+          "value": "{leiden.size.sm}"
         },
-        "name": "utrechtTableMarginBlockStart",
+        "name": "conductionCardWrapperPaddingBlockStart",
         "attributes": {
-          "category": "utrecht",
-          "type": "table",
-          "item": "margin-block-start"
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "padding-block-start"
         },
         "path": [
-          "utrecht",
-          "table",
-          "margin-block-start"
+          "conduction",
+          "card-wrapper",
+          "padding-block-start"
         ]
-      },
-      "caption": {
-        "font-weight": {},
-        "font-family": {},
-        "font-size": {},
-        "color": {},
-        "line-height": {},
-        "text-align": {},
-        "margin-block-end": {}
-      },
-      "header": {
-        "font-weight": {
-          "value": "700",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.typography.font-weight.bold}"
-          },
-          "name": "utrechtTableHeaderFontWeight",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "header",
-            "subitem": "font-weight"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "header",
-            "font-weight"
-          ]
-        },
-        "background-color": {},
-        "color": {
-          "value": "#0d1921",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{utrecht.document.color}"
-          },
-          "name": "utrechtTableHeaderColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "header",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "header",
-            "color"
-          ]
-        },
-        "text-transform": {
-          "value": "unset",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "unset"
-          },
-          "name": "utrechtTableHeaderTextTransform",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "header",
-            "subitem": "text-transform"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "header",
-            "text-transform"
-          ]
-        },
-        "border-block-end-color": {},
-        "border-block-end-width": {}
-      },
-      "header-cell": {
-        "font-size": {
-          "value": "18px",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{utrecht.document.font-size}"
-          },
-          "name": "utrechtTableHeaderCellFontSize",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "header-cell",
-            "subitem": "font-size"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "header-cell",
-            "font-size"
-          ]
-        },
-        "font-weight": {
-          "value": "700",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.typography.font-weight.bold}"
-          },
-          "name": "utrechtTableHeaderCellFontWeight",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "header-cell",
-            "subitem": "font-weight"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "header-cell",
-            "font-weight"
-          ]
-        },
-        "color": {
-          "value": "#0d1921",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{utrecht.document.color}"
-          },
-          "name": "utrechtTableHeaderCellColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "header-cell",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "header-cell",
-            "color"
-          ]
-        },
-        "text-transform": {
-          "value": "unset",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "unset"
-          },
-          "name": "utrechtTableHeaderCellTextTransform",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "header-cell",
-            "subitem": "text-transform"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "header-cell",
-            "text-transform"
-          ]
-        }
-      },
-      "cell": {
-        "line-height": {},
-        "padding-block-end": {
-          "value": "18px",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.size.md}"
-          },
-          "name": "utrechtTableCellPaddingBlockEnd",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "cell",
-            "subitem": "padding-block-end"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "cell",
-            "padding-block-end"
-          ]
-        },
-        "padding-block-start": {
-          "value": "18px",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.size.md}"
-          },
-          "name": "utrechtTableCellPaddingBlockStart",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "cell",
-            "subitem": "padding-block-start"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "cell",
-            "padding-block-start"
-          ]
-        },
-        "padding-inline-end": {
-          "value": "18px",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.size.md}"
-          },
-          "name": "utrechtTableCellPaddingInlineEnd",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "cell",
-            "subitem": "padding-inline-end"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "cell",
-            "padding-inline-end"
-          ]
-        },
-        "padding-inline-start": {
-          "value": "18px",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.size.md}"
-          },
-          "name": "utrechtTableCellPaddingInlineStart",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "cell",
-            "subitem": "padding-inline-start"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "cell",
-            "padding-inline-start"
-          ]
-        },
-        "icon": {
-          "size": {}
-        }
-      },
-      "row": {
-        "border-block-end-color": {
-          "value": "#e4e4e4",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.color.lightgrey.89}"
-          },
-          "name": "utrechtTableRowBorderBlockEndColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "row",
-            "subitem": "border-block-end-color"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "row",
-            "border-block-end-color"
-          ]
-        },
-        "border-block-end-width": {
-          "value": "1px",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{leiden.size.4xs}"
-          },
-          "name": "utrechtTableRowBorderBlockEndWidth",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "row",
-            "subitem": "border-block-end-width"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "row",
-            "border-block-end-width"
-          ]
-        },
-        "padding-inline-end": {},
-        "padding-inline-start": {},
-        "alternate-odd": {
-          "background-color": {},
-          "color": {}
-        },
-        "alternate-even": {
-          "background-color": {},
-          "color": {}
-        }
       }
-    }
-  },
-  "conduction": {
+    },
     "input-select": {
       "background-color": {
         "value": "#ffffff",