npm - @rijkshuisstijl-community/design-tokens - Versions diffs - 6.0.0 → 8.0.0 - Mend

@rijkshuisstijl-community/design-tokens 6.0.0 → 8.0.0

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 (105) hide show

package/CHANGELOG.md +83 -0
package/dist/_variables.scss +31 -51
package/dist/index.css +31 -51
package/dist/index.d.ts +29 -49
package/dist/index.js +31 -51
package/dist/index.json +30 -50
package/dist/index.tokens.json +46 -66
package/dist/koop/_variables.scss +44 -64
package/dist/koop/index.css +44 -64
package/dist/koop/index.d.ts +42 -62
package/dist/koop/index.js +44 -64
package/dist/koop/index.json +43 -63
package/dist/koop/index.tokens.json +79 -99
package/dist/koop/root.css +44 -64
package/dist/koop/tokens.d.ts +78 -98
package/dist/koop/tokens.js +1766 -2238
package/dist/root.css +31 -51
package/dist/tokens.d.ts +45 -65
package/dist/tokens.js +725 -1197
package/dist/uitvoerend-groen/_variables.scss +44 -64
package/dist/uitvoerend-groen/index.css +44 -64
package/dist/uitvoerend-groen/index.d.ts +42 -62
package/dist/uitvoerend-groen/index.js +44 -64
package/dist/uitvoerend-groen/index.json +43 -63
package/dist/uitvoerend-groen/index.tokens.json +79 -99
package/dist/uitvoerend-groen/root.css +44 -64
package/dist/uitvoerend-groen/tokens.d.ts +78 -98
package/dist/uitvoerend-groen/tokens.js +1766 -2238
package/dist/uitvoerend-hemelblauw/_variables.scss +44 -64
package/dist/uitvoerend-hemelblauw/index.css +44 -64
package/dist/uitvoerend-hemelblauw/index.d.ts +42 -62
package/dist/uitvoerend-hemelblauw/index.js +44 -64
package/dist/uitvoerend-hemelblauw/index.json +43 -63
package/dist/uitvoerend-hemelblauw/index.tokens.json +79 -99
package/dist/uitvoerend-hemelblauw/root.css +44 -64
package/dist/uitvoerend-hemelblauw/tokens.d.ts +78 -98
package/dist/uitvoerend-hemelblauw/tokens.js +1766 -2238
package/dist/uitvoerend-mintgroen/_variables.scss +44 -64
package/dist/uitvoerend-mintgroen/index.css +44 -64
package/dist/uitvoerend-mintgroen/index.d.ts +42 -62
package/dist/uitvoerend-mintgroen/index.js +44 -64
package/dist/uitvoerend-mintgroen/index.json +43 -63
package/dist/uitvoerend-mintgroen/index.tokens.json +79 -99
package/dist/uitvoerend-mintgroen/root.css +44 -64
package/dist/uitvoerend-mintgroen/tokens.d.ts +78 -98
package/dist/uitvoerend-mintgroen/tokens.js +1766 -2238
package/dist/uitvoerend-oranje/_variables.scss +44 -64
package/dist/uitvoerend-oranje/index.css +44 -64
package/dist/uitvoerend-oranje/index.d.ts +42 -62
package/dist/uitvoerend-oranje/index.js +44 -64
package/dist/uitvoerend-oranje/index.json +43 -63
package/dist/uitvoerend-oranje/index.tokens.json +79 -99
package/dist/uitvoerend-oranje/root.css +44 -64
package/dist/uitvoerend-oranje/tokens.d.ts +78 -98
package/dist/uitvoerend-oranje/tokens.js +1766 -2238
package/dist/uitvoerend-paars/_variables.scss +44 -64
package/dist/uitvoerend-paars/index.css +44 -64
package/dist/uitvoerend-paars/index.d.ts +42 -62
package/dist/uitvoerend-paars/index.js +44 -64
package/dist/uitvoerend-paars/index.json +43 -63
package/dist/uitvoerend-paars/index.tokens.json +79 -99
package/dist/uitvoerend-paars/root.css +44 -64
package/dist/uitvoerend-paars/tokens.d.ts +78 -98
package/dist/uitvoerend-paars/tokens.js +1766 -2238
package/dist/uitvoerend-violet/_variables.scss +44 -64
package/dist/uitvoerend-violet/index.css +44 -64
package/dist/uitvoerend-violet/index.d.ts +42 -62
package/dist/uitvoerend-violet/index.js +44 -64
package/dist/uitvoerend-violet/index.json +43 -63
package/dist/uitvoerend-violet/index.tokens.json +79 -99
package/dist/uitvoerend-violet/root.css +44 -64
package/dist/uitvoerend-violet/tokens.d.ts +78 -98
package/dist/uitvoerend-violet/tokens.js +1766 -2238
package/dist/uitvoerend-violet-oud/_variables.scss +44 -64
package/dist/uitvoerend-violet-oud/index.css +44 -64
package/dist/uitvoerend-violet-oud/index.d.ts +42 -62
package/dist/uitvoerend-violet-oud/index.js +44 -64
package/dist/uitvoerend-violet-oud/index.json +43 -63
package/dist/uitvoerend-violet-oud/index.tokens.json +79 -99
package/dist/uitvoerend-violet-oud/root.css +44 -64
package/dist/uitvoerend-violet-oud/tokens.d.ts +78 -98
package/dist/uitvoerend-violet-oud/tokens.js +1761 -2233
package/dist/wetgevend/_variables.scss +44 -64
package/dist/wetgevend/index.css +44 -64
package/dist/wetgevend/index.d.ts +42 -62
package/dist/wetgevend/index.js +44 -64
package/dist/wetgevend/index.json +43 -63
package/dist/wetgevend/index.tokens.json +79 -99
package/dist/wetgevend/root.css +44 -64
package/dist/wetgevend/tokens.d.ts +78 -98
package/dist/wetgevend/tokens.js +1766 -2238
package/figma/figma.tokens.json +152 -262
package/package.json +2 -2
package/src/generated/base.tokens.json +129 -209
package/src/generated/koop/tokens.json +199 -279
package/src/generated/themes.json +1827 -2547
package/src/generated/uitvoerend-groen/tokens.json +199 -279
package/src/generated/uitvoerend-hemelblauw/tokens.json +199 -279
package/src/generated/uitvoerend-mintgroen/tokens.json +199 -279
package/src/generated/uitvoerend-oranje/tokens.json +199 -279
package/src/generated/uitvoerend-paars/tokens.json +199 -279
package/src/generated/uitvoerend-violet/tokens.json +199 -279
package/src/generated/uitvoerend-violet-oud/tokens.json +199 -279
package/src/generated/wetgevend/tokens.json +199 -279
package/token-transformer.mjs +0 -2

package/dist/koop/tokens.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 09:25:15 GMT
+ * Generated on Fri, 26 Sep 2025 23:36:53 GMT
  */
 module.exports = {
@@ -5091,55 +5091,218 @@ module.exports = {
         }
       }
     },
-    "form-field-error-message": {
-      "icon": {
-        "margin-inline-end": {
-          "type": "dimension",
-          "value": "0.5rem",
+    "form-label": {
+      "color": {
+        "type": "color",
+        "value": "#0F172A",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "color",
+          "value": "#0F172A"
+        },
+        "name": "utrechtFormLabelColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "form-label",
+          "item": "color"
+        },
+        "path": [
+          "utrecht",
+          "form-label",
+          "color"
+        ]
+      },
+      "font-size": {
+        "type": "fontSizes",
+        "value": "1.25rem",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "fontSizes",
+          "value": "1.25rem"
+        },
+        "name": "utrechtFormLabelFontSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "form-label",
+          "item": "font-size"
+        },
+        "path": [
+          "utrecht",
+          "form-label",
+          "font-size"
+        ]
+      },
+      "font-weight": {
+        "type": "fontWeights",
+        "value": 700,
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "fontWeights",
+          "value": 700
+        },
+        "name": "utrechtFormLabelFontWeight",
+        "attributes": {
+          "category": "utrecht",
+          "type": "form-label",
+          "item": "font-weight"
+        },
+        "path": [
+          "utrecht",
+          "form-label",
+          "font-weight"
+        ]
+      },
+      "checkbox": {
+        "color": {
+          "type": "color",
+          "value": "#0F172A",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "type": "dimension",
-            "value": "0.5rem"
+            "type": "color",
+            "value": "#0F172A"
           },
-          "name": "utrechtFormFieldErrorMessageIconMarginInlineEnd",
+          "name": "utrechtFormLabelCheckboxColor",
           "attributes": {
             "category": "utrecht",
-            "type": "form-field-error-message",
-            "item": "icon",
-            "subitem": "margin-inline-end"
+            "type": "form-label",
+            "item": "checkbox",
+            "subitem": "color"
           },
           "path": [
             "utrecht",
-            "form-field-error-message",
-            "icon",
-            "margin-inline-end"
+            "form-label",
+            "checkbox",
+            "color"
           ]
         },
-        "size": {
-          "type": "dimension",
-          "value": "24px",
+        "font-weight": {
+          "type": "fontWeights",
+          "value": 400,
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "type": "dimension",
-            "value": "24px"
+            "type": "fontWeights",
+            "value": 400
           },
-          "name": "utrechtFormFieldErrorMessageIconSize",
+          "name": "utrechtFormLabelCheckboxFontWeight",
           "attributes": {
             "category": "utrecht",
-            "type": "form-field-error-message",
-            "item": "icon",
-            "subitem": "size"
+            "type": "form-label",
+            "item": "checkbox",
+            "subitem": "font-weight"
           },
           "path": [
             "utrecht",
-            "form-field-error-message",
-            "icon",
-            "size"
+            "form-label",
+            "checkbox",
+            "font-weight"
+          ]
+        }
+      },
+      "radio": {
+        "color": {
+          "type": "color",
+          "value": "#0F172A",
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "color",
+            "value": "#0F172A"
+          },
+          "name": "utrechtFormLabelRadioColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "form-label",
+            "item": "radio",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "form-label",
+            "radio",
+            "color"
+          ]
+        },
+        "font-weight": {
+          "type": "fontWeights",
+          "value": 400,
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "fontWeights",
+            "value": 400
+          },
+          "name": "utrechtFormLabelRadioFontWeight",
+          "attributes": {
+            "category": "utrecht",
+            "type": "form-label",
+            "item": "radio",
+            "subitem": "font-weight"
+          },
+          "path": [
+            "utrecht",
+            "form-label",
+            "radio",
+            "font-weight"
+          ]
+        }
+      },
+      "checked": {
+        "font-weight": {
+          "type": "fontWeights",
+          "value": 400,
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "fontWeights",
+            "value": 400
+          },
+          "name": "utrechtFormLabelCheckedFontWeight",
+          "attributes": {
+            "category": "utrecht",
+            "type": "form-label",
+            "item": "checked",
+            "subitem": "font-weight"
+          },
+          "path": [
+            "utrecht",
+            "form-label",
+            "checked",
+            "font-weight"
           ]
         }
       },
+      "disabled": {
+        "color": {
+          "type": "color",
+          "value": "#94A3B8",
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "color",
+            "value": "#94A3B8"
+          },
+          "name": "utrechtFormLabelDisabledColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "form-label",
+            "item": "disabled",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "form-label",
+            "disabled",
+            "color"
+          ]
+        }
+      }
+    },
+    "form-field-error-message": {
       "background-color": {
         "type": "color",
         "value": "transparent",
@@ -5398,27 +5561,6 @@ module.exports = {
       }
     },
     "form-field-description": {
-      "padding-block-end": {
-        "value": "0.5rem",
-        "type": "dimension",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "0.5rem",
-          "type": "dimension"
-        },
-        "name": "utrechtFormFieldDescriptionPaddingBlockEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "form-field-description",
-          "item": "padding-block-end"
-        },
-        "path": [
-          "utrecht",
-          "form-field-description",
-          "padding-block-end"
-        ]
-      },
       "color": {
         "type": "color",
         "value": "#334155",
@@ -5550,220 +5692,9 @@ module.exports = {
         ]
       }
     },
