@utrecht/design-tokens 2.4.0 → 2.5.0

package/dist/dark/list.mjs

@@ -2434,6 +2434,51 @@ export default [
       "box-shadow"
     ]
   },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/signalen/signalen.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.body.background-color}"
+    },
+    "name": "signalenModalDialogBackgroundColor",
+    "attributes": {},
+    "path": [
+      "signalen",
+      "modal-dialog",
+      "background-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/signalen/signalen.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.body.color}"
+    },
+    "name": "signalenModalDialogColor",
+    "attributes": {},
+    "path": [
+      "signalen",
+      "modal-dialog",
+      "color"
+    ]
+  },
+  {
+    "value": "4px",
+    "filePath": "src/component/signalen/signalen.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "4px"
+    },
+    "name": "signalenProgressBarBorderRadius",
+    "attributes": {},
+    "path": [
+      "signalen",
+      "progress-bar",
+      "border-radius"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -5202,6 +5247,153 @@ export default [
       "margin-inline-start"
     ]
   },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/body.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.white}"
+    },
+    "name": "utrechtBodyBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "body",
+      "background-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/utrecht/body.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.black}"
+    },
+    "name": "utrechtBodyColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "body",
+      "color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "*",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": true,
+      "studio.tokens": {
+        "originalType": "fontFamilies"
+      }
+    },
+    "type": "fontFamily",
+    "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+    "filePath": "src/component/utrecht/body.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "*",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": true,
+        "studio.tokens": {
+          "originalType": "fontFamilies"
+        }
+      },
+      "type": "fontFamily",
+      "value": "{utrecht.typography.sans-serif.font-family}"
+    },
+    "name": "utrechtBodyFontFamily",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "body",
+      "font-family"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": true,
+      "studio.tokens": {
+        "originalType": "fontSizes"
+      }
+    },
+    "type": "fontSize",
+    "value": "1rem",
+    "filePath": "src/component/utrecht/body.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": true,
+        "studio.tokens": {
+          "originalType": "fontSizes"
+        }
+      },
+      "type": "fontSize",
+      "value": "{utrecht.typography.scale.md.font-size}"
+    },
+    "name": "utrechtBodyFontSize",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "body",
+      "font-size"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": [
+          "<length>",
+          "<number>"
+        ],
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": true,
+      "studio.tokens": {
+        "originalType": "lineHeights"
+      }
+    },
+    "type": "lineHeight",
+    "value": "1.4",
+    "filePath": "src/component/utrecht/body.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": [
+            "<length>",
+            "<number>"
+          ],
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": true,
+        "studio.tokens": {
+          "originalType": "lineHeights"
+        }
+      },
+      "type": "lineHeight",
+      "value": "1.4"
+    },
+    "name": "utrechtBodyLineHeight",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "body",
+      "line-height"
+    ]
+  },
   {
     "value": "8px",
     "filePath": "src/common/utrecht/border.tokens.json",
@@ -16516,7 +16708,7 @@ export default [
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": true,
+      "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
         "originalType": "spacing"
       }
@@ -16531,7 +16723,7 @@ export default [
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": true,
+        "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
           "originalType": "spacing"
         }
@@ -16553,7 +16745,7 @@ export default [
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": true,
+      "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
         "originalType": "spacing"
       }
@@ -16568,7 +16760,7 @@ export default [
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": true,
+        "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
           "originalType": "spacing"
         }
@@ -16590,7 +16782,7 @@ export default [
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": true,
+      "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
         "originalType": "spacing"
       }
@@ -16605,7 +16797,7 @@ export default [
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": true,
+        "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
           "originalType": "spacing"
         }
@@ -16627,7 +16819,7 @@ export default [
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": true,
+      "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
         "originalType": "spacing"
       }
@@ -16642,7 +16834,7 @@ export default [
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": true,
+        "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
           "originalType": "spacing"
         }
@@ -18923,6 +19115,44 @@ export default [
       "size"
     ]
   },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": true,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "0.15em",
+    "filePath": "src/component/utrecht/link-list.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": true,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "0.15em"
+    },
+    "name": "utrechtLinkListIconInsetBlockStart",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "link-list",
+      "icon",
+      "inset-block-start"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -21232,122 +21462,60 @@ export default [
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
-        "syntax": "<color>",
+        "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": false
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "sizing"
+      }
     },
-    "type": "color",
-    "value": "hsl(0 0% 100%)",
+    "type": "dimension",
+    "value": "1184px",
     "filePath": "src/component/utrecht/nav-bar.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
         "nl.nldesignsystem.css.property": {
-          "syntax": "<color>",
+          "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": false
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "sizing"
+        }
       },
-      "type": "color",
-      "value": "{utrecht.color.white}"
+      "type": "dimension",
+      "value": "{utrecht.page.max-inline-size}"
     },
