@utrecht/design-tokens 6.1.1 → 6.2.1

package/dist/dark/list.json

@@ -20472,7 +20472,7 @@
       "nl.nldesignsystem.figma-implementation": false
     },
     "$type": "color",
-    "$value": "hsl(0 0% 100%)",
+    "$value": "transparent",
     "filePath": "src/component/utrecht/nav-bar.tokens.json",
     "isSource": true,
     "original": {
@@ -20481,7 +20481,7 @@
         "nl.nldesignsystem.figma-implementation": false
       },
       "$type": "color",
-      "$value": "{utrecht.color.white}",
+      "$value": "transparent",
       "key": "{utrecht.nav-bar.background-color}"
     },
     "name": "utrechtNavBarBackgroundColor",
@@ -20499,7 +20499,7 @@
       "nl.nldesignsystem.figma-implementation": false
     },
     "$type": "color",
-    "$value": "hsl(0 0% 0%)",
+    "$value": "transparent",
     "filePath": "src/component/utrecht/nav-bar.tokens.json",
     "isSource": true,
     "original": {
@@ -20508,7 +20508,7 @@
         "nl.nldesignsystem.figma-implementation": false
       },
       "$type": "color",
-      "$value": "{utrecht.color.black}",
+      "$value": "transparent",
       "key": "{utrecht.nav-bar.color}"
     },
     "name": "utrechtNavBarColor",
@@ -20519,6 +20519,62 @@
       "color"
     ]
   },
+  {
+    "key": "{utrecht.nav-bar.content.background-color}",
+    "$extensions": {
+      "nl.nldesignsystem.css-property-syntax": "<color>",
+      "nl.nldesignsystem.figma-implementation": false
+    },
+    "$type": "color",
+    "$value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/nav-bar.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css-property-syntax": "<color>",
+        "nl.nldesignsystem.figma-implementation": false
+      },
+      "$type": "color",
+      "$value": "{utrecht.color.white}",
+      "key": "{utrecht.nav-bar.content.background-color}"
+    },
+    "name": "utrechtNavBarContentBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "nav-bar",
+      "content",
+      "background-color"
+    ]
+  },
+  {
+    "key": "{utrecht.nav-bar.content.color}",
+    "$extensions": {
+      "nl.nldesignsystem.css-property-syntax": "<color>",
+      "nl.nldesignsystem.figma-implementation": false
+    },
+    "$type": "color",
+    "$value": "hsl(0 0% 0%)",
+    "filePath": "src/component/utrecht/nav-bar.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css-property-syntax": "<color>",
+        "nl.nldesignsystem.figma-implementation": false
+      },
+      "$type": "color",
+      "$value": "{utrecht.color.black}",
+      "key": "{utrecht.nav-bar.content.color}"
+    },
+    "name": "utrechtNavBarContentColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "nav-bar",
+      "content",
+      "color"
+    ]
+  },
   {
     "key": "{utrecht.nav-bar.content.max-inline-size}",
     "$extensions": {
@@ -22957,10 +23013,20 @@
   },
   {
     "key": "{utrecht.page-body.padding-block-end}",
+    "$extensions": {
+      "nl.nldesignsystem.css-property-syntax": "<length>",
+      "nl.nldesignsystem.figma-implementation": false
+    },
+    "$type": "dimension",
     "$value": "0",
     "filePath": "src/component/utrecht/page-body.tokens.json",
     "isSource": true,
     "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css-property-syntax": "<length>",
+        "nl.nldesignsystem.figma-implementation": false
+      },
+      "$type": "dimension",
       "$value": "0",
       "key": "{utrecht.page-body.padding-block-end}"
     },
@@ -22974,10 +23040,20 @@
   },
   {
     "key": "{utrecht.page-body.padding-block-start}",
+    "$extensions": {
+      "nl.nldesignsystem.css-property-syntax": "<length>",
+      "nl.nldesignsystem.figma-implementation": false
+    },
+    "$type": "dimension",
     "$value": "0",
     "filePath": "src/component/utrecht/page-body.tokens.json",
     "isSource": true,
     "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css-property-syntax": "<length>",
+        "nl.nldesignsystem.figma-implementation": false
+      },
+      "$type": "dimension",
       "$value": "0",
       "key": "{utrecht.page-body.padding-block-start}"
     },
