@utrecht/design-tokens 6.2.0 → 6.2.1

package/dist/tokens.cjs

@@ -10261,6 +10261,31 @@ module.exports = {
         },
       },
     },
+    textbox: {
+      "border-bottom-width": {
+        key: "{utrecht.textbox.border-bottom-width}",
+        $extensions: {
+          "nl.nldesignsystem.css-property-syntax": "<length>",
+          "nl.nldesignsystem.deprecated": true,
+        },
+        $type: "dimension",
+        $value: "3px",
+        filePath: "src/component/utrecht/textbox.tokens.json",
+        isSource: true,
+        original: {
+          $extensions: {
+            "nl.nldesignsystem.css-property-syntax": "<length>",
+            "nl.nldesignsystem.deprecated": true,
+          },
+          $type: "dimension",
+          $value: "3px",
+          key: "{utrecht.textbox.border-bottom-width}",
+        },
+        name: "border-bottom-width",
+        attributes: {},
+        path: ["utrecht", "textbox", "border-bottom-width"],
+      },
+    },
     "data-list": {
       "margin-block-end": {
         key: "{utrecht.data-list.margin-block-end}",
@@ -19076,6 +19101,98 @@ module.exports = {
       },
     },
     "page-body": {
+      "padding-block-start": {
+        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}",
+        },
+        name: "padding-block-start",
+        attributes: {},
+        path: ["utrecht", "page-body", "padding-block-start"],
+      },
+      "padding-block-end": {
+        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}",
+        },
+        name: "padding-block-end",
+        attributes: {},
+        path: ["utrecht", "page-body", "padding-block-end"],
+      },
+      "padding-inline-start": {
+        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}",
+        },
+        name: "padding-inline-start",
+        attributes: {},
+        path: ["utrecht", "page-body", "padding-inline-start"],
+      },
+      "padding-inline-end": {
+        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}",
+        },
+        name: "padding-inline-end",
+        attributes: {},
+        path: ["utrecht", "page-body", "padding-inline-end"],
+      },
       content: {
         "background-color": {
           key: "{utrecht.page-body.content.background-color}",
@@ -19229,58 +19346,6 @@ module.exports = {
           path: ["utrecht", "page-body", "content", "max-inline-size"],
         },
       },
-      "padding-inline-end": {
-        key: "{utrecht.page-body.padding-inline-end}",
-        $value: "0",
-        filePath: "src/component/utrecht/page-body.tokens.json",
-        isSource: true,
-        original: {
-          $value: "0",
-          key: "{utrecht.page-body.padding-inline-end}",
-        },
-        name: "padding-inline-end",
-        attributes: {},
-        path: ["utrecht", "page-body", "padding-inline-end"],
-      },
-      "padding-inline-start": {
-        key: "{utrecht.page-body.padding-inline-start}",
-        $value: "0",
-        filePath: "src/component/utrecht/page-body.tokens.json",
-        isSource: true,
-        original: {
-          $value: "0",
-          key: "{utrecht.page-body.padding-inline-start}",
-        },
-        name: "padding-inline-start",
-        attributes: {},
-        path: ["utrecht", "page-body", "padding-inline-start"],
-      },
-      "padding-block-end": {
-        key: "{utrecht.page-body.padding-block-end}",
-        $value: "0",
-        filePath: "src/component/utrecht/page-body.tokens.json",
-        isSource: true,
-        original: {
-          $value: "0",
-          key: "{utrecht.page-body.padding-block-end}",
-        },
-        name: "padding-block-end",
-        attributes: {},
-        path: ["utrecht", "page-body", "padding-block-end"],
-      },
-      "padding-block-start": {
-        key: "{utrecht.page-body.padding-block-start}",
-        $value: "0",
-        filePath: "src/component/utrecht/page-body.tokens.json",
-        isSource: true,
-        original: {
-          $value: "0",
-          key: "{utrecht.page-body.padding-block-start}",
-        },
-        name: "padding-block-start",
-        attributes: {},
-        path: ["utrecht", "page-body", "padding-block-start"],
-      },
     },
     "page-content": {
       "padding-block-start": {
@@ -19403,6 +19468,29 @@ module.exports = {
         path: ["utrecht", "page-footer", "background-image"],
       },
       content: {
+        "padding-inline": {
+          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}",
+          },
+          name: "padding-inline",
+          attributes: {},
+          path: ["utrecht", "page-footer", "content", "padding-inline"],
+        },
         "padding-block-end": {
           key: "{utrecht.page-footer.content.padding-block-end}",
           $extensions: {
@@ -19462,19 +19550,6 @@ module.exports = {
           attributes: {},
           path: ["utrecht", "page-footer", "content", "max-inline-size"],
         },
-        "padding-inline": {
-          key: "{utrecht.page-footer.content.padding-inline}",
-          $value: "28px",
-          filePath: "src/component/utrecht/page-footer.tokens.json",
-          isSource: true,
-          original: {
-            $value: "{utrecht.space.inline.2xl}",
-            key: "{utrecht.page-footer.content.padding-inline}",
-          },
-          name: "padding-inline",
-          attributes: {},
-          path: ["utrecht", "page-footer", "content", "padding-inline"],
-        },
       },
     },
     "page-header": {
@@ -19663,15 +19738,14 @@ module.exports = {
           attributes: {},
           path: ["utrecht", "page-header", "content", "padding-block-end"],
         },
-        "padding-inline-start": {
-          key: "{utrecht.page-header.content.padding-inline-start}",
+        "padding-inline": {
+          key: "{utrecht.page-header.content.padding-inline}",
           $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: {
@@ -19681,30 +19755,32 @@ module.exports = {
             },
             $type: "dimension",
             $value: "2em",
-            $comment: "Legacy design token",
-            key: "{utrecht.page-header.content.padding-inline-start}",
+            key: "{utrecht.page-header.content.padding-inline}",
           },
-          name: "padding-inline-start",
+          name: "padding-inline",
           attributes: {},
-          path: ["utrecht", "page-header", "content", "padding-inline-start"],
+          path: ["utrecht", "page-header", "content", "padding-inline"],
+        },
+        "max-inline-size": {
+          key: "{utrecht.page-header.content.max-inline-size}",
+          $value: "1184px",
+          filePath: "src/component/utrecht/page-header.tokens.json",
+          isSource: true,
+          original: {
+            $value: "1184px",
+            key: "{utrecht.page-header.content.max-inline-size}",
+          },
+          name: "max-inline-size",
+          attributes: {},
+          path: ["utrecht", "page-header", "content", "max-inline-size"],
         },
         "padding-inline-end": {
           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}",
@@ -19713,31 +19789,20 @@ module.exports = {
           attributes: {},
           path: ["utrecht", "page-header", "content", "padding-inline-end"],
         },
-        "max-inline-size": {
-          key: "{utrecht.page-header.content.max-inline-size}",
-          $value: "1184px",
-          filePath: "src/component/utrecht/page-header.tokens.json",
-          isSource: true,
-          original: {
-            $value: "1184px",
-            key: "{utrecht.page-header.content.max-inline-size}",
-          },
-          name: "max-inline-size",
-          attributes: {},
-          path: ["utrecht", "page-header", "content", "max-inline-size"],
-        },
-        "padding-inline": {
-          key: "{utrecht.page-header.content.padding-inline}",
+        "padding-inline-start": {
+          key: "{utrecht.page-header.content.padding-inline-start}",
           $value: "2em",
+          $comment: "Legacy design token",
           filePath: "src/component/utrecht/page-header.tokens.json",
           isSource: true,
           original: {
             $value: "2em",
-            key: "{utrecht.page-header.content.padding-inline}",
+            $comment: "Legacy design token",
+            key: "{utrecht.page-header.content.padding-inline-start}",
           },
-          name: "padding-inline",
+          name: "padding-inline-start",
           attributes: {},
-          path: ["utrecht", "page-header", "content", "padding-inline"],
+          path: ["utrecht", "page-header", "content", "padding-inline-start"],
         },
       },
     },
@@ -24680,31 +24745,6 @@ module.exports = {
         path: ["utrecht", "textarea", "line-height"],
       },
     },
-    textbox: {
-      "border-bottom-width": {
-        key: "{utrecht.textbox.border-bottom-width}",
-        $extensions: {
-          "nl.nldesignsystem.css-property-syntax": "<length>",
-          "nl.nldesignsystem.deprecated": true,
-        },
-        $type: "dimension",
-        $value: "3px",
-        filePath: "src/component/utrecht/textbox.tokens.json",
-        isSource: true,
-        original: {
-          $extensions: {
-            "nl.nldesignsystem.css-property-syntax": "<length>",
-            "nl.nldesignsystem.deprecated": true,
-          },
-          $type: "dimension",
-          $value: "3px",
-          key: "{utrecht.textbox.border-bottom-width}",
-        },
-        name: "border-bottom-width",
-        attributes: {},
-        path: ["utrecht", "textbox", "border-bottom-width"],
-      },
-    },
     tooltip: {
       "background-color": {
         key: "{utrecht.tooltip.background-color}",

package/dist/tokens.d.ts

@@ -751,6 +751,9 @@ declare const tokens: {
         "5xl": DesignToken;
       };
     };
+    textbox: {
+      "border-bottom-width": DesignToken;
+    };
     "data-list": {
       "margin-block-end": DesignToken;
       "margin-block-start": DesignToken;
@@ -1414,6 +1417,10 @@ declare const tokens: {
       };
     };
     "page-body": {
+      "padding-block-start": DesignToken;
+      "padding-block-end": DesignToken;
+      "padding-inline-start": DesignToken;
+      "padding-inline-end": DesignToken;
       content: {
         "background-color": DesignToken;
         color: DesignToken;
@@ -1423,10 +1430,6 @@ declare const tokens: {
         "padding-inline-end": DesignToken;
         "max-inline-size": DesignToken;
       };
-      "padding-inline-end": DesignToken;
-      "padding-inline-start": DesignToken;
-      "padding-block-end": DesignToken;
-      "padding-block-start": DesignToken;
     };
     "page-content": {
       "padding-block-start": DesignToken;
@@ -1437,10 +1440,10 @@ declare const tokens: {
       "background-color": DesignToken;
       "background-image": DesignToken;
       content: {
+        "padding-inline": DesignToken;
         "padding-block-end": DesignToken;
         "padding-block-start": DesignToken;
         "max-inline-size": DesignToken;
-        "padding-inline": DesignToken;
       };
     };
     "page-header": {
@@ -1453,10 +1456,10 @@ declare const tokens: {
         color: DesignToken;
         "padding-block-start": DesignToken;
         "padding-block-end": DesignToken;
-        "padding-inline-start": DesignToken;
-        "padding-inline-end": DesignToken;
-        "max-inline-size": DesignToken;
         "padding-inline": DesignToken;
+        "max-inline-size": DesignToken;
+        "padding-inline-end": DesignToken;
+        "padding-inline-start": DesignToken;
       };
     };
     page: {
@@ -1817,9 +1820,6 @@ declare const tokens: {
       "border-bottom-width": DesignToken;
       "line-height": DesignToken;
     };
-    textbox: {
-      "border-bottom-width": DesignToken;
-    };
     tooltip: {
       "background-color": DesignToken;
       "border-color": DesignToken;