npm - @conduction/theme - Versions diffs - 1.0.23 → 1.0.26 - Mend

@conduction/theme 1.0.23 → 1.0.26

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

Files changed (174) hide show

package/conduction-design-tokens/dist/tokens.json CHANGED Viewed

@@ -1264,6 +1264,147 @@
         }
       }
     },
+    "card-wrapper": {
+      "background-color": {
+        "value": "#ffffff",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.color.white.100}"
+        },
+        "name": "conductionCardWrapperBackgroundColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "background-color"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "background-color"
+        ]
+      },
+      "border-color": {},
+      "border-width": {},
+      "border-style": {},
+      "border-radius": {
+        "value": "18px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.md}"
+        },
+        "name": "conductionCardWrapperBorderRadius",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "border-radius"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "border-radius"
+        ]
+      },
+      "color": {
+        "value": "#000000",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.color.black.0}"
+        },
+        "name": "conductionCardWrapperColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "color"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "color"
+        ]
+      },
+      "hover": {
+        "background-color": {}
+      },
+      "padding-inline-end": {
+        "value": "18px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.md}"
+        },
+        "name": "conductionCardWrapperPaddingInlineEnd",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "padding-inline-end"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "padding-inline-end"
+        ]
+      },
+      "padding-inline-start": {
+        "value": "18px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.md}"
+        },
+        "name": "conductionCardWrapperPaddingInlineStart",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "padding-inline-start"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "padding-inline-start"
+        ]
+      },
+      "padding-block-end": {
+        "value": "18px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.md}"
+        },
+        "name": "conductionCardWrapperPaddingBlockEnd",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "padding-block-end"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "padding-block-end"
+        ]
+      },
+      "padding-block-start": {
+        "value": "18px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.md}"
+        },
+        "name": "conductionCardWrapperPaddingBlockStart",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "padding-block-start"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "padding-block-start"
+        ]
+      }
+    },
     "input-select": {
       "background-color": {
         "value": "#ffffff",
@@ -1859,125 +2000,6 @@
       }
     },
     "alert": {
-      "icon": {
-        "gap": {
-          "value": "8px",
-          "filePath": "src/component/conduction/alert.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.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",
@@ -2233,398 +2255,489 @@
         },
         "border-color": {},
         "border-width": {}
-      }
-    },
-    "card": {
-      "background-color": {
-        "value": "#ffffff",
-        "filePath": "src/component/conduction/card.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.color.white.100}"
-        },
-        "name": "utrechtCardBackgroundColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "card",
-          "item": "background-color"
-        },
-        "path": [
-          "utrecht",
-          "card",
-          "background-color"
-        ]
       },
-      "border-color": {},
-      "border-radius": {
-        "value": "16px",
-        "filePath": "src/component/conduction/card.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "16px"
-        },
-        "name": "utrechtCardBorderRadius",
-        "attributes": {
-          "category": "utrecht",
-          "type": "card",
-          "item": "border-radius"
-        },
-        "path": [
-          "utrecht",
-          "card",
-          "border-radius"
-        ]
-      },
-      "border-width": {
-        "value": "unset",
-        "filePath": "src/component/conduction/card.tokens.json",
+      "icon": {
+        "color": {
+          "value": "#004085",
+          "filePath": "src/component/utrecht/alert.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.size.xs}"
+          },
+          "name": "utrechtAlertIconGap",
+          "attributes": {
+            "category": "utrecht",
+            "type": "alert",
+            "item": "icon",
+            "subitem": "gap"
+          },
+          "path": [
+            "utrecht",
+            "alert",
+            "icon",
+            "gap"
+          ]
+        }
+      }
+    },
+    "blockquote": {
+      "background-color": {},
+      "color": {},
+      "margin-inline-start": {
+        "value": "32px",
+        "filePath": "src/component/utrecht/blockquote.tokens.json",
         "isSource": true,
         "original": {
-          "value": "unset"
+          "value": "{conduction.size.xl}"
         },
-        "name": "utrechtCardBorderWidth",
+        "name": "utrechtBlockquoteMarginInlineStart",
         "attributes": {
           "category": "utrecht",
-          "type": "card",
-          "item": "border-width"
+          "type": "blockquote",
+          "item": "margin-inline-start"
         },
         "path": [
           "utrecht",
-          "card",
-          "border-width"
+          "blockquote",
+          "margin-inline-start"
         ]
       },
-      "color": {
-        "value": "#000000",
-        "filePath": "src/component/conduction/card.tokens.json",
+      "margin-inline-end": {
+        "value": "32px",
+        "filePath": "src/component/utrecht/blockquote.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.color.black.0}"
+          "value": "{conduction.size.xl}"
         },
-        "name": "utrechtCardColor",
+        "name": "utrechtBlockquoteMarginInlineEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "card",
-          "item": "color"
+          "type": "blockquote",
+          "item": "margin-inline-end"
         },
         "path": [
           "utrecht",
-          "card",
-          "color"
+          "blockquote",
+          "margin-inline-end"
         ]
       },
-      "padding-inline-end": {
-        "value": "18px",
-        "filePath": "src/component/conduction/card.tokens.json",
+      "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": "#000000",
+          "filePath": "src/component/utrecht/blockquote.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.black.0}"
+          },
+          "name": "utrechtBlockquoteContentColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "blockquote",
+            "item": "content",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "blockquote",
+            "content",
+            "color"
+          ]
+        },
+        "font-size": {
+          "value": "18px",
+          "filePath": "src/component/utrecht/blockquote.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.font-size.md}"
+          },
+          "name": "utrechtBlockquoteContentFontSize",
+          "attributes": {
+            "category": "utrecht",
+            "type": "blockquote",
+            "item": "content",
+            "subitem": "font-size"
+          },
+          "path": [
+            "utrecht",
+            "blockquote",
+            "content",
+            "font-size"
+          ]
+        }
+      }
+    },
+    "button": {
+      "background-color": {
+        "value": "#4376fc",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.md}"
+          "value": "{conduction.color.primary}"
         },
-        "name": "utrechtCardPaddingInlineEnd",
+        "name": "utrechtButtonBackgroundColor",
         "attributes": {
           "category": "utrecht",
-          "type": "card",
-          "item": "padding-inline-end"
+          "type": "button",
+          "item": "background-color"
         },
         "path": [
           "utrecht",
-          "card",
-          "padding-inline-end"
+          "button",
+          "background-color"
         ]
       },
-      "padding-inline-start": {
-        "value": "18px",
-        "filePath": "src/component/conduction/card.tokens.json",
+      "border-color": {
+        "value": "#4376fc",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.md}"
+          "value": "{conduction.color.primary}"
         },
-        "name": "utrechtCardPaddingInlineStart",
+        "name": "utrechtButtonBorderColor",
         "attributes": {
           "category": "utrecht",
-          "type": "card",
-          "item": "padding-inline-start"
+          "type": "button",
+          "item": "border-color"
         },
         "path": [
           "utrecht",
-          "card",
-          "padding-inline-start"
+          "button",
+          "border-color"
         ]
       },
-      "padding-block-end": {
-        "value": "18px",
-        "filePath": "src/component/conduction/card.tokens.json",
+      "border-radius": {
+        "value": "3px",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.md}"
+          "value": "3px"
         },
-        "name": "utrechtCardPaddingBlockEnd",
+        "name": "utrechtButtonBorderRadius",
         "attributes": {
           "category": "utrecht",
-          "type": "card",
-          "item": "padding-block-end"
+          "type": "button",
+          "item": "border-radius"
         },
         "path": [
           "utrecht",
-          "card",
-          "padding-block-end"
-        ]
-      },
-      "padding-block-start": {
-        "value": "18px",
-        "filePath": "src/component/conduction/card.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.size.md}"
-        },
-        "name": "utrechtCardPaddingBlockStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "card",
-          "item": "padding-block-start"
-        },
-        "path": [
-          "utrecht",
-          "card",
-          "padding-block-start"
-        ]
-      }
-    },
-    "form-input": {
-      "background-color": {
-        "value": "#ffffff",
-        "filePath": "src/component/conduction/form-input.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.color.white.100}"
-        },
-        "name": "utrechtFormInputBackgroundColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "form-input",
-          "item": "background-color"
-        },
-        "path": [
-          "utrecht",
-          "form-input",
-          "background-color"
-        ]
-      },
-      "border-bottom-width": {},
-      "border-color": {
-        "value": "#7a7a7a",
-        "filePath": "src/component/conduction/form-input.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.color.grey.48}"
-        },
-        "name": "utrechtFormInputBorderColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "form-input",
-          "item": "border-color"
-        },
-        "path": [
-          "utrecht",
-          "form-input",
-          "border-color"
-        ]
-      },
-      "border-radius": {
-        "value": "3px",
-        "filePath": "src/component/conduction/form-input.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "3px"
-        },
-        "name": "utrechtFormInputBorderRadius",
-        "attributes": {
-          "category": "utrecht",
-          "type": "form-input",
-          "item": "border-radius"
-        },
-        "path": [
-          "utrecht",
-          "form-input",
-          "border-radius"
+          "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": "{conduction.size.4xs}"
+          "value": "{conduction.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": "#4a4a4a",
-        "filePath": "src/component/conduction/form-input.tokens.json",
+        "value": "#ffffff",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.color.grey.29}"
+          "value": "{conduction.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": "\"Noto Sans\", Arial, sans-serif",
-        "filePath": "src/component/conduction/form-input.tokens.json",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
           "value": "{conduction.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": "{conduction.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",