@@ -22991,10 +23067,20 @@
   },
   {
     "key": "{utrecht.page-body.padding-inline-end}",
+    "$extensions": {
+      "nl.nldesignsystem.css-property-syntax": "<length>",
+      "nl.nldesignsystem.figma-implementation": false
+    },
+    "$type": "dimension",
     "$value": "0",
     "filePath": "src/component/utrecht/page-body.tokens.json",
     "isSource": true,
     "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css-property-syntax": "<length>",
+        "nl.nldesignsystem.figma-implementation": false
+      },
+      "$type": "dimension",
       "$value": "0",
       "key": "{utrecht.page-body.padding-inline-end}"
     },
@@ -23008,10 +23094,20 @@
   },
   {
     "key": "{utrecht.page-body.padding-inline-start}",
+    "$extensions": {
+      "nl.nldesignsystem.css-property-syntax": "<length>",
+      "nl.nldesignsystem.figma-implementation": false
+    },
+    "$type": "dimension",
     "$value": "0",
     "filePath": "src/component/utrecht/page-body.tokens.json",
     "isSource": true,
     "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css-property-syntax": "<length>",
+        "nl.nldesignsystem.figma-implementation": false
+      },
+      "$type": "dimension",
       "$value": "0",
       "key": "{utrecht.page-body.padding-inline-start}"
     },
@@ -23251,10 +23347,20 @@
   },
   {
     "key": "{utrecht.page-footer.content.padding-inline}",
+    "$extensions": {
+      "nl.nldesignsystem.css-property-syntax": "<length>",
+      "nl.nldesignsystem.figma-implementation": false
+    },
+    "$type": "dimension",
     "$value": "28px",
     "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css-property-syntax": "<length>",
+        "nl.nldesignsystem.figma-implementation": false
+      },
+      "$type": "dimension",
       "$value": "{utrecht.space.inline.2xl}",
       "key": "{utrecht.page-footer.content.padding-inline}"
     },
@@ -23399,10 +23505,20 @@
   },
   {
     "key": "{utrecht.page-header.content.padding-inline}",
+    "$extensions": {
+      "nl.nldesignsystem.css-property-syntax": "<length>",
+      "nl.nldesignsystem.figma-implementation": false
+    },
+    "$type": "dimension",
     "$value": "2em",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css-property-syntax": "<length>",
+        "nl.nldesignsystem.figma-implementation": false
+      },
+      "$type": "dimension",
       "$value": "2em",
       "key": "{utrecht.page-header.content.padding-inline}"
     },
@@ -23417,21 +23533,11 @@
   },
   {
     "key": "{utrecht.page-header.content.padding-inline-end}",
-    "$extensions": {
-      "nl.nldesignsystem.css-property-syntax": "<length>",
-      "nl.nldesignsystem.figma-implementation": false
-    },
-    "$type": "dimension",
     "$value": "2.4em",
     "$comment": "Legacy design token",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
-      "$extensions": {
-        "nl.nldesignsystem.css-property-syntax": "<length>",
-        "nl.nldesignsystem.figma-implementation": false
-      },
-      "$type": "dimension",
       "$value": "2.4em",
       "$comment": "Legacy design token",
       "key": "{utrecht.page-header.content.padding-inline-end}"
@@ -23447,21 +23553,11 @@
   },
   {
     "key": "{utrecht.page-header.content.padding-inline-start}",
-    "$extensions": {
-      "nl.nldesignsystem.css-property-syntax": "<length>",
-      "nl.nldesignsystem.figma-implementation": false
-    },
-    "$type": "dimension",
     "$value": "2em",
     "$comment": "Legacy design token",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
-      "$extensions": {
-        "nl.nldesignsystem.css-property-syntax": "<length>",
-        "nl.nldesignsystem.figma-implementation": false
-      },
-      "$type": "dimension",
       "$value": "2em",
       "$comment": "Legacy design token",
       "key": "{utrecht.page-header.content.padding-inline-start}"

package/dist/dark/list.mjs

@@ -20472,7 +20472,7 @@ export default [
       "nl.nldesignsystem.figma-implementation": false
     },
     "$type": "color",
-    "$value": "hsl(0 0% 100%)",
+    "$value": "transparent",
     "filePath": "src/component/utrecht/nav-bar.tokens.json",
     "isSource": true,
     "original": {
@@ -20481,7 +20481,7 @@ export default [
         "nl.nldesignsystem.figma-implementation": false
       },
       "$type": "color",
-      "$value": "{utrecht.color.white}",
+      "$value": "transparent",
       "key": "{utrecht.nav-bar.background-color}"
     },
     "name": "utrechtNavBarBackgroundColor",
@@ -20499,7 +20499,7 @@ export default [
       "nl.nldesignsystem.figma-implementation": false
     },
     "$type": "color",
-    "$value": "hsl(0 0% 0%)",
+    "$value": "transparent",
     "filePath": "src/component/utrecht/nav-bar.tokens.json",
     "isSource": true,
     "original": {
@@ -20508,7 +20508,7 @@ export default [
         "nl.nldesignsystem.figma-implementation": false
       },
       "$type": "color",
-      "$value": "{utrecht.color.black}",
+      "$value": "transparent",
       "key": "{utrecht.nav-bar.color}"
     },
     "name": "utrechtNavBarColor",
@@ -20519,6 +20519,62 @@ export default [
       "color"
     ]
   },
+  {
+    "key": "{utrecht.nav-bar.content.background-color}",
+    "$extensions": {
+      "nl.nldesignsystem.css-property-syntax": "<color>",
+      "nl.nldesignsystem.figma-implementation": false
+    },
+    "$type": "color",
+    "$value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/nav-bar.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css-property-syntax": "<color>",
+        "nl.nldesignsystem.figma-implementation": false
+      },
+      "$type": "color",
+      "$value": "{utrecht.color.white}",
+      "key": "{utrecht.nav-bar.content.background-color}"
+    },
+    "name": "utrechtNavBarContentBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "nav-bar",
+      "content",
+      "background-color"
+    ]
+  },
+  {
+    "key": "{utrecht.nav-bar.content.color}",
+    "$extensions": {
+      "nl.nldesignsystem.css-property-syntax": "<color>",
+      "nl.nldesignsystem.figma-implementation": false
+    },
+    "$type": "color",
+    "$value": "hsl(0 0% 0%)",
+    "filePath": "src/component/utrecht/nav-bar.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css-property-syntax": "<color>",
+        "nl.nldesignsystem.figma-implementation": false
+      },
+      "$type": "color",
+      "$value": "{utrecht.color.black}",
+      "key": "{utrecht.nav-bar.content.color}"
+    },
+    "name": "utrechtNavBarContentColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "nav-bar",
+      "content",
+      "color"
+    ]
+  },
   {
     "key": "{utrecht.nav-bar.content.max-inline-size}",
     "$extensions": {
@@ -22957,10 +23013,20 @@ export default [
   },
   {
     "key": "{utrecht.page-body.padding-block-end}",
+    "$extensions": {
+      "nl.nldesignsystem.css-property-syntax": "<length>",
+      "nl.nldesignsystem.figma-implementation": false
+    },
+    "$type": "dimension",
     "$value": "0",
     "filePath": "src/component/utrecht/page-body.tokens.json",
     "isSource": true,
     "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css-property-syntax": "<length>",
+        "nl.nldesignsystem.figma-implementation": false
+      },
+      "$type": "dimension",
       "$value": "0",
       "key": "{utrecht.page-body.padding-block-end}"
     },
@@ -22974,10 +23040,20 @@ export default [
   },
   {
     "key": "{utrecht.page-body.padding-block-start}",
+    "$extensions": {
+      "nl.nldesignsystem.css-property-syntax": "<length>",
+      "nl.nldesignsystem.figma-implementation": false
+    },
+    "$type": "dimension",
     "$value": "0",
     "filePath": "src/component/utrecht/page-body.tokens.json",
     "isSource": true,
     "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css-property-syntax": "<length>",
+        "nl.nldesignsystem.figma-implementation": false
+      },
+      "$type": "dimension",
       "$value": "0",
       "key": "{utrecht.page-body.padding-block-start}"
     },
@@ -22991,10 +23067,20 @@ export default [
   },
   {
     "key": "{utrecht.page-body.padding-inline-end}",
+    "$extensions": {
+      "nl.nldesignsystem.css-property-syntax": "<length>",
+      "nl.nldesignsystem.figma-implementation": false
+    },
+    "$type": "dimension",
     "$value": "0",
     "filePath": "src/component/utrecht/page-body.tokens.json",
     "isSource": true,
     "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css-property-syntax": "<length>",
+        "nl.nldesignsystem.figma-implementation": false
+      },
+      "$type": "dimension",
       "$value": "0",
       "key": "{utrecht.page-body.padding-inline-end}"
     },
@@ -23008,10 +23094,20 @@ export default [
   },
   {
     "key": "{utrecht.page-body.padding-inline-start}",
+    "$extensions": {
+      "nl.nldesignsystem.css-property-syntax": "<length>",
+      "nl.nldesignsystem.figma-implementation": false
+    },
+    "$type": "dimension",
     "$value": "0",
     "filePath": "src/component/utrecht/page-body.tokens.json",
     "isSource": true,
     "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css-property-syntax": "<length>",
+        "nl.nldesignsystem.figma-implementation": false
+      },
+      "$type": "dimension",
       "$value": "0",
       "key": "{utrecht.page-body.padding-inline-start}"
     },
@@ -23251,10 +23347,20 @@ export default [
   },
   {
     "key": "{utrecht.page-footer.content.padding-inline}",
+    "$extensions": {
+      "nl.nldesignsystem.css-property-syntax": "<length>",
+      "nl.nldesignsystem.figma-implementation": false
+    },
+    "$type": "dimension",
     "$value": "28px",
     "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css-property-syntax": "<length>",
+        "nl.nldesignsystem.figma-implementation": false
+      },
+      "$type": "dimension",
       "$value": "{utrecht.space.inline.2xl}",
       "key": "{utrecht.page-footer.content.padding-inline}"
     },
@@ -23399,10 +23505,20 @@ export default [
   },
   {
     "key": "{utrecht.page-header.content.padding-inline}",
+    "$extensions": {
+      "nl.nldesignsystem.css-property-syntax": "<length>",
+      "nl.nldesignsystem.figma-implementation": false
+    },
+    "$type": "dimension",
     "$value": "2em",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css-property-syntax": "<length>",
+        "nl.nldesignsystem.figma-implementation": false
+      },
+      "$type": "dimension",
       "$value": "2em",
       "key": "{utrecht.page-header.content.padding-inline}"
     },
@@ -23417,21 +23533,11 @@ export default [
   },
   {
     "key": "{utrecht.page-header.content.padding-inline-end}",
-    "$extensions": {
-      "nl.nldesignsystem.css-property-syntax": "<length>",
-      "nl.nldesignsystem.figma-implementation": false
-    },
-    "$type": "dimension",
     "$value": "2.4em",
     "$comment": "Legacy design token",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
-      "$extensions": {
-        "nl.nldesignsystem.css-property-syntax": "<length>",
-        "nl.nldesignsystem.figma-implementation": false
-      },
-      "$type": "dimension",
       "$value": "2.4em",
       "$comment": "Legacy design token",
       "key": "{utrecht.page-header.content.padding-inline-end}"
@@ -23447,21 +23553,11 @@ export default [
   },
   {
     "key": "{utrecht.page-header.content.padding-inline-start}",
-    "$extensions": {
-      "nl.nldesignsystem.css-property-syntax": "<length>",
-      "nl.nldesignsystem.figma-implementation": false
-    },
-    "$type": "dimension",
     "$value": "2em",
     "$comment": "Legacy design token",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
-      "$extensions": {
-        "nl.nldesignsystem.css-property-syntax": "<length>",
-        "nl.nldesignsystem.figma-implementation": false
-      },
-      "$type": "dimension",
       "$value": "2em",
       "$comment": "Legacy design token",
       "key": "{utrecht.page-header.content.padding-inline-start}"

package/dist/dark/property.css

@@ -490,6 +490,8 @@
 @property --utrecht-mark-color { syntax: '<color>'; inherits: true; }
 @property --utrecht-nav-bar-background-color { syntax: '<color>'; inherits: true; }
 @property --utrecht-nav-bar-color { syntax: '<color>'; inherits: true; }
+@property --utrecht-nav-bar-content-background-color { syntax: '<color>'; inherits: true; }
+@property --utrecht-nav-bar-content-color { syntax: '<color>'; inherits: true; }
 @property --utrecht-nav-bar-content-max-inline-size { syntax: '<length>'; inherits: true; }
 @property --utrecht-nav-bar-link-padding-block-end { syntax: '<length>'; inherits: true; }
 @property --utrecht-nav-bar-link-padding-block-start { syntax: '<length>'; inherits: true; }
@@ -567,18 +569,22 @@
 @property --utrecht-page-body-content-padding-block-start { syntax: '<length>'; inherits: true; }
 @property --utrecht-page-body-content-padding-inline-end { syntax: '<length>'; inherits: true; }
 @property --utrecht-page-body-content-padding-inline-start { syntax: '<length>'; inherits: true; }
+@property --utrecht-page-body-padding-block-end { syntax: '<length>'; inherits: true; }
+@property --utrecht-page-body-padding-block-start { syntax: '<length>'; inherits: true; }
+@property --utrecht-page-body-padding-inline-end { syntax: '<length>'; inherits: true; }
+@property --utrecht-page-body-padding-inline-start { syntax: '<length>'; inherits: true; }
 @property --utrecht-page-content-padding-block-end { syntax: '<length>'; inherits: true; }
 @property --utrecht-page-content-padding-block-start { syntax: '<length>'; inherits: true; }
 @property --utrecht-page-footer-background-color { syntax: '<color>'; inherits: true; }
 @property --utrecht-page-footer-color { syntax: '<color>'; inherits: true; }
 @property --utrecht-page-footer-content-padding-block-end { syntax: '<length>'; inherits: true; }
 @property --utrecht-page-footer-content-padding-block-start { syntax: '<length>'; inherits: true; }
+@property --utrecht-page-footer-content-padding-inline { syntax: '<length>'; inherits: true; }
 @property --utrecht-page-header-content-background-color { syntax: '<color>'; inherits: true; }
 @property --utrecht-page-header-content-color { syntax: '<color>'; inherits: true; }
 @property --utrecht-page-header-content-padding-block-end { syntax: '<length>'; inherits: true; }
 @property --utrecht-page-header-content-padding-block-start { syntax: '<length>'; inherits: true; }
-@property --utrecht-page-header-content-padding-inline-end { syntax: '<length>'; inherits: true; }
-@property --utrecht-page-header-content-padding-inline-start { syntax: '<length>'; inherits: true; }
+@property --utrecht-page-header-content-padding-inline { syntax: '<length>'; inherits: true; }
 @property --utrecht-page-header-padding-block-end { syntax: '<length>'; inherits: true; }
 @property --utrecht-page-header-padding-block-start { syntax: '<length>'; inherits: true; }
 @property --utrecht-page-header-padding-inline-end { syntax: '<length>'; inherits: true; }

package/dist/dark/root.css

@@ -244,6 +244,8 @@
   --utrecht-mapcontrolbutton-focus-text-decoration: none;
   --utrecht-mapcontrolbutton-margin-inline-end: 0;
   --utrecht-mapcontrolbutton-margin-inline-start: 0;
+  --utrecht-nav-bar-background-color: transparent;
+  --utrecht-nav-bar-color: transparent;
   --utrecht-navigation-border-block-end-color: transparent;
   --utrecht-navigation-border-block-end-width: 0;
   --utrecht-navigation-border-block-start-color: transparent;
@@ -911,8 +913,8 @@
   --utrecht-mapcontrolbutton-padding-inline-start: var(--utrecht-space-inline-2xs);
   --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
   --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
-  --utrecht-nav-bar-background-color: var(--utrecht-color-white);
-  --utrecht-nav-bar-color: var(--utrecht-color-black);
+  --utrecht-nav-bar-content-background-color: var(--utrecht-color-white);
+  --utrecht-nav-bar-content-color: var(--utrecht-color-black);
   --utrecht-nav-bar-content-max-inline-size: var(--utrecht-page-max-inline-size);
   --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
   --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);

package/dist/dark/theme-prince-xml.css

@@ -141,6 +141,7 @@
   --utrecht-space-column-3xl: 32px; /** Extra Large 3 */
   --utrecht-space-column-4xl: 48px; /** Extra Large 4 */
   --utrecht-space-column-5xl: 64px; /** Extra Large 5 */
+  --utrecht-textbox-border-bottom-width: 3px;
   --utrecht-data-list-rows-column-min-inline-size: 25ch;
   --utrecht-data-list-rows-column-inline-size: 80%;
   --utrecht-document-line-height: 1.4;
@@ -225,6 +226,8 @@
   --utrecht-mapcontrolbutton-focus-text-decoration: none;
   --utrecht-mapcontrolbutton-margin-inline-end: 0;
   --utrecht-mapcontrolbutton-margin-inline-start: 0;
+  --utrecht-nav-bar-background-color: transparent;
+  --utrecht-nav-bar-color: transparent;
   --utrecht-topnav-link-focus-border-type: dotted;
   --utrecht-topnav-link-focus-text-decoration: none;
   --utrecht-navigation-border-block-end-color: transparent;
@@ -260,15 +263,15 @@
   --utrecht-ordered-list-item-margin-block-start: 0.25em;
   --utrecht-ordered-list-item-margin-block-end: 0.25em;
   --utrecht-ordered-list-item-padding-inline-start: 0;
+  --utrecht-page-body-padding-block-start: 0;
+  --utrecht-page-body-padding-block-end: 0;
+  --utrecht-page-body-padding-inline-start: 0;
+  --utrecht-page-body-padding-inline-end: 0;
   --utrecht-page-body-content-padding-block-start: 0;
   --utrecht-page-body-content-padding-block-end: 1em;
   --utrecht-page-body-content-padding-inline-start: 2em;
   --utrecht-page-body-content-padding-inline-end: 2.4em;
   --utrecht-page-body-content-max-inline-size: 1184px;
-  --utrecht-page-body-padding-inline-end: 0;
-  --utrecht-page-body-padding-inline-start: 0;
-  --utrecht-page-body-padding-block-end: 0;
-  --utrecht-page-body-padding-block-start: 0;
   --utrecht-page-content-padding-block-start: 2em;
   --utrecht-page-content-padding-block-end: 2em;
   --utrecht-page-footer-content-max-inline-size: 1184px;
@@ -278,10 +281,10 @@
   --utrecht-page-header-padding-inline-end: 0;
   --utrecht-page-header-content-padding-block-start: 1.8em;
   --utrecht-page-header-content-padding-block-end: 1em;
-  --utrecht-page-header-content-padding-inline-start: 2em;
-  --utrecht-page-header-content-padding-inline-end: 2.4em;
-  --utrecht-page-header-content-max-inline-size: 1184px;
   --utrecht-page-header-content-padding-inline: 2em;
+  --utrecht-page-header-content-max-inline-size: 1184px;
+  --utrecht-page-header-content-padding-inline-end: 2.4em;
+  --utrecht-page-header-content-padding-inline-start: 2em;
   --utrecht-page-margin-inline-start: 2em;
   --utrecht-page-margin-inline-end: 2em;
   --utrecht-page-max-inline-size: 1184px;
@@ -342,7 +345,6 @@
   --utrecht-table-cell-icon-size: 1em;
   --utrecht-textarea-border-block-end-width: 3px;
   --utrecht-textarea-border-bottom-width: 3px;
-  --utrecht-textbox-border-bottom-width: 3px;
   --utrecht-tooltip-border-radius: 0;
   --utrecht-tooltip-border-width: 1px;
   --utrecht-toptask-link-line-height: 1.2;
@@ -822,8 +824,8 @@
   --utrecht-mapcontrolbutton-padding-block-start: var(--utrecht-space-block-2xs);
   --utrecht-mapcontrolbutton-padding-inline-end: var(--utrecht-space-inline-2xs);
   --utrecht-mapcontrolbutton-padding-inline-start: var(--utrecht-space-inline-2xs);
-  --utrecht-nav-bar-background-color: var(--utrecht-color-white);
-  --utrecht-nav-bar-color: var(--utrecht-color-black);
+  --utrecht-nav-bar-content-background-color: var(--utrecht-color-white);
+  --utrecht-nav-bar-content-color: var(--utrecht-color-black);
   --utrecht-nav-bar-content-max-inline-size: var(--utrecht-page-max-inline-size);
   --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
   --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
@@ -887,9 +889,9 @@
   --utrecht-page-footer-color: var(--utrecht-color-white);
   --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
   --utrecht-page-footer-background-image: linear-gradient(45deg, var(--utrecht-color-red-40), var(--utrecht-color-red-40) 50%, #d63433 50%);;
+  --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
   --utrecht-page-footer-content-padding-block-end: var(--utrecht-space-block-3xl);
   --utrecht-page-footer-content-padding-block-start: var(--utrecht-space-block-3xl);
-  --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
   --utrecht-page-header-content-background-color: var(--utrecht-color-white);
   --utrecht-page-header-content-color: var(--utrecht-color-black);
   --utrecht-page-background-color: var(--utrecht-color-grey-15);