-    "name": "utrechtNavBarBackgroundColor",
+    "name": "utrechtNavBarContentMaxInlineSize",
     "attributes": {},
     "path": [
       "utrecht",
       "nav-bar",
-      "background-color"
+      "content",
+      "max-inline-size"
     ]
   },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
-        "syntax": "<color>",
+        "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": false
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
     },
-    "type": "color",
-    "value": "hsl(0 0% 0%)",
+    "type": "dimension",
+    "value": "8px",
     "filePath": "src/component/utrecht/nav-bar.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
         "nl.nldesignsystem.css.property": {
-          "syntax": "<color>",
-          "inherits": true
-        },
-        "nl.nldesignsystem.figma.supports-token": false
-      },
-      "type": "color",
-      "value": "{utrecht.color.black}"
-    },
-    "name": "utrechtNavBarColor",
-    "attributes": {},
-    "path": [
-      "utrecht",
-      "nav-bar",
-      "color"
-    ]
-  },
-  {
-    "$extensions": {
-      "nl.nldesignsystem.css.property": {
-        "syntax": "<length>",
-        "inherits": true
-      },
-      "nl.nldesignsystem.figma.supports-token": false,
-      "studio.tokens": {
-        "originalType": "sizing"
-      }
-    },
-    "type": "dimension",
-    "value": "1184px",
-    "filePath": "src/component/utrecht/nav-bar.tokens.json",
-    "isSource": true,
-    "original": {
-      "$extensions": {
-        "nl.nldesignsystem.css.property": {
-          "syntax": "<length>",
-          "inherits": true
-        },
-        "nl.nldesignsystem.figma.supports-token": false,
-        "studio.tokens": {
-          "originalType": "sizing"
-        }
-      },
-      "type": "dimension",
-      "value": "{utrecht.page.max-inline-size}"
-    },
-    "name": "utrechtNavBarContentMaxInlineSize",
-    "attributes": {},
-    "path": [
-      "utrecht",
-      "nav-bar",
-      "content",
-      "max-inline-size"
-    ]
-  },
-  {
-    "$extensions": {
-      "nl.nldesignsystem.css.property": {
-        "syntax": "<length>",
-        "inherits": true
-      },
-      "nl.nldesignsystem.figma.supports-token": false,
-      "studio.tokens": {
-        "originalType": "spacing"
-      }
-    },
-    "type": "dimension",
-    "value": "8px",
-    "filePath": "src/component/utrecht/nav-bar.tokens.json",
-    "isSource": true,
-    "original": {
-      "$extensions": {
-        "nl.nldesignsystem.css.property": {
-          "syntax": "<length>",
+          "syntax": "<length>",
           "inherits": true
         },
         "nl.nldesignsystem.figma.supports-token": false,
@@ -22071,27 +22239,480 @@ export default [
     "original": {
       "value": "{utrecht.color.grey.15}"
     },
-    "name": "utrechtPageBackgroundColor",
+    "name": "utrechtPageBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page",
+      "background-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.white}"
+    },
+    "name": "utrechtPageBodyContentBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "content",
+      "background-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.black}"
+    },
+    "name": "utrechtPageBodyContentColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "content",
+      "color"
+    ]
+  },
+  {
+    "value": "1184px",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "1184px"
+    },
+    "name": "utrechtPageBodyContentMaxInlineSize",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "content",
+      "max-inline-size"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "1em",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "1em"
+    },
+    "name": "utrechtPageBodyContentPaddingBlockEnd",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "content",
+      "padding-block-end"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "0",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "0"
+    },
+    "name": "utrechtPageBodyContentPaddingBlockStart",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "content",
+      "padding-block-start"
+    ]
+  },
+  {
+    "value": "2.4em",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "2.4em"
+    },
+    "name": "utrechtPageBodyContentPaddingInlineEnd",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "content",
+      "padding-inline-end"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "2em",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "2em"
+    },
+    "name": "utrechtPageBodyContentPaddingInlineStart",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "content",
+      "padding-inline-start"
+    ]
+  },
+  {
+    "value": "0",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0"
+    },
+    "name": "utrechtPageBodyPaddingBlockEnd",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "padding-block-end"
+    ]
+  },
+  {
+    "value": "0",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0"
+    },
+    "name": "utrechtPageBodyPaddingBlockStart",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "padding-block-start"
+    ]
+  },
+  {
+    "value": "0",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0"
+    },
+    "name": "utrechtPageBodyPaddingInlineEnd",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "padding-inline-end"
+    ]
+  },
+  {
+    "value": "0",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0"
+    },
+    "name": "utrechtPageBodyPaddingInlineStart",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "padding-inline-start"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 95%)",
+    "filePath": "src/dark/common/tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.grey.95}"
+    },
+    "name": "utrechtPageColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page",
+      "color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "2em",
+    "filePath": "src/component/utrecht/page-content.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "2em"
+    },
+    "name": "utrechtPageContentPaddingBlockEnd",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-content",
+      "padding-block-end"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "2em",
+    "filePath": "src/component/utrecht/page-content.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "2em"
+    },
+    "name": "utrechtPageContentPaddingBlockStart",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-content",
+      "padding-block-start"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 100% 40%)",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.red.40}"
+    },
+    "name": "utrechtPageFooterBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-footer",
+      "background-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<url> | *",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "other",
+    "value": "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<url> | *",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "other",
+      "value": "linear-gradient(45deg, {utrecht.color.red.40}, {utrecht.color.red.40} 50%, #d63433 50%);"
+    },
+    "name": "utrechtPageFooterBackgroundImage",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-footer",
+      "background-image"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.white}"
+    },
+    "name": "utrechtPageFooterColor",
     "attributes": {},
     "path": [
       "utrecht",
-      "page",
-      "background-color"
+      "page-footer",
+      "color"
     ]
   },
   {
-    "value": "hsl(0 0% 95%)",
-    "filePath": "src/dark/common/tokens.json",
+    "value": "1184px",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{utrecht.color.grey.95}"
+      "value": "1184px"
     },