+        "value": "4px",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.xs}"
+          "value": "{conduction.size.2xs}"
         },
-        "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": "4px",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.sm}"
+          "value": "{conduction.size.2xs}"
         },
-        "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",
+        "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
           "value": "{conduction.size.sm}"
         },
-        "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": "#808080",
-          "filePath": "src/component/conduction/form-input.tokens.json",
+      "padding-inline-end": {
+        "value": "14px",
+        "filePath": "src/component/utrecht/button.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.sm}"
+        },
+        "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": "{conduction.color.grey.50}"
+            "value": "{conduction.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": {},
@@ -2632,2384 +2745,2263 @@
         "color": {}
       },
       "focus": {
+        "background-color": {},
+        "border-color": {},
+        "color": {},
+        "scale": {}
+      },
+      "hover": {
         "background-color": {
-          "value": "#ffffff",
-          "filePath": "src/component/conduction/form-input.tokens.json",
+          "value": "#2e5ed9",
+          "filePath": "src/component/utrecht/button.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{conduction.color.white.100}"
+            "value": "{conduction.color.primary-hover}"
           },
-          "name": "utrechtFormInputFocusBackgroundColor",
+          "name": "utrechtButtonHoverBackgroundColor",
           "attributes": {
             "category": "utrecht",
-            "type": "form-input",
-            "item": "focus",
+            "type": "button",
+            "item": "hover",
             "subitem": "background-color"
           },
           "path": [
             "utrecht",
-            "form-input",
-            "focus",
+            "button",
+            "hover",
             "background-color"
           ]
         },
-        "border-color": {},
-        "color": {}
-      },
-      "invalid": {
-        "background-color": {},
-        "border-color": {},
-        "border-width": {},
-        "color": {}
-      },
-      "read-only": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
-      }
-    },
-    "icon": {
-      "gap": {
-        "value": "8px",
-        "filePath": "src/component/conduction/icon.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.size.xs}"
-        },
-        "name": "utrechtIconGap",
-        "attributes": {
-          "category": "utrecht",
-          "type": "icon",
-          "item": "gap"
-        },
-        "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",
+        "border-color": {
+          "value": "#2e5ed9",
+          "filePath": "src/component/utrecht/button.tokens.json",
           "isSource": true,
           "original": {
-            "value": "100px"
+            "value": "{conduction.color.primary-hover}"
           },
-          "name": "utrechtPageFooterLogoMaxHeight",
+          "name": "utrechtButtonHoverBorderColor",
           "attributes": {
             "category": "utrecht",
-            "type": "page-footer",
-            "item": "logo",
-            "subitem": "max-height"
+            "type": "button",
+            "item": "hover",
+            "subitem": "border-color"
           },
           "path": [
             "utrecht",
-            "page-footer",
-            "logo",
-            "max-height"
+            "button",
+            "hover",
+            "border-color"
           ]
         },
-        "max-width": {
-          "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": "{conduction.color.white.100}"
           },
-          "name": "utrechtPageFooterLogoMaxWidth",
+          "name": "utrechtButtonHoverColor",
           "attributes": {
             "category": "utrecht",
-            "type": "page-footer",
-            "item": "logo",
-            "subitem": "max-width"
+            "type": "button",
+            "item": "hover",
+            "subitem": "color"
           },
           "path": [
             "utrecht",
-            "page-footer",
-            "logo",
-            "max-width"
+            "button",
+            "hover",
+            "color"
           ]
-        }
-      },
-      "background-position": {},
-      "background-color": {
-        "value": "#f5f5f5",
-        "filePath": "src/component/utrecht/page-footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.color.lightgrey.96}"
-        },
-        "name": "utrechtPageFooterBackgroundColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "background-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": "#000000",
-        "filePath": "src/component/utrecht/page-footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.color.black.0}"
-        },
-        "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": "{conduction.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": "{conduction.size.sm}"
-        },
-        "name": "utrechtPageFooterPaddingInlineStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "padding-inline-start"
         },
-        "path": [
-          "utrecht",
-          "page-footer",
-          "padding-inline-start"
-        ]
+        "scale": {}
       },
-      "padding-block-end": {
-        "value": "48px",
-        "filePath": "src/component/utrecht/page-footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.size.2xl}"
-        },
-        "name": "utrechtPageFooterPaddingBlockEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "padding-block-end"
-        },
-        "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": "{conduction.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": "150px",
-          "filePath": "src/component/conduction/page-header.tokens.json",
+      "primary-action": {
+        "background-color": {
+          "value": "#4376fc",
+          "filePath": "src/component/utrecht/button.tokens.json",
           "isSource": true,
           "original": {
-            "value": "150px"
+            "value": "{conduction.color.primary}"
           },
-          "name": "utrechtPageHeaderLogoMaxWidth",
+          "name": "utrechtButtonPrimaryActionBackgroundColor",
           "attributes": {
             "category": "utrecht",
-            "type": "page-header",
-            "item": "logo",
-            "subitem": "max-width"
+            "type": "button",
+            "item": "primary-action",
+            "subitem": "background-color"
           },
           "path": [
             "utrecht",
-            "page-header",
-            "logo",
-            "max-width"
+            "button",
+            "primary-action",
+            "background-color"
           ]
-        }
-      },
-      "background-color": {
-        "value": "#4376fc",
-        "filePath": "src/component/utrecht/page-header.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.color.primary}"
-        },
-        "name": "utrechtPageHeaderBackgroundColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-header",
-          "item": "background-color"
         },
-        "path": [
-          "utrecht",
-          "page-header",
-          "background-color"
-        ]
-      },
-      "color": {
-        "value": "#ffffff",
-        "filePath": "src/component/utrecht/page-header.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.color.white.100}"
-        },
-        "name": "utrechtPageHeaderColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-header",
-          "item": "color"
-        },
-        "path": [
-          "utrecht",
-          "page-header",
-          "color"
-        ]
-      },
-      "padding-block-start": {
-        "value": "14px",
-        "filePath": "src/component/utrecht/page-header.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.size.sm}"
-        },
-        "name": "utrechtPageHeaderPaddingBlockStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-header",
-          "item": "padding-block-start"
-        },
-        "path": [
-          "utrecht",
-          "page-header",
-          "padding-block-start"
-        ]
-      },
-      "padding-block-end": {
-        "value": "14px",
-        "filePath": "src/component/utrecht/page-header.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.size.sm}"
-        },
-        "name": "utrechtPageHeaderPaddingBlockEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-header",
-          "item": "padding-block-end"
-        },
-        "path": [
-          "utrecht",
-          "page-header",
-          "padding-block-end"
-        ]
-      }
-    },
-    "table": {
-      "background-color": {
-        "value": "#ffffff",
-        "filePath": "src/component/conduction/table.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.color.white.100}"
-        },
-        "name": "utrechtTableBackgroundColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "table",
-          "item": "background-color"
-        },
-        "path": [
-          "utrecht",
-          "table",
-          "background-color"
-        ]
-      },
-      "header": {
-        "border-block-end-color": {
-          "value": "#d1d1d1",
-          "filePath": "src/component/conduction/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.color.grey.82}"
-          },
-          "name": "utrechtTableHeaderBorderBlockEndColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "header",
-            "subitem": "border-block-end-color"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "header",
-            "border-block-end-color"
-          ]
-        },
-        "border-block-end-width": {
-          "value": "1px",
-          "filePath": "src/component/conduction/table.tokens.json",
+        "border-color": {
+          "value": "#4376fc",
+          "filePath": "src/component/utrecht/button.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{conduction.size.4xs}"
+            "value": "{conduction.color.primary}"
           },
-          "name": "utrechtTableHeaderBorderBlockEndWidth",
+          "name": "utrechtButtonPrimaryActionBorderColor",
           "attributes": {
             "category": "utrecht",
-            "type": "table",
-            "item": "header",
-            "subitem": "border-block-end-width"
+            "type": "button",
+            "item": "primary-action",
+            "subitem": "border-color"
           },
           "path": [
             "utrecht",
-            "table",
-            "header",
-            "border-block-end-width"
+            "button",
+            "primary-action",
+            "border-color"
           ]
         },
