@utrecht/design-tokens 2.4.0 → 2.5.0

package/dist/index.json

@@ -2434,6 +2434,51 @@
       "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": {
@@ -5410,6 +5455,153 @@
       "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",
@@ -17373,7 +17565,7 @@
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": true,
+      "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
         "originalType": "spacing"
       }
@@ -17388,7 +17580,7 @@
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": true,
+        "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
           "originalType": "spacing"
         }
@@ -17410,7 +17602,7 @@
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": true,
+      "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
         "originalType": "spacing"
       }
@@ -17425,7 +17617,7 @@
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": true,
+        "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
           "originalType": "spacing"
         }
@@ -17447,7 +17639,7 @@
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": true,
+      "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
         "originalType": "spacing"
       }
@@ -17462,7 +17654,7 @@
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": true,
+        "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
           "originalType": "spacing"
         }
@@ -17484,7 +17676,7 @@
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": true,
+      "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
         "originalType": "spacing"
       }
@@ -17499,7 +17691,7 @@
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": true,
+        "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
           "originalType": "spacing"
         }
@@ -19954,6 +20146,44 @@
       "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": {
@@ -22285,122 +22515,60 @@
   {
     "$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,
@@ -23148,6 +23316,276 @@
       "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"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -23169,16 +23607,199 @@
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.black}"
+      "value": "{utrecht.color.black}"
+    },
+    "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": "utrechtPageColor",
+    "name": "utrechtPageFooterColor",
     "attributes": {},
     "path": [
       "utrecht",
-      "page",
+      "page-footer",
       "color"
     ]
   },
+  {
+    "value": "1184px",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "1184px"
+    },
+    "name": "utrechtPageFooterContentMaxInlineSize",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-footer",
+      "content",
+      "max-inline-size"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -23191,8 +23812,8 @@
       }
     },
     "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": {
@@ -23206,13 +23827,14 @@
         }
       },
       "type": "dimension",
-      "value": "2em"
+      "value": "{utrecht.space.block.3xl}"
     },
-    "name": "utrechtPageContentPaddingBlockEnd",
+    "name": "utrechtPageFooterContentPaddingBlockEnd",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-content",
+      "page-footer",
+      "content",
       "padding-block-end"
     ]
   },
@@ -23228,8 +23850,8 @@
       }
     },
     "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": {
@@ -23243,76 +23865,63 @@
         }
       },
       "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"
     ]
   },
   {
@@ -23324,8 +23933,8 @@
       "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": {
@@ -23336,16 +23945,33 @@
         "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": {
@@ -23358,8 +23984,8 @@
       }
     },
     "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": {
@@ -23373,13 +23999,14 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.block.3xl}"
+      "value": "1em"
     },
-    "name": "utrechtPageFooterPaddingBlockEnd",
+    "name": "utrechtPageHeaderContentPaddingBlockEnd",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-footer",
+      "page-header",
+      "content",
       "padding-block-end"
     ]
   },
@@ -23395,8 +24022,8 @@
       }
     },
     "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": {
@@ -23410,16 +24037,33 @@
         }
       },
       "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": {
@@ -23432,8 +24076,9 @@
       }
     },
     "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": {
@@ -23447,13 +24092,15 @@
         }
       },
       "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"
     ]
   },
@@ -23469,8 +24116,9 @@
       }
     },
     "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": {
@@ -23484,13 +24132,15 @@
         }
       },
       "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"
     ]
   },
@@ -23506,7 +24156,7 @@
       }
     },
     "type": "dimension",
-    "value": "1em",
+    "value": "0",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
@@ -23521,7 +24171,7 @@
         }
       },
       "type": "dimension",
-      "value": "1em"
+      "value": "0"
     },
     "name": "utrechtPageHeaderPaddingBlockEnd",
     "attributes": {},
@@ -23543,7 +24193,7 @@
       }
     },
     "type": "dimension",
-    "value": "1.8em",
+    "value": "0",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
@@ -23558,7 +24208,7 @@
         }
       },
       "type": "dimension",
-      "value": "1.8em"
+      "value": "0"
     },
     "name": "utrechtPageHeaderPaddingBlockStart",
     "attributes": {},
@@ -23580,7 +24230,7 @@
       }
     },
     "type": "dimension",
-    "value": "2.4em",
+    "value": "0",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
@@ -23595,7 +24245,7 @@
         }
       },
       "type": "dimension",
-      "value": "2.4em"
+      "value": "0"
     },
     "name": "utrechtPageHeaderPaddingInlineEnd",
     "attributes": {},
@@ -23617,7 +24267,7 @@
       }
     },
     "type": "dimension",
-    "value": "2em",
+    "value": "0",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
@@ -23632,7 +24282,7 @@
         }
       },
       "type": "dimension",
-      "value": "2em"
+      "value": "0"
     },
     "name": "utrechtPageHeaderPaddingInlineStart",
     "attributes": {},
@@ -23784,11 +24434,11 @@
     ]
   },
   {
-    "value": "2em",
+    "value": "0",
     "filePath": "src/component/utrecht/page.tokens.json",
     "isSource": true,
     "original": {
-      "value": "2em"
+      "value": "0"
     },
     "name": "utrechtPagePaddingInlineEnd",
     "attributes": {},
@@ -23799,11 +24449,11 @@
     ]
   },
   {
-    "value": "2em",
+    "value": "0",
     "filePath": "src/component/utrecht/page.tokens.json",
     "isSource": true,
     "original": {
-      "value": "2em"
+      "value": "0"
     },
     "name": "utrechtPagePaddingInlineStart",
     "attributes": {},
@@ -26075,10 +26725,26 @@
     ]
   },
   {
+    "$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",
@@ -26663,6 +27329,68 @@
       "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": {