-    "name": "utrechtPageColor",
+    "name": "utrechtPageFooterContentMaxInlineSize",
     "attributes": {},
     "path": [
       "utrecht",
-      "page",
-      "color"
+      "page-footer",
+      "content",
+      "max-inline-size"
     ]
   },
   {
@@ -22106,8 +22727,8 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "2em",
-    "filePath": "src/component/utrecht/page-content.tokens.json",
+    "value": "48px",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22121,13 +22742,14 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "2em"
+      "value": "{utrecht.space.block.3xl}"
     },
-    "name": "utrechtPageContentPaddingBlockEnd",
+    "name": "utrechtPageFooterContentPaddingBlockEnd",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-content",
+      "page-footer",
+      "content",
       "padding-block-end"
     ]
   },
@@ -22143,8 +22765,8 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "2em",
-    "filePath": "src/component/utrecht/page-content.tokens.json",
+    "value": "48px",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22158,76 +22780,63 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "2em"
+      "value": "{utrecht.space.block.3xl}"
     },
-    "name": "utrechtPageContentPaddingBlockStart",
+    "name": "utrechtPageFooterContentPaddingBlockStart",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-content",
+      "page-footer",
+      "content",
       "padding-block-start"
     ]
   },
   {
-    "$extensions": {
-      "nl.nldesignsystem.css.property": {
-        "syntax": "<color>",
-        "inherits": true
-      },
-      "nl.nldesignsystem.figma.supports-token": false
-    },
-    "type": "color",
-    "value": "hsl(0 100% 40%)",
+    "value": "28px",
     "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
-      "$extensions": {
-        "nl.nldesignsystem.css.property": {
-          "syntax": "<color>",
-          "inherits": true
-        },
-        "nl.nldesignsystem.figma.supports-token": false
-      },
-      "type": "color",
-      "value": "{utrecht.color.red.40}"
+      "value": "{utrecht.space.inline.2xl}"
     },
-    "name": "utrechtPageFooterBackgroundColor",
+    "name": "utrechtPageFooterContentPaddingInline",
     "attributes": {},
     "path": [
       "utrecht",
       "page-footer",
-      "background-color"
+      "content",
+      "padding-inline"
     ]
   },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
-        "syntax": "<url> | *",
+        "syntax": "<color>",
         "inherits": true
       },
       "nl.nldesignsystem.figma.supports-token": false
     },
-    "type": "other",
-    "value": "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);",
-    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "type": "color",
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
         "nl.nldesignsystem.css.property": {
-          "syntax": "<url> | *",
+          "syntax": "<color>",
           "inherits": true
         },
         "nl.nldesignsystem.figma.supports-token": false
       },
-      "type": "other",
-      "value": "linear-gradient(45deg, {utrecht.color.red.40}, {utrecht.color.red.40} 50%, #d63433 50%);"
+      "type": "color",
+      "value": "{utrecht.color.white}"
     },
-    "name": "utrechtPageFooterBackgroundImage",
+    "name": "utrechtPageHeaderContentBackgroundColor",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-footer",
-      "background-image"
+      "page-header",
+      "content",
+      "background-color"
     ]
   },
   {
@@ -22239,8 +22848,8 @@ export default [
       "nl.nldesignsystem.figma.supports-token": false
     },
     "type": "color",
-    "value": "hsl(0 0% 100%)",
-    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22251,16 +22860,33 @@ export default [
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.white}"
+      "value": "{utrecht.color.black}"
     },
-    "name": "utrechtPageFooterColor",
+    "name": "utrechtPageHeaderContentColor",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-footer",
+      "page-header",
+      "content",
       "color"
     ]
   },