-        "font-weight": {
-          "value": "700",
-          "filePath": "src/component/utrecht/table.tokens.json",
+        "border-width": {
+          "value": "2px",
+          "filePath": "src/component/utrecht/button.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{conduction.typography.font-weight.bold}"
+            "value": "{conduction.size.3xs}"
           },
-          "name": "utrechtTableHeaderFontWeight",
+          "name": "utrechtButtonPrimaryActionBorderWidth",
           "attributes": {
             "category": "utrecht",
-            "type": "table",
-            "item": "header",
-            "subitem": "font-weight"
+            "type": "button",
+            "item": "primary-action",
+            "subitem": "border-width"
           },
           "path": [
             "utrecht",
-            "table",
-            "header",
-            "font-weight"
+            "button",
+            "primary-action",
+            "border-width"
           ]
         },
-        "background-color": {},
         "color": {
-          "value": "#000000",
-          "filePath": "src/component/utrecht/table.tokens.json",
+          "value": "#ffffff",
+          "filePath": "src/component/utrecht/button.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{utrecht.document.color}"
+            "value": "{conduction.color.white.100}"
           },
-          "name": "utrechtTableHeaderColor",
+          "name": "utrechtButtonPrimaryActionColor",
           "attributes": {
             "category": "utrecht",
-            "type": "table",
-            "item": "header",
+            "type": "button",
+            "item": "primary-action",
             "subitem": "color"
           },
           "path": [
             "utrecht",
-            "table",
-            "header",
+            "button",
+            "primary-action",
             "color"
           ]
         },
-        "text-transform": {
-          "value": "unset",
-          "filePath": "src/component/utrecht/table.tokens.json",
+        "font-weight": {
+          "value": "inherit",
+          "filePath": "src/component/utrecht/button.tokens.json",
           "isSource": true,
           "original": {
-            "value": "unset"
+            "value": "inherit"
           },
-          "name": "utrechtTableHeaderTextTransform",
+          "name": "utrechtButtonPrimaryActionFontWeight",
           "attributes": {
             "category": "utrecht",
-            "type": "table",
-            "item": "header",
-            "subitem": "text-transform"
+            "type": "button",
+            "item": "primary-action",
+            "subitem": "font-weight"
           },
           "path": [
             "utrecht",
-            "table",
-            "header",
-            "text-transform"
+            "button",
+            "primary-action",
+            "font-weight"
           ]
-        }
-      },
-      "row": {
+        },
+        "active": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        },
+        "disabled": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        },
         "hover": {
           "background-color": {
-            "value": "#f7f7f7",
-            "filePath": "src/component/conduction/table.tokens.json",
+            "value": "#4376fc",
+            "filePath": "src/component/utrecht/button.tokens.json",
             "isSource": true,
             "original": {
-              "value": "{conduction.color.grey.97}"
+              "value": "{conduction.color.primary}"
             },
-            "name": "utrechtTableRowHoverBackgroundColor",
+            "name": "utrechtButtonPrimaryActionHoverBackgroundColor",
             "attributes": {
               "category": "utrecht",
-              "type": "table",
-              "item": "row",
+              "type": "button",
+              "item": "primary-action",
               "subitem": "hover",
               "state": "background-color"
             },
             "path": [
               "utrecht",
-              "table",
-              "row",
+              "button",
+              "primary-action",
               "hover",
               "background-color"
             ]
-          }
-        },
-        "border-block-end-color": {
-          "value": "#d1d1d1",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.color.grey.82}"
           },
-          "name": "utrechtTableRowBorderBlockEndColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "row",
-            "subitem": "border-block-end-color"
+          "border-color": {
+            "value": "#4376fc",
+            "filePath": "src/component/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.color.primary}"
+            },
+            "name": "utrechtButtonPrimaryActionHoverBorderColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "primary-action",
+              "subitem": "hover",
+              "state": "border-color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "primary-action",
+              "hover",
+              "border-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": "{conduction.size.4xs}"
-          },
-          "name": "utrechtTableRowBorderBlockEndWidth",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "row",
-            "subitem": "border-block-end-width"
+          "color": {
+            "value": "#ffffff",
+            "filePath": "src/component/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.color.white.100}"
+            },
+            "name": "utrechtButtonPrimaryActionHoverColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "primary-action",
+              "subitem": "hover",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "primary-action",
+              "hover",
+              "color"
+            ]
           },
-          "path": [
-            "utrecht",
-            "table",
-            "row",
-            "border-block-end-width"
-          ]
+          "scale": {}
         },
-        "padding-inline-end": {},
-        "padding-inline-start": {},
-        "alternate-odd": {
+        "focus": {
           "background-color": {},
+          "border-color": {},
           "color": {}
         },
-        "alternate-even": {
+        "pressed": {
           "background-color": {},
+          "border-color": {},
           "color": {}
         }
       },
-      "border-color": {},
-      "border-width": {},
-      "font-family": {
-        "value": "\"Noto Sans\", Arial, sans-serif",
-        "filePath": "src/component/utrecht/table.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{utrecht.document.font-family}"
-        },
-        "name": "utrechtTableFontFamily",
-        "attributes": {
-          "category": "utrecht",
-          "type": "table",
-          "item": "font-family"
-        },
-        "path": [
-          "utrecht",
-          "table",
-          "font-family"
-        ]
-      },
-      "font-size": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/table.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{utrecht.document.font-size}"
-        },
-        "name": "utrechtTableFontSize",
-        "attributes": {
-          "category": "utrecht",
-          "type": "table",
-          "item": "font-size"
-        },
-        "path": [
-          "utrecht",
-          "table",
-          "font-size"
-        ]
-      },
-      "line-height": {},
-      "margin-block-end": {
-        "value": 0,
-        "filePath": "src/component/utrecht/table.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": 0
-        },
-        "name": "utrechtTableMarginBlockEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "table",
-          "item": "margin-block-end"
-        },
-        "path": [
-          "utrecht",
-          "table",
-          "margin-block-end"
-        ]
-      },
-      "margin-block-start": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/table.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.size.md}"
-        },
-        "name": "utrechtTableMarginBlockStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "table",
-          "item": "margin-block-start"
-        },
-        "path": [
-          "utrecht",
-          "table",
-          "margin-block-start"
-        ]
-      },
-      "caption": {
-        "font-weight": {},
-        "font-family": {},
-        "font-size": {},
-        "color": {},
-        "line-height": {},
-        "text-align": {},
-        "margin-block-end": {}
-      },
-      "header-cell": {
-        "font-size": {
-          "value": "18px",
-          "filePath": "src/component/utrecht/table.tokens.json",
+      "secondary-action": {
+        "background-color": {
+          "value": "#ffffff",
+          "filePath": "src/component/utrecht/button.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{utrecht.document.font-size}"
+            "value": "{conduction.color.white.100}"
           },
-          "name": "utrechtTableHeaderCellFontSize",
+          "name": "utrechtButtonSecondaryActionBackgroundColor",
           "attributes": {
             "category": "utrecht",
-            "type": "table",
-            "item": "header-cell",
-            "subitem": "font-size"
+            "type": "button",
+            "item": "secondary-action",
+            "subitem": "background-color"
           },
           "path": [
             "utrecht",
-            "table",
-            "header-cell",
-            "font-size"
+            "button",
+            "secondary-action",
+            "background-color"
           ]
         },
-        "font-weight": {
-          "value": "700",
-          "filePath": "src/component/utrecht/table.tokens.json",
+        "border-color": {
+          "value": "#4376fc",
+          "filePath": "src/component/utrecht/button.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{conduction.typography.font-weight.bold}"
+            "value": "{conduction.color.primary}"
           },
-          "name": "utrechtTableHeaderCellFontWeight",
+          "name": "utrechtButtonSecondaryActionBorderColor",
           "attributes": {
             "category": "utrecht",
-            "type": "table",
-            "item": "header-cell",
-            "subitem": "font-weight"
+            "type": "button",
+            "item": "secondary-action",
+            "subitem": "border-color"
           },
           "path": [
             "utrecht",
-            "table",
-            "header-cell",
-            "font-weight"
+            "button",
+            "secondary-action",
+            "border-color"
           ]
         },
-        "color": {
-          "value": "#000000",
-          "filePath": "src/component/utrecht/table.tokens.json",
+        "border-width": {
+          "value": "2px",
+          "filePath": "src/component/utrecht/button.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{utrecht.document.color}"
+            "value": "{conduction.size.3xs}"
           },
-          "name": "utrechtTableHeaderCellColor",
+          "name": "utrechtButtonSecondaryActionBorderWidth",
           "attributes": {
             "category": "utrecht",
-            "type": "table",
-            "item": "header-cell",
-            "subitem": "color"
+            "type": "button",
+            "item": "secondary-action",
+            "subitem": "border-width"
           },
           "path": [
             "utrecht",
-            "table",
-            "header-cell",
-            "color"
+            "button",
+            "secondary-action",
+            "border-width"
           ]
         },
-        "text-transform": {
-          "value": "unset",
-          "filePath": "src/component/utrecht/table.tokens.json",
+        "color": {
+          "value": "#4376fc",
+          "filePath": "src/component/utrecht/button.tokens.json",
           "isSource": true,
           "original": {
-            "value": "unset"
+            "value": "{conduction.color.primary}"
           },
-          "name": "utrechtTableHeaderCellTextTransform",
+          "name": "utrechtButtonSecondaryActionColor",
           "attributes": {
             "category": "utrecht",
-            "type": "table",
-            "item": "header-cell",
-            "subitem": "text-transform"
+            "type": "button",
+            "item": "secondary-action",
+            "subitem": "color"
           },
           "path": [
             "utrecht",
-            "table",
-            "header-cell",
-            "text-transform"
+            "button",
+            "secondary-action",
+            "color"
           ]
-        }
-      },
-      "cell": {
-        "line-height": {},
-        "padding-block-end": {
-          "value": "18px",
-          "filePath": "src/component/utrecht/table.tokens.json",
+        },
+        "font-weight": {
+          "value": "400",
+          "filePath": "src/component/utrecht/button.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{conduction.size.md}"
+            "value": "{conduction.typography.font-weight.normal}"
           },
-          "name": "utrechtTableCellPaddingBlockEnd",
+          "name": "utrechtButtonSecondaryActionFontWeight",
           "attributes": {
             "category": "utrecht",
-            "type": "table",
-            "item": "cell",
-            "subitem": "padding-block-end"
+            "type": "button",
+            "item": "secondary-action",
+            "subitem": "font-weight"
           },
           "path": [
             "utrecht",
-            "table",
-            "cell",
-            "padding-block-end"
+            "button",
+            "secondary-action",
+            "font-weight"
           ]
         },
-        "padding-block-start": {
-          "value": "18px",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.size.md}"
-          },
-          "name": "utrechtTableCellPaddingBlockStart",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "cell",
-            "subitem": "padding-block-start"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "cell",
-            "padding-block-start"
-          ]
+        "active": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
         },
-        "padding-inline-end": {
-          "value": "18px",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.size.md}"
-          },
-          "name": "utrechtTableCellPaddingInlineEnd",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "cell",
-            "subitem": "padding-inline-end"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "cell",
-            "padding-inline-end"
-          ]
+        "disabled": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
         },
-        "padding-inline-start": {
-          "value": "18px",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.size.md}"
+        "hover": {
+          "background-color": {
+            "value": "#ffffff",
+            "filePath": "src/component/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.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"
+            ]
           },
-          "name": "utrechtTableCellPaddingInlineStart",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "cell",
-            "subitem": "padding-inline-start"
+          "border-color": {
+            "value": "#2e5ed9",
+            "filePath": "src/component/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.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"
+            ]
           },
-          "path": [
-            "utrecht",
-            "table",
-            "cell",
-            "padding-inline-start"
-          ]
+          "color": {
+            "value": "#2e5ed9",
+            "filePath": "src/component/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.color.primary-hover}"
+            },
+            "name": "utrechtButtonSecondaryActionHoverColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "secondary-action",
+              "subitem": "hover",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "secondary-action",
+              "hover",
+              "color"
+            ]
+          }
         },
-        "icon": {
-          "size": {}
+        "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": {}
         }
       }
     },
-    "textbox": {
+    "code": {
       "background-color": {
-        "value": "#ffffff",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+        "value": "#f5f5f5",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.color.white.100}"
+          "value": "{conduction.color.lightgrey.96}"
         },
-        "name": "utrechtTextboxBackgroundColor",
+        "name": "utrechtCodeBackgroundColor",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
+          "type": "code",
           "item": "background-color"
         },
         "path": [
           "utrecht",
-          "textbox",
+          "code",
           "background-color"
         ]
       },
-      "border-bottom-width": {},
-      "border-color": {
-        "value": "#7a7a7a",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "color": {
+        "value": "#000000",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.color.grey.48}"
+          "value": "{conduction.color.black.0}"
         },
-        "name": "utrechtTextboxBorderColor",
+        "name": "utrechtCodeColor",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "border-color"
+          "type": "code",
+          "item": "color"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "border-color"
+          "code",
+          "color"
         ]
       },
-      "border-radius": {
-        "value": "3px",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "font-family": {
+        "value": "Monospace, \"Lucida Console\"",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "3px"
+          "value": "{conduction.typography.monospace.font-family}"
         },
-        "name": "utrechtTextboxBorderRadius",
+        "name": "utrechtCodeFontFamily",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "border-radius"
+          "type": "code",
+          "item": "font-family"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "border-radius"
+          "code",
+          "font-family"
         ]
       },
-      "border-width": {
-        "value": "1px",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "font-size": {
+        "value": "inherit",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.4xs}"
+          "value": "inherit"
         },
-        "name": "utrechtTextboxBorderWidth",
+        "name": "utrechtCodeFontSize",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "border-width"
+          "type": "code",
+          "item": "font-size"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "border-width"
+          "code",
+          "font-size"
         ]
       },
-      "color": {
-        "value": "#4a4a4a",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "line-height": {}
+    },
+    "code-block": {
+      "background-color": {
+        "value": "#f5f5f5",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.color.grey.29}"
+          "value": "{conduction.color.lightgrey.96}"
         },
-        "name": "utrechtTextboxColor",
+        "name": "utrechtCodeBlockBackgroundColor",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "color"
+          "type": "code-block",
+          "item": "background-color"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "color"
+          "code-block",
+          "background-color"
         ]
       },
-      "font-family": {
-        "value": "\"Noto Sans\", Arial, sans-serif",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "color": {
+        "value": "#000000",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.typography.sans-serif.font-family}"
+          "value": "{conduction.color.black.0}"
         },
-        "name": "utrechtTextboxFontFamily",
+        "name": "utrechtCodeBlockColor",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "font-family"
+          "type": "code-block",
+          "item": "color"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "font-family"
+          "code-block",
+          "color"
         ]
       },
-      "font-size": {
-        "value": "15px",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "font-family": {
+        "value": "Monospace, \"Lucida Console\"",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "15px"
+          "value": "{conduction.typography.monospace.font-family}"
         },
-        "name": "utrechtTextboxFontSize",
+        "name": "utrechtCodeBlockFontFamily",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "font-size"
+          "type": "code-block",
+          "item": "font-family"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "font-size"
+          "code-block",
+          "font-family"
         ]
       },
-      "line-height": {},
-      "max-inline-size": {},
-      "padding-block-end": {
-        "value": "8px",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "font-size": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.xs}"
+          "value": "{conduction.font-size.md}"
         },
-        "name": "utrechtTextboxPaddingBlockEnd",
+        "name": "utrechtCodeBlockFontSize",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "padding-block-end"
+          "type": "code-block",
+          "item": "font-size"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "padding-block-end"
+          "code-block",
+          "font-size"
         ]
       },
-      "padding-block-start": {
-        "value": "8px",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "line-height": {
+        "value": "24px",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.xs}"
+          "value": "{conduction.size.lg}"
         },
-        "name": "utrechtTextboxPaddingBlockStart",
+        "name": "utrechtCodeBlockLineHeight",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "padding-block-start"
+          "type": "code-block",
+          "item": "line-height"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "padding-block-start"
+          "code-block",
+          "line-height"
         ]
       },
-      "padding-inline-end": {
-        "value": "14px",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "margin-block-start": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.sm}"
+          "value": "{conduction.size.md}"
         },
-        "name": "utrechtTextboxPaddingInlineEnd",
+        "name": "utrechtCodeBlockMarginBlockStart",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "padding-inline-end"
+          "type": "code-block",
+          "item": "margin-block-start"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "padding-inline-end"
+          "code-block",
+          "margin-block-start"
         ]
       },
-      "padding-inline-start": {
-        "value": "14px",
-        "filePath": "src/component/conduction/textbox.tokens.json",
+      "margin-block-end": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.sm}"
+          "value": "{conduction.size.md}"
         },
-        "name": "utrechtTextboxPaddingInlineStart",
+        "name": "utrechtCodeBlockMarginBlockEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "textbox",
-          "item": "padding-inline-start"
+          "type": "code-block",
+          "item": "margin-block-end"
         },
         "path": [
           "utrecht",
-          "textbox",
-          "padding-inline-start"
+          "code-block",
+          "margin-block-end"
         ]
       },
-      "placeholder": {
-        "color": {
-          "value": "#808080",
-          "filePath": "src/component/conduction/textbox.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.color.grey.50}"
-          },
-          "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": {
-          "value": "#ffffff",
-          "filePath": "src/component/conduction/textbox.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.color.white.100}"
-          },
-          "name": "utrechtTextboxFocusBackgroundColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "textbox",
-            "item": "focus",
-            "subitem": "background-color"
-          },
-          "path": [
-            "utrecht",
-            "textbox",
-            "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",
+        "value": 0,
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.xl}"
+          "value": 0
         },
-        "name": "utrechtBlockquoteMarginInlineStart",
+        "name": "utrechtCodeBlockMarginInlineStart",
         "attributes": {
           "category": "utrecht",
-          "type": "blockquote",
+          "type": "code-block",
           "item": "margin-inline-start"
         },
         "path": [
           "utrecht",
-          "blockquote",
+          "code-block",
           "margin-inline-start"
         ]
       },
       "margin-inline-end": {
-        "value": "32px",
-        "filePath": "src/component/utrecht/blockquote.tokens.json",
+        "value": 0,
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.xl}"
+          "value": 0
         },
-        "name": "utrechtBlockquoteMarginInlineEnd",
+        "name": "utrechtCodeBlockMarginInlineEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "blockquote",
+          "type": "code-block",
           "item": "margin-inline-end"
         },
         "path": [
           "utrecht",
-          "blockquote",
+          "code-block",
           "margin-inline-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": "18px",
+        "filePath": "src/component/utrecht/code.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.md}"
+        },
+        "name": "utrechtCodeBlockPaddingBlockStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "code-block",
+          "item": "padding-block-start"
+        },
+        "path": [
+          "utrecht",
+          "code-block",
+          "padding-block-start"
+        ]
       },
-      "content": {
-        "color": {
-          "value": "#000000",
-          "filePath": "src/component/utrecht/blockquote.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.color.black.0}"
-          },
-          "name": "utrechtBlockquoteContentColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "content",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "content",
-            "color"
-          ]
+      "padding-block-end": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/code.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.md}"
         },
-        "font-size": {
-          "value": "18px",
-          "filePath": "src/component/utrecht/blockquote.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.font-size.md}"
-          },
-          "name": "utrechtBlockquoteContentFontSize",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "content",
-            "subitem": "font-size"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "content",
-            "font-size"
-          ]
-        }
-      }
-    },
-    "button": {
-      "background-color": {
-        "value": "#4376fc",
-        "filePath": "src/component/utrecht/button.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.color.primary}"
-        },
-        "name": "utrechtButtonBackgroundColor",
+        "name": "utrechtCodeBlockPaddingBlockEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
-          "item": "background-color"
+          "type": "code-block",
+          "item": "padding-block-end"
         },
         "path": [
           "utrecht",
-          "button",
-          "background-color"
+          "code-block",
+          "padding-block-end"
         ]
       },
-      "border-color": {
-        "value": "#4376fc",
-        "filePath": "src/component/utrecht/button.tokens.json",
+      "padding-inline-start": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.color.primary}"
+          "value": "{conduction.size.md}"
         },
-        "name": "utrechtButtonBorderColor",
+        "name": "utrechtCodeBlockPaddingInlineStart",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
-          "item": "border-color"
+          "type": "code-block",
+          "item": "padding-inline-start"
         },
         "path": [
           "utrecht",
-          "button",
-          "border-color"
+          "code-block",
+          "padding-inline-start"
         ]
       },
-      "border-radius": {
-        "value": "3px",
-        "filePath": "src/component/utrecht/button.tokens.json",
+      "padding-inline-end": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/code.tokens.json",
         "isSource": true,
         "original": {
-          "value": "3px"
+          "value": "{conduction.size.md}"
         },
-        "name": "utrechtButtonBorderRadius",
+        "name": "utrechtCodeBlockPaddingInlineEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
-          "item": "border-radius"
+          "type": "code-block",
+          "item": "padding-inline-end"
         },
         "path": [
           "utrecht",
-          "button",
-          "border-radius"
+          "code-block",
+          "padding-inline-end"
         ]
-      },
-      "border-width": {
-        "value": "2px",
-        "filePath": "src/component/utrecht/button.tokens.json",
+      }
+    },
+    "document": {
+      "background-color": {
+        "value": "#fafafa",
+        "filePath": "src/component/utrecht/document.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.3xs}"
+          "value": "{conduction.color.white.98}"
         },
-        "name": "utrechtButtonBorderWidth",
+        "name": "utrechtDocumentBackgroundColor",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
-          "item": "border-width"
+          "type": "document",
+          "item": "background-color"
         },
         "path": [
           "utrecht",
-          "button",
-          "border-width"
+          "document",
+          "background-color"
         ]
       },
       "color": {
-        "value": "#ffffff",
-        "filePath": "src/component/utrecht/button.tokens.json",
+        "value": "#000000",
+        "filePath": "src/component/utrecht/document.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.color.white.100}"
+          "value": "{conduction.color.black.0}"
         },
-        "name": "utrechtButtonColor",
+        "name": "utrechtDocumentColor",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
+          "type": "document",
           "item": "color"
         },
         "path": [
           "utrecht",
-          "button",
+          "document",
           "color"
         ]
       },
       "font-family": {
         "value": "\"Noto Sans\", Arial, sans-serif",
-        "filePath": "src/component/utrecht/button.tokens.json",
+        "filePath": "src/component/utrecht/document.tokens.json",
         "isSource": true,
         "original": {
           "value": "{conduction.typography.sans-serif.font-family}"
         },
-        "name": "utrechtButtonFontFamily",
+        "name": "utrechtDocumentFontFamily",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
+          "type": "document",
           "item": "font-family"
         },
         "path": [
           "utrecht",
-          "button",
+          "document",
           "font-family"
         ]
       },
       "font-size": {
-        "value": "inherit",
-        "filePath": "src/component/utrecht/button.tokens.json",
+        "value": "18px",
+        "filePath": "src/component/utrecht/document.tokens.json",
         "isSource": true,
         "original": {
-          "value": "inherit"
+          "value": "{conduction.font-size.md}"
         },
-        "name": "utrechtButtonFontSize",
+        "name": "utrechtDocumentFontSize",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
+          "type": "document",
           "item": "font-size"
         },
         "path": [
           "utrecht",
-          "button",
+          "document",
           "font-size"
         ]
       },
-      "font-weight": {
-        "value": "inherit",
-        "filePath": "src/component/utrecht/button.tokens.json",
+      "font-weight": {},
+      "line-height": {}
+    },
+    "form-input": {
+      "background-color": {
+        "value": "#ffffff",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
         "isSource": true,
         "original": {
-          "value": "inherit"
+          "value": "{conduction.color.white.100}"
         },
-        "name": "utrechtButtonFontWeight",
+        "name": "utrechtFormInputBackgroundColor",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
-          "item": "font-weight"
+          "type": "form-input",
+          "item": "background-color"
         },
         "path": [
           "utrecht",
-          "button",
-          "font-weight"
+          "form-input",
+          "background-color"
         ]
       },
-      "inline-size": {},
-      "letter-spacing": {},
-      "line-height": {},
-      "min-block-size": {},
-      "min-inline-size": {},
-      "padding-block-start": {
-        "value": "4px",
-        "filePath": "src/component/utrecht/button.tokens.json",
+      "border-bottom-width": {},
+      "border-color": {
+        "value": "#7a7a7a",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.2xs}"
+          "value": "{conduction.color.grey.48}"
         },
-        "name": "utrechtButtonPaddingBlockStart",
+        "name": "utrechtFormInputBorderColor",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
-          "item": "padding-block-start"
+          "type": "form-input",
+          "item": "border-color"
         },
         "path": [
           "utrecht",
-          "button",
-          "padding-block-start"
+          "form-input",
+          "border-color"
         ]
       },
-      "padding-block-end": {
-        "value": "4px",
-        "filePath": "src/component/utrecht/button.tokens.json",
+      "border-radius": {
+        "value": "3px",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.2xs}"
+          "value": "3px"
         },
-        "name": "utrechtButtonPaddingBlockEnd",
+        "name": "utrechtFormInputBorderRadius",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
-          "item": "padding-block-end"
+          "type": "form-input",
+          "item": "border-radius"
         },
         "path": [
           "utrecht",
-          "button",
-          "padding-block-end"
+          "form-input",
+          "border-radius"
         ]
       },
-      "padding-inline-start": {
-        "value": "14px",
-        "filePath": "src/component/utrecht/button.tokens.json",
+      "border-width": {
+        "value": "1px",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.sm}"
+          "value": "{conduction.size.4xs}"
         },