-    "form-label": {
-      "color": {
-        "type": "color",
-        "value": "#0F172A",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "color",
-          "value": "#0F172A"
-        },
-        "name": "utrechtFormLabelColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "form-label",
-          "item": "color"
-        },
-        "path": [
-          "utrecht",
-          "form-label",
-          "color"
-        ]
-      },
-      "font-size": {
-        "type": "fontSizes",
-        "value": "1.25rem",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "fontSizes",
-          "value": "1.25rem"
-        },
-        "name": "utrechtFormLabelFontSize",
-        "attributes": {
-          "category": "utrecht",
-          "type": "form-label",
-          "item": "font-size"
-        },
-        "path": [
-          "utrecht",
-          "form-label",
-          "font-size"
-        ]
-      },
-      "font-weight": {
-        "type": "fontWeights",
-        "value": 700,
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "fontWeights",
-          "value": 700
-        },
-        "name": "utrechtFormLabelFontWeight",
-        "attributes": {
-          "category": "utrecht",
-          "type": "form-label",
-          "item": "font-weight"
-        },
-        "path": [
-          "utrecht",
-          "form-label",
-          "font-weight"
-        ]
-      },
-      "checkbox": {
-        "color": {
-          "type": "color",
-          "value": "#0F172A",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "color",
-            "value": "#0F172A"
-          },
-          "name": "utrechtFormLabelCheckboxColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "form-label",
-            "item": "checkbox",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "form-label",
-            "checkbox",
-            "color"
-          ]
-        },
-        "font-weight": {
-          "type": "fontWeights",
-          "value": 400,
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "fontWeights",
-            "value": 400
-          },
-          "name": "utrechtFormLabelCheckboxFontWeight",
-          "attributes": {
-            "category": "utrecht",
-            "type": "form-label",
-            "item": "checkbox",
-            "subitem": "font-weight"
-          },
-          "path": [
-            "utrecht",
-            "form-label",
-            "checkbox",
-            "font-weight"
-          ]
-        }
-      },
-      "radio": {
-        "color": {
-          "type": "color",
-          "value": "#0F172A",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "color",
-            "value": "#0F172A"
-          },
-          "name": "utrechtFormLabelRadioColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "form-label",
-            "item": "radio",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "form-label",
-            "radio",
-            "color"
-          ]
-        },
-        "font-weight": {
-          "type": "fontWeights",
-          "value": 400,
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "fontWeights",
-            "value": 400
-          },
-          "name": "utrechtFormLabelRadioFontWeight",
-          "attributes": {
-            "category": "utrecht",
-            "type": "form-label",
-            "item": "radio",
-            "subitem": "font-weight"
-          },
-          "path": [
-            "utrecht",
-            "form-label",
-            "radio",
-            "font-weight"
-          ]
-        }
-      },
-      "checked": {
-        "font-weight": {
-          "type": "fontWeights",
-          "value": 400,
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "fontWeights",
-            "value": 400
-          },
-          "name": "utrechtFormLabelCheckedFontWeight",
-          "attributes": {
-            "category": "utrecht",
-            "type": "form-label",
-            "item": "checked",
-            "subitem": "font-weight"
-          },
-          "path": [
-            "utrecht",
-            "form-label",
-            "checked",
-            "font-weight"
-          ]
-        }
-      },
-      "disabled": {
-        "color": {
-          "type": "color",
-          "value": "#94A3B8",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "color",
-            "value": "#94A3B8"
-          },
-          "name": "utrechtFormLabelDisabledColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "form-label",
-            "item": "disabled",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "form-label",
-            "disabled",
-            "color"
-          ]
-        }
-      }
-    },
-    "figure": {
-      "caption": {
-        "border-color": {
+    "figure": {
+      "caption": {
+        "border-color": {
           "type": "color",
           "value": "#CBD5E1",
           "filePath": "src/generated/koop/tokens.json",
@@ -6298,1253 +6229,391 @@ module.exports = {
       }
     },
     "blockquote": {
-      "border-block-end-width": {
-        "type": "dimension",
-        "value": 0,
+      "background-color": {
+        "value": "transparent",
+        "type": "color",
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "type": "dimension",
-          "value": 0
+          "value": "transparent",
+          "type": "color"
         },
-        "name": "utrechtBlockquoteBorderBlockEndWidth",
+        "name": "utrechtBlockquoteBackgroundColor",
         "attributes": {
           "category": "utrecht",
           "type": "blockquote",
-          "item": "border-block-end-width"
+          "item": "background-color"
         },
         "path": [
           "utrecht",
           "blockquote",
-          "border-block-end-width"
+          "background-color"
         ]
       },
-      "border-block-start-width": {
+      "border-inline-start-width": {
+        "value": "0px",
         "type": "dimension",
-        "value": 0,
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "type": "dimension",
-          "value": 0
+          "value": "0px",
+          "type": "dimension"
         },
-        "name": "utrechtBlockquoteBorderBlockStartWidth",
+        "name": "utrechtBlockquoteBorderInlineStartWidth",
         "attributes": {
           "category": "utrecht",
           "type": "blockquote",
-          "item": "border-block-start-width"
+          "item": "border-inline-start-width"
         },
         "path": [
           "utrecht",
           "blockquote",
-          "border-block-start-width"
+          "border-inline-start-width"
         ]
       },
-      "border-end-end-radius": {
-        "type": "dimension",
-        "value": 0,
+      "border-color": {
+        "value": "transparent",
+        "type": "color",
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "type": "dimension",
-          "value": 0
+          "value": "transparent",
+          "type": "color"
         },
-        "name": "utrechtBlockquoteBorderEndEndRadius",
+        "name": "utrechtBlockquoteBorderColor",
         "attributes": {
           "category": "utrecht",
           "type": "blockquote",
-          "item": "border-end-end-radius"
+          "item": "border-color"
         },
         "path": [
           "utrecht",
           "blockquote",
-          "border-end-end-radius"
+          "border-color"
         ]
       },
-      "border-end-start-radius": {
+      "border-radius": {
+        "value": "0px",
         "type": "dimension",
-        "value": 0,
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "type": "dimension",
-          "value": 0
+          "value": "0px",
+          "type": "dimension"
         },
-        "name": "utrechtBlockquoteBorderEndStartRadius",
+        "name": "utrechtBlockquoteBorderRadius",
         "attributes": {
           "category": "utrecht",
           "type": "blockquote",
-          "item": "border-end-start-radius"
+          "item": "border-radius"
         },
         "path": [
           "utrecht",
           "blockquote",
-          "border-end-start-radius"
+          "border-radius"
         ]
       },
-      "border-inline-end-width": {
+      "border-width": {
+        "value": "0px",
         "type": "dimension",
-        "value": 0,
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "type": "dimension",
-          "value": 0
+          "value": "0px",
+          "type": "dimension"
         },
-        "name": "utrechtBlockquoteBorderInlineEndWidth",
+        "name": "utrechtBlockquoteBorderWidth",
         "attributes": {
           "category": "utrecht",
           "type": "blockquote",
-          "item": "border-inline-end-width"
+          "item": "border-width"
         },
         "path": [
           "utrecht",
           "blockquote",
-          "border-inline-end-width"
+          "border-width"
         ]
       },
-      "border-start-end-radius": {
-        "type": "dimension",
-        "value": 0,
+      "color": {
+        "value": "#154273",
+        "type": "color",
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "type": "dimension",
-          "value": 0
+          "value": "#154273",
+          "type": "color"
         },
-        "name": "utrechtBlockquoteBorderStartEndRadius",
+        "name": "utrechtBlockquoteColor",
         "attributes": {
           "category": "utrecht",
           "type": "blockquote",
-          "item": "border-start-end-radius"
+          "item": "color"
         },
         "path": [
           "utrecht",
           "blockquote",
-          "border-start-end-radius"
+          "color"
         ]
       },
-      "border-start-start-radius": {
-        "type": "dimension",
-        "value": 0,
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes",
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "type": "dimension",
-          "value": 0
+          "value": "1.25rem",
+          "type": "fontSizes"
         },
-        "name": "utrechtBlockquoteBorderStartStartRadius",
+        "name": "utrechtBlockquoteFontSize",
         "attributes": {
           "category": "utrecht",
           "type": "blockquote",
-          "item": "border-start-start-radius"
+          "item": "font-size"
         },
         "path": [
           "utrecht",
           "blockquote",
-          "border-start-start-radius"
+          "font-size"
         ]
       },
-      "margin-block-end": {
+      "font-family": {
+        "value": "RijksSans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "RijksSans, Arial, Verdana, sans-serif",
+          "type": "fontFamilies"
+        },
+        "name": "utrechtBlockquoteFontFamily",
+        "attributes": {
+          "category": "utrecht",
+          "type": "blockquote",
+          "item": "font-family"
+        },
+        "path": [
+          "utrecht",
+          "blockquote",
+          "font-family"
+        ]
+      },
+      "padding-block-end": {
+        "value": "2rem",
         "type": "dimension",
-        "value": 0,
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "type": "dimension",
-          "value": 0
+          "value": "2rem",
+          "type": "dimension"
         },
-        "name": "utrechtBlockquoteMarginBlockEnd",
+        "name": "utrechtBlockquotePaddingBlockEnd",
         "attributes": {
           "category": "utrecht",
           "type": "blockquote",
-          "item": "margin-block-end"
+          "item": "padding-block-end"
         },
         "path": [
           "utrecht",
           "blockquote",
-          "margin-block-end"
+          "padding-block-end"
         ]
       },
-      "margin-block-start": {
+      "padding-block-start": {
+        "value": "2rem",
         "type": "dimension",
-        "value": 0,
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "type": "dimension",
-          "value": 0
+          "value": "2rem",
+          "type": "dimension"
         },
-        "name": "utrechtBlockquoteMarginBlockStart",
+        "name": "utrechtBlockquotePaddingBlockStart",
         "attributes": {
           "category": "utrecht",
           "type": "blockquote",
-          "item": "margin-block-start"
+          "item": "padding-block-start"
         },
         "path": [
           "utrecht",
           "blockquote",
-          "margin-block-start"
+          "padding-block-start"
         ]
       },
-      "margin-inline-end": {
+      "padding-inline-end": {
+        "value": "2rem",
         "type": "dimension",
-        "value": 0,
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "type": "dimension",
-          "value": 0
+          "value": "2rem",
+          "type": "dimension"
         },
-        "name": "utrechtBlockquoteMarginInlineEnd",
+        "name": "utrechtBlockquotePaddingInlineEnd",
         "attributes": {
           "category": "utrecht",
           "type": "blockquote",
-          "item": "margin-inline-end"
+          "item": "padding-inline-end"
         },
         "path": [
           "utrecht",
           "blockquote",
-          "margin-inline-end"
+          "padding-inline-end"
         ]
       },
-      "margin-inline-start": {
+      "padding-inline-start": {
+        "value": "2rem",
         "type": "dimension",
-        "value": 0,
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "type": "dimension",
-          "value": 0
+          "value": "2rem",
+          "type": "dimension"
         },
-        "name": "utrechtBlockquoteMarginInlineStart",
+        "name": "utrechtBlockquotePaddingInlineStart",
         "attributes": {
           "category": "utrecht",
           "type": "blockquote",
-          "item": "margin-inline-start"
+          "item": "padding-inline-start"
         },
         "path": [
           "utrecht",
           "blockquote",
-          "margin-inline-start"
+          "padding-inline-start"
         ]
       },
-      "blue-corner-border-variation": {
-        "border-block-end-width": {
-          "type": "dimension",
-          "value": "2px",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "dimension",
-            "value": "2px"
-          },
-          "name": "utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "blue-corner-border-variation",
-            "subitem": "border-block-end-width"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "blue-corner-border-variation",
-            "border-block-end-width"
-          ]
+      "row-gap": {
+        "value": "0.75rem",
+        "type": "dimension",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0.75rem",
+          "type": "dimension"
         },
-        "border-color": {
-          "type": "color",
-          "value": "#154273",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "color",
-            "value": "#154273"
-          },
-          "name": "utrechtBlockquoteBlueCornerBorderVariationBorderColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "blue-corner-border-variation",
-            "subitem": "border-color"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "blue-corner-border-variation",
-            "border-color"
-          ]
+        "name": "utrechtBlockquoteRowGap",
+        "attributes": {
+          "category": "utrecht",
+          "type": "blockquote",
+          "item": "row-gap"
         },
-        "border-end-end-radius": {
-          "type": "dimension",
-          "value": "3rem",
+        "path": [
+          "utrecht",
+          "blockquote",
+          "row-gap"
+        ]
+      },
+      "attribution": {
+        "color": {
+          "value": "#154273",
+          "type": "color",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "type": "dimension",
-            "value": "3rem"
+            "value": "#154273",
+            "type": "color"
           },
-          "name": "utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius",
+          "name": "utrechtBlockquoteAttributionColor",
           "attributes": {
             "category": "utrecht",
             "type": "blockquote",
-            "item": "blue-corner-border-variation",
-            "subitem": "border-end-end-radius"
+            "item": "attribution",
+            "subitem": "color"
           },
           "path": [
             "utrecht",
             "blockquote",
-            "blue-corner-border-variation",
-            "border-end-end-radius"
+            "attribution",
+            "color"
           ]
         },
-        "border-inline-end-width": {
-          "type": "dimension",
-          "value": "2px",
+        "font-size": {
+          "value": "1.25rem",
+          "type": "fontSizes",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "type": "dimension",
-            "value": "2px"
+            "value": "1.25rem",
+            "type": "fontSizes"
           },
-          "name": "utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth",
+          "name": "utrechtBlockquoteAttributionFontSize",
           "attributes": {
             "category": "utrecht",
             "type": "blockquote",
-            "item": "blue-corner-border-variation",
-            "subitem": "border-inline-end-width"
+            "item": "attribution",
+            "subitem": "font-size"
           },
           "path": [
             "utrecht",
             "blockquote",
-            "blue-corner-border-variation",
-            "border-inline-end-width"
+            "attribution",
+            "font-size"
           ]
         }
       },
-      "caption": {
+      "content": {
         "color": {
-          "type": "color",
           "value": "#154273",
+          "type": "color",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "type": "color",
-            "value": "#154273"
+            "value": "#154273",
+            "type": "color"
           },
-          "name": "utrechtBlockquoteCaptionColor",
+          "name": "utrechtBlockquoteContentColor",
           "attributes": {
             "category": "utrecht",
             "type": "blockquote",
-            "item": "caption",
+            "item": "content",
             "subitem": "color"
           },
           "path": [
             "utrecht",
             "blockquote",
-            "caption",
+            "content",
             "color"
           ]
         },
-        "font-family": {
-          "type": "fontFamilies",
-          "value": "RijksSans, Arial, Verdana, sans-serif",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "fontFamilies",
-            "value": "RijksSans, Arial, Verdana, sans-serif"
-          },
-          "name": "utrechtBlockquoteCaptionFontFamily",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "caption",
-            "subitem": "font-family"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "caption",
-            "font-family"
-          ]
-        },
         "font-size": {
-          "type": "fontSizes",
           "value": "1.25rem",
+          "type": "fontSizes",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "type": "fontSizes",
-            "value": "1.25rem"
+            "value": "1.25rem",
+            "type": "fontSizes"
           },
-          "name": "utrechtBlockquoteCaptionFontSize",
+          "name": "utrechtBlockquoteContentFontSize",
           "attributes": {
             "category": "utrecht",
             "type": "blockquote",
-            "item": "caption",
+            "item": "content",
             "subitem": "font-size"
           },
           "path": [
             "utrecht",
             "blockquote",
-            "caption",
+            "content",
             "font-size"
           ]
+        }
+      }
+    },
+    "alert": {
+      "background-color": {
+        "type": "color",
+        "value": "#d9ebf7",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "color",
+          "value": "#d9ebf7"
         },
-        "font-weight": {
-          "type": "fontWeights",
-          "value": 400,
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "fontWeights",
-            "value": 400
-          },
-          "name": "utrechtBlockquoteCaptionFontWeight",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "caption",
-            "subitem": "font-weight"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "caption",
-            "font-weight"
-          ]
-        },
-        "line-height": {
-          "type": "lineHeights",
-          "value": "150%",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "lineHeights",
-            "value": "150%"
-          },
-          "name": "utrechtBlockquoteCaptionLineHeight",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "caption",
-            "subitem": "line-height"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "caption",
-            "line-height"
-          ]
-        },
-        "padding-block-start": {
-          "type": "dimension",
-          "value": "0.75rem",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "dimension",
-            "value": "0.75rem"
-          },
-          "name": "utrechtBlockquoteCaptionPaddingBlockStart",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "caption",
-            "subitem": "padding-block-start"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "caption",
-            "padding-block-start"
-          ]
-        }
-      },
-      "content": {
-        "font-family": {
-          "type": "fontFamilies",
-          "value": "RijksSans, Arial, Verdana, sans-serif",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "fontFamilies",
-            "value": "RijksSans, Arial, Verdana, sans-serif"
-          },
-          "name": "utrechtBlockquoteContentFontFamily",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "content",
-            "subitem": "font-family"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "content",
-            "font-family"
-          ]
-        },
-        "font-weight": {
-          "type": "fontWeights",
-          "value": 400,
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "fontWeights",
-            "value": 400
-          },
-          "name": "utrechtBlockquoteContentFontWeight",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "content",
-            "subitem": "font-weight"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "content",
-            "font-weight"
-          ]
-        },
-        "line-height": {
-          "type": "lineHeights",
-          "value": "150%",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "lineHeights",
-            "value": "150%"
-          },
-          "name": "utrechtBlockquoteContentLineHeight",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "content",
-            "subitem": "line-height"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "content",
-            "line-height"
-          ]
-        },
-        "color": {
-          "value": "#154273",
-          "type": "color",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#154273",
-            "type": "color"
-          },
-          "name": "utrechtBlockquoteContentColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "content",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "content",
-            "color"
-          ]
-        },
-        "font-size": {
-          "value": "1.25rem",
-          "type": "fontSizes",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "1.25rem",
-            "type": "fontSizes"
-          },
-          "name": "utrechtBlockquoteContentFontSize",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "content",
-            "subitem": "font-size"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "content",
-            "font-size"
-          ]
-        }
-      },
-      "pink-background-variation": {
-        "background-color": {
-          "type": "color",
-          "value": "#F6BDE1",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "color",
-            "value": "#F6BDE1"
-          },
-          "name": "utrechtBlockquotePinkBackgroundVariationBackgroundColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "pink-background-variation",
-            "subitem": "background-color"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "pink-background-variation",
-            "background-color"
-          ]
-        },
-        "border-end-start-radius": {
-          "type": "dimension",
-          "value": "3rem",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "dimension",
-            "value": "3rem"
-          },
-          "name": "utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "pink-background-variation",
-            "subitem": "border-end-start-radius"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "pink-background-variation",
-            "border-end-start-radius"
-          ]
-        },
-        "padding": {
-          "type": "dimension",
-          "value": "2.5rem",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "dimension",
-            "value": "2.5rem"
-          },
-          "name": "utrechtBlockquotePinkBackgroundVariationPadding",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "pink-background-variation",
-            "subitem": "padding"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "pink-background-variation",
-            "padding"
-          ]
-        }
-      },
-      "pink-corner-border-variation": {
-        "border-block-start-width": {
-          "type": "dimension",
-          "value": "0.25rem",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "dimension",
-            "value": "0.25rem"
-          },
-          "name": "utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "pink-corner-border-variation",
-            "subitem": "border-block-start-width"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "pink-corner-border-variation",
-            "border-block-start-width"
-          ]
-        },
-        "border-color": {
-          "type": "color",
-          "value": "#F6BDE1",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "color",
-            "value": "#F6BDE1"
-          },
-          "name": "utrechtBlockquotePinkCornerBorderVariationBorderColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "pink-corner-border-variation",
-            "subitem": "border-color"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "pink-corner-border-variation",
-            "border-color"
-          ]
-        },
-        "border-inline-start-width": {
-          "type": "dimension",
-          "value": "0.25rem",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "dimension",
-            "value": "0.25rem"
-          },
-          "name": "utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "pink-corner-border-variation",
-            "subitem": "border-inline-start-width"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "pink-corner-border-variation",
-            "border-inline-start-width"
-          ]
-        },
-        "border-start-start-radius": {
-          "type": "dimension",
-          "value": "3rem",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "dimension",
-            "value": "3rem"
-          },
-          "name": "utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "pink-corner-border-variation",
-            "subitem": "border-start-start-radius"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "pink-corner-border-variation",
-            "border-start-start-radius"
-          ]
-        },
-        "padding": {
-          "type": "dimension",
-          "value": "2.5rem",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "dimension",
-            "value": "2.5rem"
-          },
-          "name": "utrechtBlockquotePinkCornerBorderVariationPadding",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "pink-corner-border-variation",
-            "subitem": "padding"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "pink-corner-border-variation",
-            "padding"
-          ]
-        }
-      },
-      "pink-left-border-variation": {
-        "border-color": {
-          "type": "color",
-          "value": "#F6BDE1",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "color",
-            "value": "#F6BDE1"
-          },
-          "name": "utrechtBlockquotePinkLeftBorderVariationBorderColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "pink-left-border-variation",
-            "subitem": "border-color"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "pink-left-border-variation",
-            "border-color"
-          ]
-        },
-        "border-inline-start-width": {
-          "type": "dimension",
-          "value": "0.75rem",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "dimension",
-            "value": "0.75rem"
-          },
-          "name": "utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "pink-left-border-variation",
-            "subitem": "border-inline-start-width"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "pink-left-border-variation",
-            "border-inline-start-width"
-          ]
-        },
-        "padding-block-end": {
-          "type": "dimension",
-          "value": "1.5rem",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "dimension",
-            "value": "1.5rem"
-          },
-          "name": "utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "pink-left-border-variation",
-            "subitem": "padding-block-end"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "pink-left-border-variation",
-            "padding-block-end"
-          ]
-        },
-        "padding-block-start": {
-          "type": "dimension",
-          "value": "1.5rem",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "dimension",
-            "value": "1.5rem"
-          },
-          "name": "utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "pink-left-border-variation",
-            "subitem": "padding-block-start"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "pink-left-border-variation",
-            "padding-block-start"
-          ]
-        },
-        "padding-inline-end": {
-          "type": "dimension",
-          "value": "2.5rem",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "dimension",
-            "value": "2.5rem"
-          },
-          "name": "utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "pink-left-border-variation",
-            "subitem": "padding-inline-end"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "pink-left-border-variation",
-            "padding-inline-end"
-          ]
-        },
-        "padding-inline-start": {
-          "type": "dimension",
-          "value": "2.5rem",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "dimension",
-            "value": "2.5rem"
-          },
-          "name": "utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "pink-left-border-variation",
-            "subitem": "padding-inline-start"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "pink-left-border-variation",
-            "padding-inline-start"
-          ]
-        }
-      },
-      "background-color": {
-        "value": "transparent",
-        "type": "color",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "transparent",
-          "type": "color"
-        },
-        "name": "utrechtBlockquoteBackgroundColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "blockquote",
-          "item": "background-color"
-        },
-        "path": [
-          "utrecht",
-          "blockquote",
-          "background-color"
-        ]
-      },
-      "border-inline-start-width": {
-        "value": "0px",
-        "type": "dimension",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "0px",
-          "type": "dimension"
-        },
-        "name": "utrechtBlockquoteBorderInlineStartWidth",
-        "attributes": {
-          "category": "utrecht",
-          "type": "blockquote",
-          "item": "border-inline-start-width"
-        },
-        "path": [
-          "utrecht",
-          "blockquote",
-          "border-inline-start-width"
-        ]
-      },
-      "border-color": {
-        "value": "transparent",
-        "type": "color",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "transparent",
-          "type": "color"
-        },
-        "name": "utrechtBlockquoteBorderColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "blockquote",
-          "item": "border-color"
-        },
-        "path": [
-          "utrecht",
-          "blockquote",
-          "border-color"
-        ]
-      },
-      "border-radius": {
-        "value": "0px",
-        "type": "dimension",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "0px",
-          "type": "dimension"
-        },
-        "name": "utrechtBlockquoteBorderRadius",
-        "attributes": {
-          "category": "utrecht",
-          "type": "blockquote",
-          "item": "border-radius"
-        },
-        "path": [
-          "utrecht",
-          "blockquote",
-          "border-radius"
-        ]
-      },
-      "border-width": {
-        "value": "0px",
-        "type": "dimension",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "0px",
-          "type": "dimension"
-        },
-        "name": "utrechtBlockquoteBorderWidth",
-        "attributes": {
-          "category": "utrecht",
-          "type": "blockquote",
-          "item": "border-width"
-        },
-        "path": [
-          "utrecht",
-          "blockquote",
-          "border-width"
-        ]
-      },
-      "color": {
-        "value": "#154273",
-        "type": "color",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "#154273",
-          "type": "color"
-        },
-        "name": "utrechtBlockquoteColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "blockquote",
-          "item": "color"
-        },
-        "path": [
-          "utrecht",
-          "blockquote",
-          "color"
-        ]
-      },
-      "font-size": {
-        "value": "1.25rem",
-        "type": "fontSizes",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "1.25rem",
-          "type": "fontSizes"
-        },
-        "name": "utrechtBlockquoteFontSize",
-        "attributes": {
-          "category": "utrecht",
-          "type": "blockquote",
-          "item": "font-size"
-        },
-        "path": [
-          "utrecht",
-          "blockquote",
-          "font-size"
-        ]
-      },
-      "font-family": {
-        "value": "RijksSans, Arial, Verdana, sans-serif",
-        "type": "fontFamilies",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "RijksSans, Arial, Verdana, sans-serif",
-          "type": "fontFamilies"
-        },
-        "name": "utrechtBlockquoteFontFamily",
-        "attributes": {
-          "category": "utrecht",
-          "type": "blockquote",
-          "item": "font-family"
-        },
-        "path": [
-          "utrecht",
-          "blockquote",
-          "font-family"
-        ]
-      },
-      "padding-block-end": {
-        "value": "2rem",
-        "type": "dimension",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "2rem",
-          "type": "dimension"
-        },
-        "name": "utrechtBlockquotePaddingBlockEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "blockquote",
-          "item": "padding-block-end"
-        },
-        "path": [
-          "utrecht",
-          "blockquote",
-          "padding-block-end"
-        ]
-      },
-      "padding-block-start": {
-        "value": "2rem",
-        "type": "dimension",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "2rem",
-          "type": "dimension"
-        },
-        "name": "utrechtBlockquotePaddingBlockStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "blockquote",
-          "item": "padding-block-start"
-        },
-        "path": [
-          "utrecht",
-          "blockquote",
-          "padding-block-start"
-        ]
-      },
-      "padding-inline-end": {
-        "value": "2rem",
-        "type": "dimension",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "2rem",
-          "type": "dimension"
-        },
-        "name": "utrechtBlockquotePaddingInlineEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "blockquote",
-          "item": "padding-inline-end"
-        },
-        "path": [
-          "utrecht",
-          "blockquote",
-          "padding-inline-end"
-        ]
-      },
-      "padding-inline-start": {
-        "value": "2rem",
-        "type": "dimension",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "2rem",
-          "type": "dimension"
-        },
-        "name": "utrechtBlockquotePaddingInlineStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "blockquote",
-          "item": "padding-inline-start"
-        },
-        "path": [
-          "utrecht",
-          "blockquote",
-          "padding-inline-start"
-        ]
-      },
-      "row-gap": {
-        "value": "0.75rem",
-        "type": "dimension",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "0.75rem",
-          "type": "dimension"
-        },
-        "name": "utrechtBlockquoteRowGap",
-        "attributes": {
-          "category": "utrecht",
-          "type": "blockquote",
-          "item": "row-gap"
-        },
-        "path": [
-          "utrecht",
-          "blockquote",
-          "row-gap"
-        ]
-      },
-      "attribution": {
-        "color": {
-          "value": "#154273",
-          "type": "color",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#154273",
-            "type": "color"
-          },
-          "name": "utrechtBlockquoteAttributionColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "attribution",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "attribution",
-            "color"
-          ]
-        },
-        "font-size": {
-          "value": "1.25rem",
-          "type": "fontSizes",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "1.25rem",
-            "type": "fontSizes"
-          },
-          "name": "utrechtBlockquoteAttributionFontSize",
-          "attributes": {
-            "category": "utrecht",
-            "type": "blockquote",
-            "item": "attribution",
-            "subitem": "font-size"
-          },
-          "path": [
-            "utrecht",
-            "blockquote",
-            "attribution",
-            "font-size"
-          ]
-        }
-      }
-    },
-    "alert": {
-      "background-color": {
-        "type": "color",
-        "value": "#d9ebf7",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "color",
-          "value": "#d9ebf7"
-        },
-        "name": "utrechtAlertBackgroundColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "alert",
-          "item": "background-color"
+        "name": "utrechtAlertBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "alert",
+          "item": "background-color"
         },
         "path": [
           "utrecht",
@@ -11748,111 +10817,6 @@ module.exports = {
           "button-group",
           "margin-block-start"
         ]
-      },
-      "background-color": {
-        "type": "color",
-        "value": "transparent",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "color",
-          "value": "transparent"
-        },
-        "name": "utrechtButtonGroupBackgroundColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "button-group",
-          "item": "background-color"
-        },
-        "path": [
-          "utrecht",
-          "button-group",
-          "background-color"
-        ]
-      },
-      "column-gap": {
-        "type": "dimension",
-        "value": "0.5rem",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "dimension",
-          "value": "0.5rem"
-        },
-        "name": "utrechtButtonGroupColumnGap",
-        "attributes": {
-          "category": "utrecht",
-          "type": "button-group",
-          "item": "column-gap"
-        },
-        "path": [
-          "utrecht",
-          "button-group",
-          "column-gap"
-        ]
-      },
-      "padding-block-end": {
-        "type": "dimension",
-        "value": "0px",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "dimension",
-          "value": "0px"
-        },
-        "name": "utrechtButtonGroupPaddingBlockEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "button-group",
-          "item": "padding-block-end"
-        },
-        "path": [
-          "utrecht",
-          "button-group",
-          "padding-block-end"
-        ]
-      },
-      "padding-block-start": {
-        "type": "dimension",
-        "value": "0px",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "dimension",
-          "value": "0px"
-        },
-        "name": "utrechtButtonGroupPaddingBlockStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "button-group",
-          "item": "padding-block-start"
-        },
-        "path": [
-          "utrecht",
-          "button-group",
-          "padding-block-start"
-        ]
-      },
-      "row-gap": {
-        "type": "dimension",
-        "value": "0.5rem",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "dimension",
-          "value": "0.5rem"
-        },
-        "name": "utrechtButtonGroupRowGap",
-        "attributes": {
-          "category": "utrecht",
-          "type": "button-group",
-          "item": "row-gap"
-        },
-        "path": [
-          "utrecht",
-          "button-group",
-          "row-gap"
-        ]
       }
     },
     "breadcrumb-nav": {
@@ -13170,29 +12134,136 @@ module.exports = {
             "margin-block-start"
           ]
         },
-        "padding-inline-start": {
+        "padding-inline-start": {
+          "type": "dimension",
+          "value": "0.5rem",
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "dimension",
+            "value": "0.5rem"
+          },
+          "name": "utrechtOrderedListItemPaddingInlineStart",
+          "attributes": {
+            "category": "utrecht",
+            "type": "ordered-list",
+            "item": "item",
+            "subitem": "padding-inline-start"
+          },
+          "path": [
+            "utrecht",
+            "ordered-list",
+            "item",
+            "padding-inline-start"
+          ]
+        }
+      }
+    },
+    "action-group": {
+      "background-color": {
+        "type": "color",
+        "value": "transparent",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "color",
+          "value": "transparent"
+        },
+        "name": "utrechtActionGroupBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "action-group",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "action-group",
+          "background-color"
+        ]
+      },
+      "column-gap": {
+        "type": "dimension",
+        "value": "0.5rem",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "dimension",
+          "value": "0.5rem"
+        },
+        "name": "utrechtActionGroupColumnGap",
+        "attributes": {
+          "category": "utrecht",
+          "type": "action-group",
+          "item": "column-gap"
+        },
+        "path": [
+          "utrecht",
+          "action-group",
+          "column-gap"
+        ]
+      },
+      "padding-block-end": {
+        "type": "dimension",
+        "value": "0rem",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "dimension",
+          "value": "0rem"
+        },
+        "name": "utrechtActionGroupPaddingBlockEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "action-group",
+          "item": "padding-block-end"
+        },
+        "path": [
+          "utrecht",
+          "action-group",
+          "padding-block-end"
+        ]
+      },
+      "padding-block-start": {
+        "type": "dimension",
+        "value": "0rem",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "dimension",
+          "value": "0rem"
+        },
+        "name": "utrechtActionGroupPaddingBlockStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "action-group",
+          "item": "padding-block-start"
+        },
+        "path": [
+          "utrecht",
+          "action-group",
+          "padding-block-start"
+        ]
+      },
+      "row-gap": {
+        "type": "dimension",
+        "value": "0.5rem",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
           "type": "dimension",
-          "value": "0.5rem",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "dimension",
-            "value": "0.5rem"
-          },
-          "name": "utrechtOrderedListItemPaddingInlineStart",
-          "attributes": {
-            "category": "utrecht",
-            "type": "ordered-list",
-            "item": "item",
-            "subitem": "padding-inline-start"
-          },
-          "path": [
-            "utrecht",
-            "ordered-list",
-            "item",
-            "padding-inline-start"
-          ]
-        }
+          "value": "0.5rem"
+        },
+        "name": "utrechtActionGroupRowGap",
+        "attributes": {
+          "category": "utrecht",
+          "type": "action-group",
+          "item": "row-gap"
+        },
+        "path": [
+          "utrecht",
+          "action-group",
+          "row-gap"
+        ]
       }
     },
     "page-footer": {
@@ -14540,195 +13611,596 @@ module.exports = {
           "type": "color",
           "value": "#CBD5E1"
         },
-        "name": "utrechtSeparatorColor",
+        "name": "utrechtSeparatorColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "separator",
+          "item": "color"
+        },
+        "path": [
+          "utrecht",
+          "separator",
+          "color"
+        ]
+      },
+      "margin-block-end": {
+        "type": "dimension",
+        "value": "0.75rem",
+        "description": "[code-only]",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "dimension",
+          "value": "0.75rem",
+          "description": "[code-only]"
+        },
+        "name": "utrechtSeparatorMarginBlockEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "separator",
+          "item": "margin-block-end"
+        },
+        "path": [
+          "utrecht",
+          "separator",
+          "margin-block-end"
+        ]
+      },
+      "margin-block-start": {
+        "type": "dimension",
+        "value": "0.75rem",
+        "description": "[code-only]",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "dimension",
+          "value": "0.75rem",
+          "description": "[code-only]"
+        },
+        "name": "utrechtSeparatorMarginBlockStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "separator",
+          "item": "margin-block-start"
+        },
+        "path": [
+          "utrecht",
+          "separator",
+          "margin-block-start"
+        ]
+      }
+    },
+    "pre-heading": {
+      "color": {
+        "value": "#0F172A",
+        "type": "color",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#0F172A",
+          "type": "color"
+        },
+        "name": "utrechtPreHeadingColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "pre-heading",
+          "item": "color"
+        },
+        "path": [
+          "utrecht",
+          "pre-heading",
+          "color"
+        ]
+      },
+      "font-family": {
+        "value": "RijksSans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "RijksSans, Arial, Verdana, sans-serif",
+          "type": "fontFamilies"
+        },
+        "name": "utrechtPreHeadingFontFamily",
+        "attributes": {
+          "category": "utrecht",
+          "type": "pre-heading",
+          "item": "font-family"
+        },
+        "path": [
+          "utrecht",
+          "pre-heading",
+          "font-family"
+        ]
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": 700,
+          "type": "fontWeights"
+        },
+        "name": "utrechtPreHeadingFontWeight",
+        "attributes": {
+          "category": "utrecht",
+          "type": "pre-heading",
+          "item": "font-weight"
+        },
+        "path": [
+          "utrecht",
+          "pre-heading",
+          "font-weight"
+        ]
+      },
+      "line-height": {
+        "value": "125%",
+        "type": "lineHeights",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "125%",
+          "type": "lineHeights"
+        },
+        "name": "utrechtPreHeadingLineHeight",
+        "attributes": {
+          "category": "utrecht",
+          "type": "pre-heading",
+          "item": "line-height"
+        },
+        "path": [
+          "utrecht",
+          "pre-heading",
+          "line-height"
+        ]
+      },
+      "font-size": {
+        "value": "1rem",
+        "type": "fontSizes",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "1rem",
+          "type": "fontSizes"
+        },
+        "name": "utrechtPreHeadingFontSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "pre-heading",
+          "item": "font-size"
+        },
+        "path": [
+          "utrecht",
+          "pre-heading",
+          "font-size"
+        ]
+      }
+    },
+    "link": {
+      "color": {
+        "type": "color",
+        "value": "#01689b",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "color",
+          "value": "#01689b"
+        },
+        "name": "utrechtLinkColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "link",
+          "item": "color"
+        },
+        "path": [
+          "utrecht",
+          "link",
+          "color"
+        ]
+      },
+      "text-decoration-color": {
+        "value": "inherit",
+        "type": "color",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "inherit",
+          "type": "color"
+        },
+        "name": "utrechtLinkTextDecorationColor",
         "attributes": {
           "category": "utrecht",
-          "type": "separator",
-          "item": "color"
+          "type": "link",
+          "item": "text-decoration-color"
         },
         "path": [
           "utrecht",
-          "separator",
-          "color"
+          "link",
+          "text-decoration-color"
         ]
       },
