@utrecht/design-tokens 6.2.0 → 6.2.1

package/dist/list.json

@@ -23686,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}"
     },
@@ -23703,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}"
     },
@@ -23720,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}"
     },
@@ -23737,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}"
     },
@@ -23990,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}"
     },
@@ -24138,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}"
     },
@@ -24156,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}"
@@ -24186,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

@@ -23686,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}"
     },
@@ -23703,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}"
     },
@@ -23720,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}"
     },
@@ -23737,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}"
     },
@@ -23990,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}"
     },
@@ -24138,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}"
     },
@@ -24156,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}"
@@ -24186,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

@@ -629,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; }
@@ -636,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/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;
@@ -260,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;
@@ -278,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;
@@ -342,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;
@@ -890,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);