-        "name": "utrechtButtonPaddingInlineStart",
+        "name": "utrechtFormInputBorderWidth",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
-          "item": "padding-inline-start"
+          "type": "form-input",
+          "item": "border-width"
         },
         "path": [
           "utrecht",
-          "button",
-          "padding-inline-start"
+          "form-input",
+          "border-width"
         ]
       },
-      "padding-inline-end": {
-        "value": "14px",
-        "filePath": "src/component/utrecht/button.tokens.json",
+      "color": {
+        "value": "#4a4a4a",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.sm}"
+          "value": "{conduction.color.grey.29}"
         },
-        "name": "utrechtButtonPaddingInlineEnd",
+        "name": "utrechtFormInputColor",
         "attributes": {
           "category": "utrecht",
-          "type": "button",
-          "item": "padding-inline-end"
+          "type": "form-input",
+          "item": "color"
         },
         "path": [
           "utrecht",
-          "button",
-          "padding-inline-end"
+          "form-input",
+          "color"
         ]
       },
-      "text-transform": {},
-      "active": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
-      },
-      "icon": {
-        "gap": {
-          "value": "8px",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.size.xs}"
-          },
-          "name": "utrechtButtonIconGap",
-          "attributes": {
-            "category": "utrecht",
-            "type": "button",
-            "item": "icon",
-            "subitem": "gap"
-          },
-          "path": [
-            "utrecht",
-            "button",
-            "icon",
-            "gap"
-          ]
+      "font-family": {
+        "value": "\"Noto Sans\", Arial, sans-serif",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.typography.sans-serif.font-family}"
         },
-        "size": {}
-      },
-      "disabled": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
+        "name": "utrechtFormInputFontFamily",
+        "attributes": {
+          "category": "utrecht",
+          "type": "form-input",
+          "item": "font-family"
+        },
+        "path": [
+          "utrecht",
+          "form-input",
+          "font-family"
+        ]
       },
-      "focus": {
-        "background-color": {},
-        "border-color": {},
-        "color": {},
-        "scale": {}
+      "font-size": {
+        "value": "15px",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "15px"
+        },
+        "name": "utrechtFormInputFontSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "form-input",
+          "item": "font-size"
+        },
+        "path": [
+          "utrecht",
+          "form-input",
+          "font-size"
+        ]
       },
-      "hover": {
-        "background-color": {
-          "value": "#2e5ed9",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.color.primary-hover}"
-          },
-          "name": "utrechtButtonHoverBackgroundColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "button",
-            "item": "hover",
-            "subitem": "background-color"
-          },
-          "path": [
-            "utrecht",
-            "button",
-            "hover",
-            "background-color"
-          ]
+      "line-height": {},
+      "max-inline-size": {},
+      "padding-block-end": {
+        "value": "8px",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.xs}"
         },
-        "border-color": {
-          "value": "#2e5ed9",
-          "filePath": "src/component/utrecht/button.tokens.json",
+        "name": "utrechtFormInputPaddingBlockEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "form-input",
+          "item": "padding-block-end"
+        },
+        "path": [
+          "utrecht",
+          "form-input",
+          "padding-block-end"
+        ]
+      },
+      "padding-block-start": {
+        "value": "8px",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.xs}"
+        },
+        "name": "utrechtFormInputPaddingBlockStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "form-input",
+          "item": "padding-block-start"
+        },
+        "path": [
+          "utrecht",
+          "form-input",
+          "padding-block-start"
+        ]
+      },
+      "padding-inline-end": {
+        "value": "14px",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.sm}"
+        },
+        "name": "utrechtFormInputPaddingInlineEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "form-input",
+          "item": "padding-inline-end"
+        },
+        "path": [
+          "utrecht",
+          "form-input",
+          "padding-inline-end"
+        ]
+      },
+      "padding-inline-start": {
+        "value": "14px",
+        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.sm}"
+        },
+        "name": "utrechtFormInputPaddingInlineStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "form-input",
+          "item": "padding-inline-start"
+        },
+        "path": [
+          "utrecht",
+          "form-input",
+          "padding-inline-start"
+        ]
+      },
+      "placeholder": {
+        "color": {
+          "value": "#808080",
+          "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{conduction.color.primary-hover}"
+            "value": "{conduction.color.grey.50}"
           },
-          "name": "utrechtButtonHoverBorderColor",
+          "name": "utrechtFormInputPlaceholderColor",
           "attributes": {
             "category": "utrecht",
-            "type": "button",
-            "item": "hover",
-            "subitem": "border-color"
+            "type": "form-input",
+            "item": "placeholder",
+            "subitem": "color"
           },
           "path": [
             "utrecht",
-            "button",
-            "hover",
-            "border-color"
+            "form-input",
+            "placeholder",
+            "color"
           ]
-        },
-        "color": {
+        }
+      },
+      "disabled": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
+      "focus": {
+        "background-color": {
           "value": "#ffffff",
-          "filePath": "src/component/utrecht/button.tokens.json",
+          "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
           "isSource": true,
           "original": {
             "value": "{conduction.color.white.100}"
           },
-          "name": "utrechtButtonHoverColor",
+          "name": "utrechtFormInputFocusBackgroundColor",
           "attributes": {
             "category": "utrecht",
-            "type": "button",
-            "item": "hover",
-            "subitem": "color"
+            "type": "form-input",
+            "item": "focus",
+            "subitem": "background-color"
           },
           "path": [
             "utrecht",
-            "button",
-            "hover",
-            "color"
+            "form-input",
+            "focus",
+            "background-color"
           ]
         },
-        "scale": {}
+        "border-color": {},
+        "color": {}
       },
-      "pressed": {
+      "invalid": {
         "background-color": {},
         "border-color": {},
+        "border-width": {},
         "color": {}
       },
-      "primary-action": {
-        "background-color": {
-          "value": "#4376fc",
-          "filePath": "src/component/utrecht/button.tokens.json",
+      "read-only": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      }
+    },
+    "icon": {
+      "gap": {
+        "value": "8px",
+        "filePath": "src/component/utrecht/extra-tokens/icon.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.xs}"
+        },
+        "name": "utrechtIconGap",
+        "attributes": {
+          "category": "utrecht",
+          "type": "icon",
+          "item": "gap"
+        },
+        "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": "{conduction.color.primary}"
+            "value": "100px"
           },
-          "name": "utrechtButtonPrimaryActionBackgroundColor",
+          "name": "utrechtPageFooterLogoMaxHeight",
           "attributes": {
             "category": "utrecht",
-            "type": "button",
-            "item": "primary-action",
-            "subitem": "background-color"
+            "type": "page-footer",
+            "item": "logo",
+            "subitem": "max-height"
           },
           "path": [
             "utrecht",
-            "button",
-            "primary-action",
-            "background-color"
+            "page-footer",
+            "logo",
+            "max-height"
           ]
         },
-        "border-color": {
-          "value": "#4376fc",
-          "filePath": "src/component/utrecht/button.tokens.json",
+        "max-width": {
+          "value": "100px",
+          "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{conduction.color.primary}"
+            "value": "100px"
           },
-          "name": "utrechtButtonPrimaryActionBorderColor",
+          "name": "utrechtPageFooterLogoMaxWidth",
           "attributes": {
             "category": "utrecht",
-            "type": "button",
-            "item": "primary-action",
-            "subitem": "border-color"
+            "type": "page-footer",
+            "item": "logo",
+            "subitem": "max-width"
           },
           "path": [
             "utrecht",
-            "button",
-            "primary-action",
-            "border-color"
+            "page-footer",
+            "logo",
+            "max-width"
           ]
+        }
+      },
+      "background-position": {},
+      "background-color": {
+        "value": "#f5f5f5",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.color.lightgrey.96}"
         },
-        "border-width": {
-          "value": "2px",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.size.3xs}"
-          },
-          "name": "utrechtButtonPrimaryActionBorderWidth",
-          "attributes": {
-            "category": "utrecht",
-            "type": "button",
-            "item": "primary-action",
-            "subitem": "border-width"
-          },
-          "path": [
-            "utrecht",
-            "button",
-            "primary-action",
-            "border-width"
-          ]
+        "name": "utrechtPageFooterBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "background-color"
         },
-        "color": {
-          "value": "#ffffff",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.color.white.100}"
-          },
-          "name": "utrechtButtonPrimaryActionColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "button",
-            "item": "primary-action",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "button",
-            "primary-action",
-            "color"
-          ]
+        "path": [
+          "utrecht",
+          "page-footer",
+          "background-color"
+        ]
+      },
+      "background-image": {
+        "value": "unset",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "unset"
         },