+  {
+    "value": "1184px",
+    "filePath": "src/component/utrecht/page-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "1184px"
+    },
+    "name": "utrechtPageHeaderContentMaxInlineSize",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-header",
+      "content",
+      "max-inline-size"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -22273,8 +22899,8 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "48px",
-    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "value": "1em",
+    "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22288,13 +22914,14 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.block.3xl}"
+      "value": "1em"
     },
-    "name": "utrechtPageFooterPaddingBlockEnd",
+    "name": "utrechtPageHeaderContentPaddingBlockEnd",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-footer",
+      "page-header",
+      "content",
       "padding-block-end"
     ]
   },
@@ -22310,8 +22937,8 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "48px",
-    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "value": "1.8em",
+    "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22325,16 +22952,33 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.block.3xl}"
+      "value": "1.8em"
     },
-    "name": "utrechtPageFooterPaddingBlockStart",
+    "name": "utrechtPageHeaderContentPaddingBlockStart",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-footer",
+      "page-header",
+      "content",
       "padding-block-start"
     ]
   },
+  {
+    "value": "2em",
+    "filePath": "src/component/utrecht/page-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "2em"
+    },
+    "name": "utrechtPageHeaderContentPaddingInline",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-header",
+      "content",
+      "padding-inline"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -22347,8 +22991,9 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "28px",
-    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "value": "2.4em",
+    "$comment": "Legacy design token",
+    "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22362,13 +23007,15 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.inline.2xl}"
+      "value": "2.4em",
+      "$comment": "Legacy design token"
     },
-    "name": "utrechtPageFooterPaddingInlineEnd",
+    "name": "utrechtPageHeaderContentPaddingInlineEnd",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-footer",
+      "page-header",
+      "content",
       "padding-inline-end"
     ]
   },
@@ -22384,8 +23031,9 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "28px",
-    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "value": "2em",
+    "$comment": "Legacy design token",
+    "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22399,13 +23047,15 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.inline.2xl}"
+      "value": "2em",
+      "$comment": "Legacy design token"
     },
-    "name": "utrechtPageFooterPaddingInlineStart",
+    "name": "utrechtPageHeaderContentPaddingInlineStart",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-footer",
+      "page-header",
+      "content",
       "padding-inline-start"
     ]
   },
@@ -22421,7 +23071,7 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "1em",
+    "value": "0",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
@@ -22436,7 +23086,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "1em"
+      "value": "0"
     },
     "name": "utrechtPageHeaderPaddingBlockEnd",
     "attributes": {},
@@ -22458,7 +23108,7 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "1.8em",
+    "value": "0",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
@@ -22473,7 +23123,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "1.8em"
+      "value": "0"
     },
     "name": "utrechtPageHeaderPaddingBlockStart",
     "attributes": {},
@@ -22495,7 +23145,7 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "2.4em",
+    "value": "0",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
@@ -22510,7 +23160,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "2.4em"
+      "value": "0"
     },
     "name": "utrechtPageHeaderPaddingInlineEnd",
     "attributes": {},
@@ -22532,7 +23182,7 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "2em",
+    "value": "0",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
@@ -22547,7 +23197,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "2em"
+      "value": "0"
     },
     "name": "utrechtPageHeaderPaddingInlineStart",
     "attributes": {},
@@ -22699,11 +23349,11 @@ export default [
     ]
   },
   {
-    "value": "2em",
+    "value": "0",
     "filePath": "src/component/utrecht/page.tokens.json",
     "isSource": true,
     "original": {
-      "value": "2em"
+      "value": "0"
     },
     "name": "utrechtPagePaddingInlineEnd",
     "attributes": {},
@@ -22714,11 +23364,11 @@ export default [
     ]
   },
   {
-    "value": "2em",
+    "value": "0",
     "filePath": "src/component/utrecht/page.tokens.json",
     "isSource": true,
     "original": {
-      "value": "2em"
+      "value": "0"
     },
     "name": "utrechtPagePaddingInlineStart",
     "attributes": {},
@@ -24990,10 +25640,26 @@ export default [
     ]
   },
   {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": true
+    },
+    "type": "color",
     "value": "hsl(0 0% 100%)",
     "filePath": "src/component/utrecht/radio-button.tokens.json",
     "isSource": true,
     "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": true
+      },
+      "type": "color",
       "value": "{utrecht.color.white}"
     },
     "name": "utrechtRadioButtonColor",
@@ -25578,6 +26244,68 @@ export default [
       "margin-block-end"
     ]
   },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 95%)",
+    "filePath": "src/component/utrecht/root.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.grey.95}"
+    },
+    "name": "utrechtRootBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "root",
+      "background-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 10%)",
+    "filePath": "src/component/utrecht/root.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.grey.10}"
+    },
+    "name": "utrechtRootColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "root",
+      "color"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {