@utrecht/design-tokens 6.1.1 → 6.2.1

package/dist/list.json

@@ -21135,7 +21135,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": {
@@ -21144,7 +21144,7 @@
         "nl.nldesignsystem.figma-implementation": false
       },
       "$type": "color",
-      "$value": "{utrecht.color.white}",
+      "$value": "transparent",
       "key": "{utrecht.nav-bar.background-color}"
     },
     "name": "utrechtNavBarBackgroundColor",
@@ -21162,7 +21162,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": {
@@ -21171,7 +21171,7 @@
         "nl.nldesignsystem.figma-implementation": false
       },
       "$type": "color",
-      "$value": "{utrecht.color.black}",
+      "$value": "transparent",
       "key": "{utrecht.nav-bar.color}"
     },
     "name": "utrechtNavBarColor",
@@ -21182,6 +21182,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": {
@@ -23630,10 +23686,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}"
     },
@@ -23647,10 +23713,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}"
     },
@@ -23664,10 +23740,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}"
     },
@@ -23681,10 +23767,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}"
     },
@@ -23934,10 +24030,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}"
     },
@@ -24082,10 +24188,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}"
     },
@@ -24100,21 +24216,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}"
@@ -24130,21 +24236,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/list.mjs

@@ -21135,7 +21135,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": {
@@ -21144,7 +21144,7 @@ export default [
         "nl.nldesignsystem.figma-implementation": false
       },
       "$type": "color",
-      "$value": "{utrecht.color.white}",
+      "$value": "transparent",
       "key": "{utrecht.nav-bar.background-color}"
     },
     "name": "utrechtNavBarBackgroundColor",
@@ -21162,7 +21162,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": {
@@ -21171,7 +21171,7 @@ export default [
         "nl.nldesignsystem.figma-implementation": false
       },
       "$type": "color",
-      "$value": "{utrecht.color.black}",
+      "$value": "transparent",
       "key": "{utrecht.nav-bar.color}"
     },
     "name": "utrechtNavBarColor",
@@ -21182,6 +21182,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": {
@@ -23630,10 +23686,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}"
     },
@@ -23647,10 +23713,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}"
     },
@@ -23664,10 +23740,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}"
     },
@@ -23681,10 +23767,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}"
     },
@@ -23934,10 +24030,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}"
     },
@@ -24082,10 +24188,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}"
     },
@@ -24100,21 +24216,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}"
@@ -24130,21 +24236,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/property.css

@@ -549,6 +549,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; }
@@ -627,6 +629,10 @@
 @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-color { syntax: '<color>'; inherits: true; }
 @property --utrecht-page-content-padding-block-end { syntax: '<length>'; inherits: true; }
 @property --utrecht-page-content-padding-block-start { syntax: '<length>'; inherits: true; }
@@ -634,12 +640,12 @@
 @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/root.css

@@ -242,6 +242,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;
@@ -912,8 +914,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/theme-prince-xml.css

@@ -140,6 +140,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;
@@ -223,6 +224,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;
@@ -258,15 +261,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;
@@ -276,10 +279,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;
@@ -340,7 +343,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;
@@ -823,8 +825,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);
@@ -888,9 +890,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-white);