-        "font-weight": {
-          "value": "inherit",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "inherit"
-          },
-          "name": "utrechtButtonPrimaryActionFontWeight",
-          "attributes": {
-            "category": "utrecht",
-            "type": "button",
-            "item": "primary-action",
-            "subitem": "font-weight"
-          },
-          "path": [
-            "utrecht",
-            "button",
-            "primary-action",
-            "font-weight"
-          ]
+        "name": "utrechtPageFooterBackgroundImage",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "background-image"
         },
-        "active": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
+        "path": [
+          "utrecht",
+          "page-footer",
+          "background-image"
+        ]
+      },
+      "color": {
+        "value": "#000000",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.color.black.0}"
         },
-        "disabled": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
+        "name": "utrechtPageFooterColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "color"
         },
-        "hover": {
-          "background-color": {
-            "value": "#4376fc",
-            "filePath": "src/component/utrecht/button.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "{conduction.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": {
-            "value": "#4376fc",
-            "filePath": "src/component/utrecht/button.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "{conduction.color.primary}"
-            },
-            "name": "utrechtButtonPrimaryActionHoverBorderColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "button",
-              "item": "primary-action",
-              "subitem": "hover",
-              "state": "border-color"
-            },
-            "path": [
-              "utrecht",
-              "button",
-              "primary-action",
-              "hover",
-              "border-color"
-            ]
-          },
-          "color": {
-            "value": "#ffffff",
-            "filePath": "src/component/utrecht/button.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "{conduction.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",
+          "color"
+        ]
+      },
+      "padding-inline-end": {
+        "value": "14px",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.sm}"
         },
-        "focus": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
+        "name": "utrechtPageFooterPaddingInlineEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "padding-inline-end"
         },
-        "pressed": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
-        }
+        "path": [
+          "utrecht",
+          "page-footer",
+          "padding-inline-end"
+        ]
       },
-      "secondary-action": {
-        "background-color": {
-          "value": "#ffffff",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.color.white.100}"
-          },
-          "name": "utrechtButtonSecondaryActionBackgroundColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "button",
-            "item": "secondary-action",
-            "subitem": "background-color"
-          },
-          "path": [
-            "utrecht",
-            "button",
-            "secondary-action",
-            "background-color"
-          ]
+      "padding-inline-start": {
+        "value": "14px",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.sm}"
         },
-        "border-color": {
-          "value": "#4376fc",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.color.primary}"
-          },
-          "name": "utrechtButtonSecondaryActionBorderColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "button",
-            "item": "secondary-action",
-            "subitem": "border-color"
-          },
-          "path": [
-            "utrecht",
-            "button",
-            "secondary-action",
-            "border-color"
-          ]
+        "name": "utrechtPageFooterPaddingInlineStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "padding-inline-start"
         },
-        "border-width": {
-          "value": "2px",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.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",
+          "padding-inline-start"
+        ]
+      },
+      "padding-block-end": {
+        "value": "48px",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.2xl}"
         },
-        "color": {
-          "value": "#4376fc",
-          "filePath": "src/component/utrecht/button.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.color.primary}"
-          },
-          "name": "utrechtButtonSecondaryActionColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "button",
-            "item": "secondary-action",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "button",
-            "secondary-action",
-            "color"
-          ]
+        "name": "utrechtPageFooterPaddingBlockEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "padding-block-end"
         },
-        "font-weight": {
-          "value": "400",
-          "filePath": "src/component/utrecht/button.tokens.json",
+        "path": [
+          "utrecht",
+          "page-footer",
+          "padding-block-end"
+        ]
+      },
+      "padding-block-start": {
+        "value": "48px",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.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": "150px",
+          "filePath": "src/component/utrecht/extra-tokens/page-header.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{conduction.typography.font-weight.normal}"
+            "value": "150px"
           },
-          "name": "utrechtButtonSecondaryActionFontWeight",
+          "name": "utrechtPageHeaderLogoMaxWidth",
           "attributes": {
             "category": "utrecht",
-            "type": "button",
-            "item": "secondary-action",
-            "subitem": "font-weight"
+            "type": "page-header",
+            "item": "logo",
+            "subitem": "max-width"
           },
           "path": [
             "utrecht",
-            "button",
-            "secondary-action",
-            "font-weight"
+            "page-header",
+            "logo",
+            "max-width"
           ]
-        },
-        "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": "{conduction.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": "#2e5ed9",
-            "filePath": "src/component/utrecht/button.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "{conduction.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": "#2e5ed9",
-            "filePath": "src/component/utrecht/button.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "{conduction.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": "#f5f5f5",
-        "filePath": "src/component/utrecht/code.tokens.json",
+        "value": "#4376fc",
+        "filePath": "src/component/utrecht/page-header.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.color.lightgrey.96}"
+          "value": "{conduction.color.primary}"
         },
-        "name": "utrechtCodeBackgroundColor",
+        "name": "utrechtPageHeaderBackgroundColor",
         "attributes": {
           "category": "utrecht",
-          "type": "code",
+          "type": "page-header",
           "item": "background-color"
         },
         "path": [
           "utrecht",
-          "code",
+          "page-header",
           "background-color"
         ]
       },
       "color": {
-        "value": "#000000",
-        "filePath": "src/component/utrecht/code.tokens.json",
+        "value": "#ffffff",
+        "filePath": "src/component/utrecht/page-header.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.color.black.0}"
+          "value": "{conduction.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": "{conduction.typography.monospace.font-family}"
+          "value": "{conduction.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": "{conduction.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": {
+    "table": {
       "background-color": {
-        "value": "#f5f5f5",
-        "filePath": "src/component/utrecht/code.tokens.json",
+        "value": "#ffffff",
+        "filePath": "src/component/utrecht/extra-tokens/table.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.color.lightgrey.96}"
+          "value": "{conduction.color.white.100}"
         },
-        "name": "utrechtCodeBlockBackgroundColor",
+        "name": "utrechtTableBackgroundColor",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
+          "type": "table",
           "item": "background-color"
         },
         "path": [
           "utrecht",
-          "code-block",
+          "table",
           "background-color"
         ]
       },
-      "color": {
-        "value": "#000000",
-        "filePath": "src/component/utrecht/code.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.color.black.0}"
+      "header": {
+        "border-block-end-color": {
+          "value": "#d1d1d1",
+          "filePath": "src/component/utrecht/extra-tokens/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.grey.82}"
+          },
+          "name": "utrechtTableHeaderBorderBlockEndColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "header",
+            "subitem": "border-block-end-color"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "header",
+            "border-block-end-color"
+          ]
         },
-        "name": "utrechtCodeBlockColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "code-block",
-          "item": "color"
+        "border-block-end-width": {
+          "value": "1px",
+          "filePath": "src/component/utrecht/extra-tokens/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.size.4xs}"
+          },
+          "name": "utrechtTableHeaderBorderBlockEndWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "header",
+            "subitem": "border-block-end-width"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "header",
+            "border-block-end-width"
+          ]
+        },
+        "font-family": {},
+        "font-weight": {
+          "value": "700",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.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": "#000000",
+          "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"
+          ]
+        }
+      },
+      "row": {
+        "hover": {
+          "background-color": {
+            "value": "#f7f7f7",
+            "filePath": "src/component/utrecht/extra-tokens/table.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.color.grey.97}"
+            },
+            "name": "utrechtTableRowHoverBackgroundColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "table",
+              "item": "row",
+              "subitem": "hover",
+              "state": "background-color"
+            },
+            "path": [
+              "utrecht",
+              "table",
+              "row",
+              "hover",
+              "background-color"
+            ]
+          },
+          "color": {}
+        },
+        "border-block-end-color": {
+          "value": "#d1d1d1",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.grey.82}"
+          },
+          "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": "{conduction.size.4xs}"
+          },
+          "name": "utrechtTableRowBorderBlockEndWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "row",
+            "subitem": "border-block-end-width"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "row",
+            "border-block-end-width"
+          ]
         },
-        "path": [
-          "utrecht",
-          "code-block",
-          "color"
-        ]
+        "padding-inline-end": {},
+        "padding-inline-start": {},
+        "alternate-odd": {
+          "background-color": {},
+          "color": {}
+        },
+        "alternate-even": {
+          "background-color": {},
+          "color": {}
+        }
+      },
+      "body": {
+        "border": {}
       },
+      "caption": {
+        "font-style": {},
+        "font-weight": {},
+        "font-family": {},
+        "font-size": {},
+        "color": {},
+        "line-height": {},
+        "text-align": {},
+        "margin-block-end": {}
+      },
+      "border-color": {},
+      "border-width": {},
       "font-family": {
-        "value": "Monospace, \"Lucida Console\"",
-        "filePath": "src/component/utrecht/code.tokens.json",
+        "value": "\"Noto Sans\", Arial, sans-serif",
+        "filePath": "src/component/utrecht/table.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.typography.monospace.font-family}"
+          "value": "{utrecht.document.font-family}"
         },
-        "name": "utrechtCodeBlockFontFamily",
+        "name": "utrechtTableFontFamily",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
+          "type": "table",
           "item": "font-family"
         },
         "path": [
           "utrecht",
-          "code-block",
+          "table",
           "font-family"
         ]
       },
       "font-size": {
         "value": "18px",
-        "filePath": "src/component/utrecht/code.tokens.json",
+        "filePath": "src/component/utrecht/table.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.font-size.md}"
+          "value": "{utrecht.document.font-size}"
         },
-        "name": "utrechtCodeBlockFontSize",
+        "name": "utrechtTableFontSize",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
+          "type": "table",
           "item": "font-size"
         },
         "path": [
           "utrecht",
-          "code-block",
+          "table",
           "font-size"
         ]
       },
-      "line-height": {
-        "value": "24px",
-        "filePath": "src/component/utrecht/code.tokens.json",
+      "line-height": {},
+      "margin-block-end": {
+        "value": 0,
+        "filePath": "src/component/utrecht/table.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.lg}"
+          "value": 0
         },
-        "name": "utrechtCodeBlockLineHeight",
+        "name": "utrechtTableMarginBlockEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "line-height"
+          "type": "table",
+          "item": "margin-block-end"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "line-height"
+          "table",
+          "margin-block-end"
         ]
       },
       "margin-block-start": {
         "value": "18px",
-        "filePath": "src/component/utrecht/code.tokens.json",
+        "filePath": "src/component/utrecht/table.tokens.json",
         "isSource": true,
         "original": {
           "value": "{conduction.size.md}"
         },
-        "name": "utrechtCodeBlockMarginBlockStart",
+        "name": "utrechtTableMarginBlockStart",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
+          "type": "table",
           "item": "margin-block-start"
         },
         "path": [
           "utrecht",
-          "code-block",
+          "table",
           "margin-block-start"
         ]
       },
-      "margin-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": "{conduction.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": "#000000",
+          "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": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.size.md}"
+          "value": "{conduction.color.white.100}"
         },
-        "name": "utrechtCodeBlockMarginBlockEnd",
+        "name": "utrechtTextboxBackgroundColor",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "margin-block-end"
+          "type": "textbox",
+          "item": "background-color"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "margin-block-end"
+          "textbox",
+          "background-color"
         ]
       },
-      "margin-inline-start": {
-        "value": 0,
-        "filePath": "src/component/utrecht/code.tokens.json",
+      "border-bottom-width": {},
+      "border-color": {
+        "value": "#7a7a7a",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
-          "value": 0
+          "value": "{conduction.color.grey.48}"
         },
-        "name": "utrechtCodeBlockMarginInlineStart",
+        "name": "utrechtTextboxBorderColor",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "margin-inline-start"
+          "type": "textbox",
+          "item": "border-color"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "margin-inline-start"
+          "textbox",
+          "border-color"
         ]
       },
-      "margin-inline-end": {
-        "value": 0,
-        "filePath": "src/component/utrecht/code.tokens.json",
+      "border-radius": {
+        "value": "3px",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
-          "value": 0
+          "value": "3px"
         },
-        "name": "utrechtCodeBlockMarginInlineEnd",
+        "name": "utrechtTextboxBorderRadius",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "margin-inline-end"
+          "type": "textbox",
+          "item": "border-radius"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "margin-inline-end"
+          "textbox",
+          "border-radius"
         ]
       },
-      "padding-block-start": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/code.tokens.json",
+      "border-width": {
+        "value": "1px",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.md}"
+          "value": "{conduction.size.4xs}"
         },
-        "name": "utrechtCodeBlockPaddingBlockStart",
+        "name": "utrechtTextboxBorderWidth",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "padding-block-start"
+          "type": "textbox",
+          "item": "border-width"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "padding-block-start"
+          "textbox",
+          "border-width"
         ]
       },
-      "padding-block-end": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/code.tokens.json",
+      "color": {
+        "value": "#4a4a4a",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.md}"
+          "value": "{conduction.color.grey.29}"
         },
-        "name": "utrechtCodeBlockPaddingBlockEnd",
+        "name": "utrechtTextboxColor",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "padding-block-end"
+          "type": "textbox",
+          "item": "color"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "padding-block-end"
+          "textbox",
+          "color"
         ]
       },
-      "padding-inline-start": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/code.tokens.json",
+      "font-family": {
+        "value": "\"Noto Sans\", Arial, sans-serif",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.md}"
+          "value": "{conduction.typography.sans-serif.font-family}"
         },
-        "name": "utrechtCodeBlockPaddingInlineStart",
+        "name": "utrechtTextboxFontFamily",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "padding-inline-start"
+          "type": "textbox",
+          "item": "font-family"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "padding-inline-start"
+          "textbox",
+          "font-family"
         ]
       },
-      "padding-inline-end": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/code.tokens.json",
+      "font-size": {
+        "value": "15px",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.md}"
+          "value": "15px"
         },
-        "name": "utrechtCodeBlockPaddingInlineEnd",
+        "name": "utrechtTextboxFontSize",
         "attributes": {
           "category": "utrecht",
-          "type": "code-block",
-          "item": "padding-inline-end"
+          "type": "textbox",
+          "item": "font-size"
         },
         "path": [
           "utrecht",
-          "code-block",
-          "padding-inline-end"
+          "textbox",
+          "font-size"
         ]
-      }
-    },
-    "document": {
-      "background-color": {
-        "value": "#fafafa",
-        "filePath": "src/component/utrecht/document.tokens.json",
+      },
+      "line-height": {},
+      "max-inline-size": {},
+      "padding-block-end": {
+        "value": "8px",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.color.white.98}"
+          "value": "{conduction.size.xs}"
         },
-        "name": "utrechtDocumentBackgroundColor",
+        "name": "utrechtTextboxPaddingBlockEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "document",
-          "item": "background-color"
+          "type": "textbox",
+          "item": "padding-block-end"
         },
         "path": [
           "utrecht",
-          "document",
-          "background-color"
+          "textbox",
+          "padding-block-end"
         ]
       },
-      "color": {
-        "value": "#000000",
-        "filePath": "src/component/utrecht/document.tokens.json",
+      "padding-block-start": {
+        "value": "8px",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.color.black.0}"
+          "value": "{conduction.size.xs}"
         },
-        "name": "utrechtDocumentColor",
+        "name": "utrechtTextboxPaddingBlockStart",
         "attributes": {
           "category": "utrecht",
-          "type": "document",
-          "item": "color"
+          "type": "textbox",
+          "item": "padding-block-start"
         },
         "path": [
           "utrecht",
-          "document",
-          "color"
+          "textbox",
+          "padding-block-start"
         ]
       },
-      "font-family": {
-        "value": "\"Noto Sans\", Arial, sans-serif",
-        "filePath": "src/component/utrecht/document.tokens.json",
+      "padding-inline-end": {
+        "value": "14px",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.typography.sans-serif.font-family}"
+          "value": "{conduction.size.sm}"
         },
-        "name": "utrechtDocumentFontFamily",
+        "name": "utrechtTextboxPaddingInlineEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "document",
-          "item": "font-family"
+          "type": "textbox",
+          "item": "padding-inline-end"
         },
         "path": [
           "utrecht",
-          "document",
-          "font-family"
+          "textbox",
+          "padding-inline-end"
         ]
       },
-      "font-size": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/document.tokens.json",
+      "padding-inline-start": {
+        "value": "14px",
+        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.font-size.md}"
+          "value": "{conduction.size.sm}"
         },
-        "name": "utrechtDocumentFontSize",
+        "name": "utrechtTextboxPaddingInlineStart",
         "attributes": {
           "category": "utrecht",
-          "type": "document",
-          "item": "font-size"
+          "type": "textbox",
+          "item": "padding-inline-start"
         },
         "path": [
           "utrecht",
-          "document",
-          "font-size"
+          "textbox",
+          "padding-inline-start"
         ]
       },
-      "font-weight": {},
-      "line-height": {}
+      "placeholder": {
+        "color": {
+          "value": "#808080",
+          "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.grey.50}"
+          },
+          "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": {
+          "value": "#ffffff",
+          "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.white.100}"
+          },
+          "name": "utrechtTextboxFocusBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "textbox",
+            "item": "focus",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "textbox",
+            "focus",
+            "background-color"
+          ]
+        },
+        "border-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "background-color": {},
+        "border-color": {},
+        "border-width": {},
+        "color": {}
+      },
+      "read-only": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      }
     },
     "heading-1": {
       "color": {},