-      "margin-block-end": {
+      "column-gap": {
         "type": "dimension",
-        "value": "0.75rem",
-        "description": "[code-only]",
+        "value": "0.25rem",
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
           "type": "dimension",
-          "value": "0.75rem",
-          "description": "[code-only]"
+          "value": "0.25rem"
         },
-        "name": "utrechtSeparatorMarginBlockEnd",
+        "name": "utrechtLinkColumnGap",
         "attributes": {
           "category": "utrecht",
-          "type": "separator",
-          "item": "margin-block-end"
+          "type": "link",
+          "item": "column-gap"
         },
         "path": [
           "utrecht",
-          "separator",
-          "margin-block-end"
+          "link",
+          "column-gap"
         ]
       },
-      "margin-block-start": {
-        "type": "dimension",
-        "value": "0.75rem",
-        "description": "[code-only]",
+      "text-decoration": {
+        "type": "textDecoration",
+        "value": "underline",
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "type": "dimension",
-          "value": "0.75rem",
-          "description": "[code-only]"
+          "type": "textDecoration",
+          "value": "underline"
         },
-        "name": "utrechtSeparatorMarginBlockStart",
+        "name": "utrechtLinkTextDecoration",
         "attributes": {
           "category": "utrecht",
-          "type": "separator",
-          "item": "margin-block-start"
+          "type": "link",
+          "item": "text-decoration"
         },
         "path": [
           "utrecht",
-          "separator",
-          "margin-block-start"
+          "link",
+          "text-decoration"
         ]
-      }
-    },
-    "pre-heading": {
-      "color": {
-        "value": "#0F172A",
-        "type": "color",
+      },
+      "text-decoration-thickness": {
+        "type": "other",
+        "value": "0.0625em",
+        "description": "[code-only]",
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "value": "#0F172A",
-          "type": "color"
+          "type": "other",
+          "value": "0.0625em",
+          "description": "[code-only]"
         },
-        "name": "utrechtPreHeadingColor",
+        "name": "utrechtLinkTextDecorationThickness",
         "attributes": {
           "category": "utrecht",
-          "type": "pre-heading",
-          "item": "color"
+          "type": "link",
+          "item": "text-decoration-thickness"
         },
         "path": [
           "utrecht",
-          "pre-heading",
-          "color"
+          "link",
+          "text-decoration-thickness"
         ]
       },
-      "font-family": {
-        "value": "RijksSans, Arial, Verdana, sans-serif",
-        "type": "fontFamilies",
+      "text-underline-offset": {
+        "type": "other",
+        "value": "0.125rem",
+        "description": "[code-only]",
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "value": "RijksSans, Arial, Verdana, sans-serif",
-          "type": "fontFamilies"
+          "type": "other",
+          "value": "0.125rem",
+          "description": "[code-only]"
         },
-        "name": "utrechtPreHeadingFontFamily",
+        "name": "utrechtLinkTextUnderlineOffset",
         "attributes": {
           "category": "utrecht",
-          "type": "pre-heading",
-          "item": "font-family"
+          "type": "link",
+          "item": "text-underline-offset"
         },
         "path": [
           "utrecht",
-          "pre-heading",
-          "font-family"
+          "link",
+          "text-underline-offset"
         ]
       },
-      "font-weight": {
-        "value": 700,
-        "type": "fontWeights",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": 700,
-          "type": "fontWeights"
-        },
-        "name": "utrechtPreHeadingFontWeight",
-        "attributes": {
-          "category": "utrecht",
-          "type": "pre-heading",
-          "item": "font-weight"
+      "icon": {
+        "size": {
+          "type": "dimension",
+          "value": "24px",
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "dimension",
+            "value": "24px"
+          },
+          "name": "utrechtLinkIconSize",
+          "attributes": {
+            "category": "utrecht",
+            "type": "link",
+            "item": "icon",
+            "subitem": "size"
+          },
+          "path": [
+            "utrecht",
+            "link",
+            "icon",
+            "size"
+          ]
+        }
+      },
+      "active": {
+        "color": {
+          "type": "color",
+          "value": "#163f5b",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "darken",
+                "value": "0.4",
+                "space": "lch",
+                "filePath": "src/generated/koop/tokens.json",
+                "isSource": true
+              }
+            }
+          },
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "color",
+            "value": "#163f5b",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "darken",
+                  "value": "0.4",
+                  "space": "lch",
+                  "filePath": "src/generated/koop/tokens.json",
+                  "isSource": true
+                }
+              }
+            }
+          },
+          "name": "utrechtLinkActiveColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "link",
+            "item": "active",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "link",
+            "active",
+            "color"
+          ]
+        }
+      },
+      "hover": {
+        "color": {
+          "type": "color",
+          "value": "#15496a",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "darken",
+                "value": "0.3",
+                "space": "lch",
+                "filePath": "src/generated/koop/tokens.json",
+                "isSource": true
+              }
+            }
+          },
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "color",
+            "value": "#15496a",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "darken",
+                  "value": "0.3",
+                  "space": "lch",
+                  "filePath": "src/generated/koop/tokens.json",
+                  "isSource": true
+                }
+              }
+            }
+          },
+          "name": "utrechtLinkHoverColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "link",
+            "item": "hover",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "link",
+            "hover",
+            "color"
+          ]
+        },
+        "text-decoration": {
+          "type": "textDecoration",
+          "value": "underline",
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "textDecoration",
+            "value": "underline"
+          },
+          "name": "utrechtLinkHoverTextDecoration",
+          "attributes": {
+            "category": "utrecht",
+            "type": "link",
+            "item": "hover",
+            "subitem": "text-decoration"
+          },
+          "path": [
+            "utrecht",
+            "link",
+            "hover",
+            "text-decoration"
+          ]
+        },
+        "text-decoration-thickness": {
+          "type": "other",
+          "value": "0.1875em",
+          "description": "[code-only]",
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "other",
+            "value": "0.1875em",
+            "description": "[code-only]"
+          },
+          "name": "utrechtLinkHoverTextDecorationThickness",
+          "attributes": {
+            "category": "utrecht",
+            "type": "link",
+            "item": "hover",
+            "subitem": "text-decoration-thickness"
+          },
+          "path": [
+            "utrecht",
+            "link",
+            "hover",
+            "text-decoration-thickness"
+          ]
+        }
+      },
+      "focus": {
+        "background-color": {
+          "type": "color",
+          "value": "transparent",
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "color",
+            "value": "transparent"
+          },
+          "name": "utrechtLinkFocusBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "link",
+            "item": "focus",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "link",
+            "focus",
+            "background-color"
+          ]
         },
-        "path": [
-          "utrecht",
-          "pre-heading",
-          "font-weight"
-        ]
+        "color": {
+          "type": "color",
+          "value": "#01689b",
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "color",
+            "value": "#01689b"
+          },
+          "name": "utrechtLinkFocusColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "link",
+            "item": "focus",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "link",
+            "focus",
+            "color"
+          ]
+        }
       },
-      "line-height": {
-        "value": "125%",
-        "type": "lineHeights",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "125%",
-          "type": "lineHeights"
-        },
-        "name": "utrechtPreHeadingLineHeight",
-        "attributes": {
-          "category": "utrecht",
-          "type": "pre-heading",
-          "item": "line-height"
+      "focus-visible": {
+        "text-decoration": {
+          "type": "textDecoration",
+          "value": "None",
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "textDecoration",
+            "value": "None"
+          },
+          "name": "utrechtLinkFocusVisibleTextDecoration",
+          "attributes": {
+            "category": "utrecht",
+            "type": "link",
+            "item": "focus-visible",
+            "subitem": "text-decoration"
+          },
+          "path": [
+            "utrecht",
+            "link",
+            "focus-visible",
+            "text-decoration"
+          ]
         },
-        "path": [
-          "utrecht",
-          "pre-heading",
-          "line-height"
-        ]
+        "text-decoration-thickness": {
+          "type": "other",
+          "value": "0.0625em",
+          "description": "[code-only]",
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "other",
+            "value": "0.0625em",
+            "description": "[code-only]"
+          },
+          "name": "utrechtLinkFocusVisibleTextDecorationThickness",
+          "attributes": {
+            "category": "utrecht",
+            "type": "link",
+            "item": "focus-visible",
+            "subitem": "text-decoration-thickness"
+          },
+          "path": [
+            "utrecht",
+            "link",
+            "focus-visible",
+            "text-decoration-thickness"
+          ]
+        }
       },
-      "font-size": {
-        "value": "1rem",
-        "type": "fontSizes",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "1rem",
-          "type": "fontSizes"
-        },
-        "name": "utrechtPreHeadingFontSize",
-        "attributes": {
-          "category": "utrecht",
-          "type": "pre-heading",
-          "item": "font-size"
-        },
-        "path": [
-          "utrecht",
-          "pre-heading",
-          "font-size"
-        ]
+      "visited": {
+        "color": {
+          "type": "color",
+          "value": "#01689b",
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "color",
+            "value": "#01689b"
+          },
+          "name": "utrechtLinkVisitedColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "link",
+            "item": "visited",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "link",
+            "visited",
+            "color"
+          ]
+        }
       }
     },
-    "link": {
+    "icon": {
       "color": {
-        "type": "color",
-        "value": "#01689b",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "color",
-          "value": "#01689b"
-        },
-        "name": "utrechtLinkColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "link",
-          "item": "color"
-        },
-        "path": [
-          "utrecht",
-          "link",
-          "color"
-        ]
-      },
-      "text-decoration-color": {
         "value": "inherit",
         "type": "color",
         "filePath": "src/generated/koop/tokens.json",
@@ -14737,729 +14209,676 @@ module.exports = {
           "value": "inherit",
           "type": "color"
         },
-        "name": "utrechtLinkTextDecorationColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "link",
-          "item": "text-decoration-color"
-        },
-        "path": [
-          "utrecht",
-          "link",
-          "text-decoration-color"
-        ]
-      },
-      "column-gap": {
-        "type": "dimension",
-        "value": "0.25rem",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "dimension",
-          "value": "0.25rem"
-        },
-        "name": "utrechtLinkColumnGap",
-        "attributes": {
-          "category": "utrecht",
-          "type": "link",
-          "item": "column-gap"
-        },
-        "path": [
-          "utrecht",
-          "link",
-          "column-gap"
-        ]
-      },
-      "text-decoration": {
-        "type": "textDecoration",
-        "value": "underline",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "textDecoration",
-          "value": "underline"
-        },
-        "name": "utrechtLinkTextDecoration",
+        "name": "utrechtIconColor",
         "attributes": {
           "category": "utrecht",
-          "type": "link",
-          "item": "text-decoration"
+          "type": "icon",
+          "item": "color"
         },
         "path": [
           "utrecht",
-          "link",
-          "text-decoration"
+          "icon",
+          "color"
         ]
       },
-      "text-decoration-thickness": {
-        "type": "other",
-        "value": "0.0625em",
-        "description": "[code-only]",
+      "size": {
+        "value": "24px",
+        "type": "sizing",
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "type": "other",
-          "value": "0.0625em",
-          "description": "[code-only]"
+          "value": "24px",
+          "type": "sizing"
         },
-        "name": "utrechtLinkTextDecorationThickness",
+        "name": "utrechtIconSize",
         "attributes": {
           "category": "utrecht",
-          "type": "link",
-          "item": "text-decoration-thickness"
+          "type": "icon",
+          "item": "size"
         },
         "path": [
           "utrecht",
-          "link",
-          "text-decoration-thickness"
+          "icon",
+          "size"
         ]
       },
-      "text-underline-offset": {
-        "type": "other",
-        "value": "0.125rem",
-        "description": "[code-only]",
+      "inset-block-start": {
+        "value": "0rem",
+        "type": "spacing",
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "type": "other",
-          "value": "0.125rem",
-          "description": "[code-only]"
+          "value": "0rem",
+          "type": "spacing"
         },
-        "name": "utrechtLinkTextUnderlineOffset",
+        "name": "utrechtIconInsetBlockStart",
         "attributes": {
           "category": "utrecht",
-          "type": "link",
-          "item": "text-underline-offset"
+          "type": "icon",
+          "item": "inset-block-start"
         },
         "path": [
           "utrecht",
-          "link",
-          "text-underline-offset"
+          "icon",
+          "inset-block-start"
         ]
-      },
-      "icon": {
-        "size": {
-          "type": "dimension",
-          "value": "24px",
+      }
+    },
+    "form-fieldset": {
+      "legend": {
+        "color": {
+          "value": "#0F172A",
+          "type": "color",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "type": "dimension",
-            "value": "24px"
+            "value": "#0F172A",
+            "type": "color"
           },
-          "name": "utrechtLinkIconSize",
+          "name": "utrechtFormFieldsetLegendColor",
           "attributes": {
             "category": "utrecht",
-            "type": "link",
-            "item": "icon",
-            "subitem": "size"
+            "type": "form-fieldset",
+            "item": "legend",
+            "subitem": "color"
           },
           "path": [
             "utrecht",
-            "link",
-            "icon",
-            "size"
+            "form-fieldset",
+            "legend",
+            "color"
           ]
-        }
-      },
-      "active": {
-        "color": {
-          "type": "color",
-          "value": "#163f5b",
-          "$extensions": {
-            "studio.tokens": {
-              "modify": {
-                "type": "darken",
-                "value": "0.4",
-                "space": "lch",
-                "filePath": "src/generated/koop/tokens.json",
-                "isSource": true
-              }
-            }
-          },
+        },
+        "font-family": {
+          "value": "RijksSans, Arial, Verdana, sans-serif",
+          "type": "fontFamilies",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "type": "color",
-            "value": "#163f5b",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "darken",
-                  "value": "0.4",
-                  "space": "lch",
-                  "filePath": "src/generated/koop/tokens.json",
-                  "isSource": true
-                }
-              }
-            }
+            "value": "RijksSans, Arial, Verdana, sans-serif",
+            "type": "fontFamilies"
           },
-          "name": "utrechtLinkActiveColor",
+          "name": "utrechtFormFieldsetLegendFontFamily",
           "attributes": {
             "category": "utrecht",
-            "type": "link",
-            "item": "active",
-            "subitem": "color"
+            "type": "form-fieldset",
+            "item": "legend",
+            "subitem": "font-family"
           },
           "path": [
             "utrecht",
-            "link",
-            "active",
-            "color"
+            "form-fieldset",
+            "legend",
+            "font-family"
           ]
-        }
-      },
-      "hover": {
-        "color": {
-          "type": "color",
-          "value": "#15496a",
-          "$extensions": {
-            "studio.tokens": {
-              "modify": {
-                "type": "darken",
-                "value": "0.3",
-                "space": "lch",
-                "filePath": "src/generated/koop/tokens.json",
-                "isSource": true
-              }
-            }
-          },
+        },
+        "font-size": {
+          "value": "1.25rem",
+          "type": "fontSizes",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "type": "color",
-            "value": "#15496a",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "darken",
-                  "value": "0.3",
-                  "space": "lch",
-                  "filePath": "src/generated/koop/tokens.json",
-                  "isSource": true
-                }
-              }
-            }
+            "value": "1.25rem",
+            "type": "fontSizes"
           },
-          "name": "utrechtLinkHoverColor",
+          "name": "utrechtFormFieldsetLegendFontSize",
           "attributes": {
             "category": "utrecht",
-            "type": "link",
-            "item": "hover",
-            "subitem": "color"
+            "type": "form-fieldset",
+            "item": "legend",
+            "subitem": "font-size"
           },
           "path": [
             "utrecht",
-            "link",
-            "hover",
-            "color"
+            "form-fieldset",
+            "legend",
+            "font-size"
           ]
         },
-        "text-decoration": {
-          "type": "textDecoration",
-          "value": "underline",
+        "font-weight": {
+          "value": 700,
+          "type": "fontWeights",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "type": "textDecoration",
-            "value": "underline"
+            "value": 700,
+            "type": "fontWeights"
           },
-          "name": "utrechtLinkHoverTextDecoration",
+          "name": "utrechtFormFieldsetLegendFontWeight",
           "attributes": {
             "category": "utrecht",
-            "type": "link",
-            "item": "hover",
-            "subitem": "text-decoration"
+            "type": "form-fieldset",
+            "item": "legend",
+            "subitem": "font-weight"
           },
           "path": [
             "utrecht",
-            "link",
-            "hover",
-            "text-decoration"
+            "form-fieldset",
+            "legend",
+            "font-weight"
           ]
         },
-        "text-decoration-thickness": {
-          "type": "other",
-          "value": "0.1875em",
-          "description": "[code-only]",
+        "line-height": {
+          "value": "150%",
+          "type": "lineHeights",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "type": "other",
-            "value": "0.1875em",
-            "description": "[code-only]"
+            "value": "150%",
+            "type": "lineHeights"
           },
-          "name": "utrechtLinkHoverTextDecorationThickness",
+          "name": "utrechtFormFieldsetLegendLineHeight",
           "attributes": {
             "category": "utrecht",
-            "type": "link",
-            "item": "hover",
-            "subitem": "text-decoration-thickness"
+            "type": "form-fieldset",
+            "item": "legend",
+            "subitem": "line-height"
           },
           "path": [
             "utrecht",
-            "link",
-            "hover",
-            "text-decoration-thickness"
+            "form-fieldset",
+            "legend",
+            "line-height"
           ]
+        },
+        "disabled": {
+          "color": {
+            "value": "#334155",
+            "type": "color",
+            "description": "Do not use a disabled state",
+            "filePath": "src/generated/koop/tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "#334155",
+              "type": "color",
+              "description": "Do not use a disabled state"
+            },
+            "name": "utrechtFormFieldsetLegendDisabledColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "form-fieldset",
+              "item": "legend",
+              "subitem": "disabled",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "form-fieldset",
+              "legend",
+              "disabled",
+              "color"
+            ]
+          }
         }
       },
-      "focus": {
+      "section": {
         "background-color": {
-          "type": "color",
           "value": "transparent",
+          "type": "color",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "type": "color",
-            "value": "transparent"
+            "value": "transparent",
+            "type": "color"
           },
-          "name": "utrechtLinkFocusBackgroundColor",
+          "name": "utrechtFormFieldsetSectionBackgroundColor",
           "attributes": {
             "category": "utrecht",
-            "type": "link",
-            "item": "focus",
+            "type": "form-fieldset",
+            "item": "section",
             "subitem": "background-color"
           },
           "path": [
             "utrecht",
-            "link",
-            "focus",
+            "form-fieldset",
+            "section",
             "background-color"
           ]
         },
         "color": {
+          "value": "#0F172A",
           "type": "color",
-          "value": "#01689b",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "type": "color",
-            "value": "#01689b"
+            "value": "#0F172A",
+            "type": "color"
           },
-          "name": "utrechtLinkFocusColor",
+          "name": "utrechtFormFieldsetSectionColor",
           "attributes": {
             "category": "utrecht",
-            "type": "link",
-            "item": "focus",
+            "type": "form-fieldset",
+            "item": "section",
             "subitem": "color"
           },
           "path": [
             "utrecht",
-            "link",
-            "focus",
+            "form-fieldset",
+            "section",
             "color"
           ]
         }
       },
-      "focus-visible": {
-        "text-decoration": {
-          "type": "textDecoration",
-          "value": "None",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "textDecoration",
-            "value": "None"
-          },
-          "name": "utrechtLinkFocusVisibleTextDecoration",
-          "attributes": {
-            "category": "utrecht",
-            "type": "link",
-            "item": "focus-visible",
-            "subitem": "text-decoration"
-          },
-          "path": [
-            "utrecht",
-            "link",
-            "focus-visible",
-            "text-decoration"
-          ]
+      "invalid": {
+        "border-inline-start": {
+          "color": {
+            "value": "#d52b1e",
+            "type": "color",
+            "filePath": "src/generated/koop/tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "#d52b1e",
+              "type": "color"
+            },
+            "name": "utrechtFormFieldsetInvalidBorderInlineStartColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "form-fieldset",
+              "item": "invalid",
+              "subitem": "border-inline-start",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "form-fieldset",
+              "invalid",
+              "border-inline-start",
+              "color"
+            ]
+          }
         },
-        "text-decoration-thickness": {
-          "type": "other",
-          "value": "0.0625em",
-          "description": "[code-only]",
+        "padding-inline-start": {
+          "value": "0rem",
+          "type": "spacing",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "type": "other",
-            "value": "0.0625em",
-            "description": "[code-only]"
+            "value": "0rem",
+            "type": "spacing"
           },
-          "name": "utrechtLinkFocusVisibleTextDecorationThickness",
+          "name": "utrechtFormFieldsetInvalidPaddingInlineStart",
           "attributes": {
             "category": "utrecht",
-            "type": "link",
-            "item": "focus-visible",
-            "subitem": "text-decoration-thickness"
+            "type": "form-fieldset",
+            "item": "invalid",
+            "subitem": "padding-inline-start"
           },
           "path": [
             "utrecht",
-            "link",
-            "focus-visible",
-            "text-decoration-thickness"
+            "form-fieldset",
+            "invalid",
+            "padding-inline-start"
           ]
-        }
-      },
-      "visited": {
-        "color": {
-          "type": "color",
-          "value": "#01689b",
+        },
+        "border-inline-start-width": {
+          "value": "0px",
+          "type": "borderWidth",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "type": "color",
-            "value": "#01689b"
+            "value": "0px",
+            "type": "borderWidth"
           },
-          "name": "utrechtLinkVisitedColor",
+          "name": "utrechtFormFieldsetInvalidBorderInlineStartWidth",
           "attributes": {
             "category": "utrecht",
-            "type": "link",
-            "item": "visited",
-            "subitem": "color"
+            "type": "form-fieldset",
+            "item": "invalid",
+            "subitem": "border-inline-start-width"
           },
           "path": [
             "utrecht",
-            "link",
-            "visited",
-            "color"
+            "form-fieldset",
+            "invalid",
+            "border-inline-start-width"
           ]
         }
       }
     },
-    "icon": {
+    "drawer": {
+      "max-inline-size": {
+        "value": "256px",
+        "type": "spacing",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "256px",
+          "type": "spacing"
+        },
+        "name": "utrechtDrawerMaxInlineSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "max-inline-size"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "max-inline-size"
+        ]
+      },
+      "z-index": {
+        "type": "dimension",
+        "value": 1,
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "dimension",
+          "value": 1
+        },
+        "name": "utrechtDrawerZIndex",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "z-index"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "z-index"
+        ]
+      },
+      "background-color": {
+        "value": "#fff",
+        "type": "color",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#fff",
+          "type": "color"
+        },
+        "name": "utrechtDrawerBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "background-color"
+        ]
+      },
+      "border-color": {
+        "value": "#64748B",
+        "type": "color",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#64748B",
+          "type": "color"
+        },
+        "name": "utrechtDrawerBorderColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "border-color"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "border-color"
+        ]
+      },
+      "border-width": {
+        "type": "dimension",
+        "value": "0px",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "dimension",
+          "value": "0px"
+        },
+        "name": "utrechtDrawerBorderWidth",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "border-width"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "border-width"
+        ]
+      },
       "color": {
-        "value": "inherit",
+        "value": "#0F172A",
         "type": "color",
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "value": "inherit",
-          "type": "color"
+          "value": "#0F172A",
+          "type": "color"
+        },
+        "name": "utrechtDrawerColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "color"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "color"
+        ]
+      },
+      "max-block-size": {
+        "value": "240px",
+        "type": "dimension",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "240px",
+          "type": "dimension"
+        },
+        "name": "utrechtDrawerMaxBlockSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "max-block-size"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "max-block-size"
+        ]
+      },
+      "padding-block-start": {
+        "value": "1rem",
+        "type": "spacing",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "1rem",
+          "type": "spacing"
+        },
+        "name": "utrechtDrawerPaddingBlockStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "padding-block-start"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "padding-block-start"
+        ]
+      },
+      "padding-block-end": {
+        "value": "1rem",
+        "type": "spacing",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "1rem",
+          "type": "spacing"
         },
-        "name": "utrechtIconColor",
+        "name": "utrechtDrawerPaddingBlockEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "icon",
-          "item": "color"
+          "type": "drawer",
+          "item": "padding-block-end"
         },
         "path": [
           "utrecht",
-          "icon",
-          "color"
+          "drawer",
+          "padding-block-end"
         ]
       },
-      "size": {
-        "value": "24px",
-        "type": "sizing",
+      "padding-inline-start": {
+        "value": "1rem",
+        "type": "spacing",
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "value": "24px",
-          "type": "sizing"
+          "value": "1rem",
+          "type": "spacing"
         },
-        "name": "utrechtIconSize",
+        "name": "utrechtDrawerPaddingInlineStart",
         "attributes": {
           "category": "utrecht",
-          "type": "icon",
-          "item": "size"
+          "type": "drawer",
+          "item": "padding-inline-start"
         },
         "path": [
           "utrecht",
-          "icon",
-          "size"
+          "drawer",
+          "padding-inline-start"
         ]
       },
-      "inset-block-start": {
-        "value": "0rem",
+      "padding-inline-end": {
+        "value": "1rem",
         "type": "spacing",
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "value": "0rem",
+          "value": "1rem",
           "type": "spacing"
         },
-        "name": "utrechtIconInsetBlockStart",
+        "name": "utrechtDrawerPaddingInlineEnd",
         "attributes": {
           "category": "utrecht",
-          "type": "icon",
-          "item": "inset-block-start"
+          "type": "drawer",
+          "item": "padding-inline-end"
         },
         "path": [
           "utrecht",
-          "icon",
-          "inset-block-start"
+          "drawer",
+          "padding-inline-end"
         ]
       }
     },
-    "form-fieldset": {
-      "legend": {
-        "color": {
-          "value": "#0F172A",
-          "type": "color",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#0F172A",
-            "type": "color"
-          },
-          "name": "utrechtFormFieldsetLegendColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "form-fieldset",
-            "item": "legend",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "form-fieldset",
-            "legend",
-            "color"
-          ]
-        },
-        "font-family": {
-          "value": "RijksSans, Arial, Verdana, sans-serif",
-          "type": "fontFamilies",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "RijksSans, Arial, Verdana, sans-serif",
-            "type": "fontFamilies"
-          },
-          "name": "utrechtFormFieldsetLegendFontFamily",
-          "attributes": {
-            "category": "utrecht",
-            "type": "form-fieldset",
-            "item": "legend",
-            "subitem": "font-family"
-          },
-          "path": [
-            "utrecht",
-            "form-fieldset",
-            "legend",
-            "font-family"
-          ]
+    "backdrop": {
+      "background-color": {
+        "value": "#0000004d",
+        "type": "color",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#0000004d",
+          "type": "color"
         },
-        "font-size": {
-          "value": "1.25rem",
-          "type": "fontSizes",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "1.25rem",
-            "type": "fontSizes"
-          },
-          "name": "utrechtFormFieldsetLegendFontSize",
-          "attributes": {
-            "category": "utrecht",
-            "type": "form-fieldset",
-            "item": "legend",
-            "subitem": "font-size"
-          },
-          "path": [
-            "utrecht",
-            "form-fieldset",
-            "legend",
-            "font-size"
-          ]
+        "name": "utrechtBackdropBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "backdrop",
+          "item": "background-color"
         },
-        "font-weight": {
-          "value": 700,
-          "type": "fontWeights",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": 700,
-            "type": "fontWeights"
-          },
-          "name": "utrechtFormFieldsetLegendFontWeight",
-          "attributes": {
-            "category": "utrecht",
-            "type": "form-fieldset",
-            "item": "legend",
-            "subitem": "font-weight"
-          },
-          "path": [
-            "utrecht",
-            "form-fieldset",
-            "legend",
-            "font-weight"
-          ]
+        "path": [
+          "utrecht",
+          "backdrop",
+          "background-color"
+        ]
+      },
+      "color": {
+        "value": "#0F172A",
+        "type": "color",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#0F172A",
+          "type": "color"
         },
-        "line-height": {
-          "value": "150%",
-          "type": "lineHeights",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "150%",
-            "type": "lineHeights"
-          },
-          "name": "utrechtFormFieldsetLegendLineHeight",
-          "attributes": {
-            "category": "utrecht",
-            "type": "form-fieldset",
-            "item": "legend",
-            "subitem": "line-height"
-          },
-          "path": [
-            "utrecht",
-            "form-fieldset",
-            "legend",
-            "line-height"
-          ]
+        "name": "utrechtBackdropColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "backdrop",
+          "item": "color"
         },
-        "disabled": {
-          "color": {
-            "value": "#334155",
-            "type": "color",
-            "description": "Do not use a disabled state",
-            "filePath": "src/generated/koop/tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "#334155",
-              "type": "color",
-              "description": "Do not use a disabled state"
-            },
-            "name": "utrechtFormFieldsetLegendDisabledColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "form-fieldset",
-              "item": "legend",
-              "subitem": "disabled",
-              "state": "color"
-            },
-            "path": [
-              "utrecht",
-              "form-fieldset",
-              "legend",
-              "disabled",
-              "color"
-            ]
-          }
-        }
+        "path": [
+          "utrecht",
+          "backdrop",
+          "color"
+        ]
       },
-      "section": {
-        "background-color": {
-          "value": "transparent",
-          "type": "color",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "name": "utrechtFormFieldsetSectionBackgroundColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "form-fieldset",
-            "item": "section",
-            "subitem": "background-color"
-          },
-          "path": [
-            "utrecht",
-            "form-fieldset",
-            "section",
-            "background-color"
-          ]
+      "opacity": {
+        "value": 0.8,
+        "type": "opacity",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": 0.8,
+          "type": "opacity"
+        },
+        "name": "utrechtBackdropOpacity",
+        "attributes": {
+          "category": "utrecht",
+          "type": "backdrop",
+          "item": "opacity"
         },
-        "color": {
-          "value": "#0F172A",
-          "type": "color",
+        "path": [
+          "utrecht",
+          "backdrop",
+          "opacity"
+        ]
+      },
+      "fade-in": {
+        "animation-duration": {
+          "value": "400ms",
+          "type": "other",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "value": "#0F172A",
-            "type": "color"
+            "value": "400ms",
+            "type": "other"
           },
-          "name": "utrechtFormFieldsetSectionColor",
+          "name": "utrechtBackdropFadeInAnimationDuration",
           "attributes": {
             "category": "utrecht",
-            "type": "form-fieldset",
-            "item": "section",
-            "subitem": "color"
+            "type": "backdrop",
+            "item": "fade-in",
+            "subitem": "animation-duration"
           },
           "path": [
             "utrecht",
-            "form-fieldset",
-            "section",
-            "color"
+            "backdrop",
+            "fade-in",
+            "animation-duration"
           ]
         }
       },
-      "invalid": {
-        "border-inline-start": {
-          "color": {
-            "value": "#d52b1e",
-            "type": "color",
-            "filePath": "src/generated/koop/tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "#d52b1e",
-              "type": "color"
-            },
-            "name": "utrechtFormFieldsetInvalidBorderInlineStartColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "form-fieldset",
-              "item": "invalid",
-              "subitem": "border-inline-start",
-              "state": "color"
-            },
-            "path": [
-              "utrecht",
-              "form-fieldset",
-              "invalid",
-              "border-inline-start",
-              "color"
-            ]
-          }
-        },
-        "padding-inline-start": {
-          "value": "0rem",
-          "type": "spacing",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "0rem",
-            "type": "spacing"
-          },
-          "name": "utrechtFormFieldsetInvalidPaddingInlineStart",
-          "attributes": {
-            "category": "utrecht",
-            "type": "form-fieldset",
-            "item": "invalid",
-            "subitem": "padding-inline-start"
-          },
-          "path": [
-            "utrecht",
-            "form-fieldset",
-            "invalid",
-            "padding-inline-start"
-          ]
-        },
-        "border-inline-start-width": {
-          "value": "0px",
-          "type": "borderWidth",
+      "reduced-transparency": {
+        "opacity": {
+          "value": 0.98,
+          "type": "opacity",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "value": "0px",
-            "type": "borderWidth"
+            "value": 0.98,
+            "type": "opacity"
           },
-          "name": "utrechtFormFieldsetInvalidBorderInlineStartWidth",
+          "name": "utrechtBackdropReducedTransparencyOpacity",
           "attributes": {
             "category": "utrecht",
-            "type": "form-fieldset",
-            "item": "invalid",
-            "subitem": "border-inline-start-width"
+            "type": "backdrop",
+            "item": "reduced-transparency",
+            "subitem": "opacity"
           },
           "path": [
             "utrecht",
-            "form-fieldset",
-            "invalid",
-            "border-inline-start-width"
+            "backdrop",
+            "reduced-transparency",
+            "opacity"
           ]
         }
       }
@@ -19210,92 +18629,280 @@ module.exports = {
             "font-weight"
           ]
         },
-        "line-height": {
-          "type": "lineHeights",
-          "value": "150%",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "type": "lineHeights",
-            "value": "150%"
-          },
-          "name": "nlHeadingLevel6LineHeight",
-          "attributes": {
-            "category": "nl",
-            "type": "heading",
-            "item": "level-6",
-            "subitem": "line-height"
-          },
-          "path": [
-            "nl",
-            "heading",
-            "level-6",
-            "line-height"
-          ]
+        "line-height": {
+          "type": "lineHeights",
+          "value": "150%",
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "lineHeights",
+            "value": "150%"
+          },
+          "name": "nlHeadingLevel6LineHeight",
+          "attributes": {
+            "category": "nl",
+            "type": "heading",
+            "item": "level-6",
+            "subitem": "line-height"
+          },
+          "path": [
+            "nl",
+            "heading",
+            "level-6",
+            "line-height"
+          ]
+        },
+        "margin-block-end": {
+          "description": "[code only]",
+          "type": "dimension",
+          "value": "0rem",
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "description": "[code only]",
+            "type": "dimension",
+            "value": "0rem"
+          },
+          "name": "nlHeadingLevel6MarginBlockEnd",
+          "attributes": {
+            "category": "nl",
+            "type": "heading",
+            "item": "level-6",
+            "subitem": "margin-block-end"
+          },
+          "path": [
+            "nl",
+            "heading",
+            "level-6",
+            "margin-block-end"
+          ]
+        },
+        "margin-block-start": {
+          "description": "[code only]",
+          "type": "dimension",
+          "value": "0rem",
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "description": "[code only]",
+            "type": "dimension",
+            "value": "0rem"
+          },
+          "name": "nlHeadingLevel6MarginBlockStart",
+          "attributes": {
+            "category": "nl",
+            "type": "heading",
+            "item": "level-6",
+            "subitem": "margin-block-start"
+          },
+          "path": [
+            "nl",
+            "heading",
+            "level-6",
+            "margin-block-start"
+          ]
+        }
+      }
+    }
+  },
+  "rhc": {
+    "blockquote": {
+      "margin-block-end": {
+        "value": "0rem",
+        "type": "dimension",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0rem",
+          "type": "dimension"
+        },
+        "name": "rhcBlockquoteMarginBlockEnd",
+        "attributes": {
+          "category": "rhc",
+          "type": "blockquote",
+          "item": "margin-block-end"
+        },
+        "path": [
+          "rhc",
+          "blockquote",
+          "margin-block-end"
+        ]
+      },
+      "margin-block-start": {
+        "value": "0rem",
+        "type": "dimension",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0rem",
+          "type": "dimension"
+        },
+        "name": "rhcBlockquoteMarginBlockStart",
+        "attributes": {
+          "category": "rhc",
+          "type": "blockquote",
+          "item": "margin-block-start"
+        },
+        "path": [
+          "rhc",
+          "blockquote",
+          "margin-block-start"
+        ]
+      },
+      "margin-inline-end": {
+        "value": "0rem",
+        "type": "dimension",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0rem",
+          "type": "dimension"
+        },
+        "name": "rhcBlockquoteMarginInlineEnd",
+        "attributes": {
+          "category": "rhc",
+          "type": "blockquote",
+          "item": "margin-inline-end"
+        },
+        "path": [
+          "rhc",
+          "blockquote",
+          "margin-inline-end"
+        ]
+      },
+      "margin-inline-start": {
+        "value": "0rem",
+        "type": "dimension",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0rem",
+          "type": "dimension"
+        },
+        "name": "rhcBlockquoteMarginInlineStart",
+        "attributes": {
+          "category": "rhc",
+          "type": "blockquote",
+          "item": "margin-inline-start"
+        },
+        "path": [
+          "rhc",
+          "blockquote",
+          "margin-inline-start"
+        ]
+      }
+    },
+    "data-badge-button": {
+      "column-gap": {
+        "value": "0.125rem",
+        "type": "dimension",
+        "filePath": "src/generated/koop/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0.125rem",
+          "type": "dimension"
+        },
+        "name": "rhcDataBadgeButtonColumnGap",
+        "attributes": {
+          "category": "rhc",
+          "type": "data-badge-button",
+          "item": "column-gap"
         },
-        "margin-block-end": {
-          "description": "[code only]",
-          "type": "dimension",
-          "value": "0rem",
+        "path": [
+          "rhc",
+          "data-badge-button",
+          "column-gap"
+        ]
+      },
+      "hover": {
+        "background-color": {
+          "value": "#154273",
+          "type": "color",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "description": "[code only]",
-            "type": "dimension",
-            "value": "0rem"
+            "value": "#154273",
+            "type": "color"
           },
-          "name": "nlHeadingLevel6MarginBlockEnd",
+          "name": "rhcDataBadgeButtonHoverBackgroundColor",
           "attributes": {
-            "category": "nl",
-            "type": "heading",
-            "item": "level-6",
-            "subitem": "margin-block-end"
+            "category": "rhc",
+            "type": "data-badge-button",
+            "item": "hover",
+            "subitem": "background-color"
           },
           "path": [
-            "nl",
-            "heading",
-            "level-6",
-            "margin-block-end"
+            "rhc",
+            "data-badge-button",
+            "hover",
+            "background-color"
           ]
         },
-        "margin-block-start": {
-          "description": "[code only]",
-          "type": "dimension",
-          "value": "0rem",
+        "color": {
+          "value": "#fff",
+          "type": "color",
           "filePath": "src/generated/koop/tokens.json",
           "isSource": true,
           "original": {
-            "description": "[code only]",
-            "type": "dimension",
-            "value": "0rem"
+            "value": "#fff",
+            "type": "color"
           },
-          "name": "nlHeadingLevel6MarginBlockStart",
+          "name": "rhcDataBadgeButtonHoverColor",
           "attributes": {
-            "category": "nl",
-            "type": "heading",
-            "item": "level-6",
-            "subitem": "margin-block-start"
+            "category": "rhc",
+            "type": "data-badge-button",
+            "item": "hover",
+            "subitem": "color"
           },
           "path": [
-            "nl",
-            "heading",
-            "level-6",
-            "margin-block-start"
+            "rhc",
+            "data-badge-button",
+            "hover",
+            "color"
           ]
         }
       }
-    }
-  },
-  "rhc": {
+    },
+    "breadcrumb-nav": {
+      "link": {
+        "current": {
+          "color": {
+            "type": "color",
+            "value": "#334155",
+            "filePath": "src/generated/koop/tokens.json",
+            "isSource": true,
+            "original": {
+              "type": "color",
+              "value": "#334155"
+            },
+            "name": "rhcBreadcrumbNavLinkCurrentColor",
+            "attributes": {
+              "category": "rhc",
+              "type": "breadcrumb-nav",
+              "item": "link",
+              "subitem": "current",
+              "state": "color"
+            },
+            "path": [
+              "rhc",
+              "breadcrumb-nav",
+              "link",
+              "current",
+              "color"
+            ]
+          }
+        }
+      }
+    },
     "keep": {
       "_comment": {
+        "value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
         "type": "other",
-        "value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "type": "other",
-          "value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote."
+          "value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
+          "type": "other"
         },
         "name": "rhcKeepComment",
         "attributes": {
@@ -19686,108 +19293,6 @@ module.exports = {
         }
       }
     },
-    "data-badge-button": {
-      "column-gap": {
-        "value": "0.125rem",
-        "type": "dimension",
-        "filePath": "src/generated/koop/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "0.125rem",
-          "type": "dimension"
-        },
-        "name": "rhcDataBadgeButtonColumnGap",
-        "attributes": {
-          "category": "rhc",
-          "type": "data-badge-button",
-          "item": "column-gap"
-        },
-        "path": [
-          "rhc",
-          "data-badge-button",
-          "column-gap"
-        ]
-      },
-      "hover": {
-        "background-color": {
-          "value": "#154273",
-          "type": "color",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#154273",
-            "type": "color"
-          },
-          "name": "rhcDataBadgeButtonHoverBackgroundColor",
-          "attributes": {
-            "category": "rhc",
-            "type": "data-badge-button",
-            "item": "hover",
-            "subitem": "background-color"
-          },
-          "path": [
-            "rhc",
-            "data-badge-button",
-            "hover",
-            "background-color"
-          ]
-        },
-        "color": {
-          "value": "#fff",
-          "type": "color",
-          "filePath": "src/generated/koop/tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "#fff",
-            "type": "color"
-          },
-          "name": "rhcDataBadgeButtonHoverColor",
-          "attributes": {
-            "category": "rhc",
-            "type": "data-badge-button",
-            "item": "hover",
-            "subitem": "color"
-          },
-          "path": [
-            "rhc",
-            "data-badge-button",
-            "hover",
-            "color"
-          ]
-        }
-      }
-    },
-    "breadcrumb-nav": {
-      "link": {
-        "current": {
-          "color": {
-            "type": "color",
-            "value": "#334155",
-            "filePath": "src/generated/koop/tokens.json",
-            "isSource": true,
-            "original": {
-              "type": "color",
-              "value": "#334155"
-            },
-            "name": "rhcBreadcrumbNavLinkCurrentColor",
-            "attributes": {
-              "category": "rhc",
-              "type": "breadcrumb-nav",
-              "item": "link",
-              "subitem": "current",
-              "state": "color"
-            },
-            "path": [
-              "rhc",
-              "breadcrumb-nav",
-              "link",
-              "current",
-              "color"
-            ]
-          }
-        }
-      }
-    },
     "rounded-corner": {
       "xs": {
         "border-radius": {
@@ -20350,6 +19855,29 @@ module.exports = {
             "link",
             "column-gap"
           ]
+        },
+        "font-size": {
+          "value": "1.25rem",
+          "type": "fontSizes",
+          "filePath": "src/generated/koop/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "1.25rem",
+            "type": "fontSizes"
+          },
+          "name": "rhcNavBarLinkFontSize",
+          "attributes": {
+            "category": "rhc",
+            "type": "nav-bar",
+            "item": "link",
+            "subitem": "font-size"
+          },
+          "path": [
+            "rhc",
+            "nav-bar",
+            "link",
+            "font-size"
+          ]
         }
       },
       "background-color": {
@@ -31444,12 +30972,12 @@ module.exports = {
         ]
       },
       "3-lint": {
-        "value": "1440px",
+        "value": "144px",
         "type": "dimension",
         "filePath": "src/generated/koop/tokens.json",
         "isSource": true,
         "original": {
-          "value": "1440px",
+          "value": "144px",
           "type": "dimension"
         },
         "name": "rhcSize3Lint",