@rijkshuisstijl-community/design-tokens 10.0.1 → 11.0.0

package/dist/uitvoerend-hemelblauw/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Mon, 15 Dec 2025 18:39:53 GMT
+ * Generated on Tue, 30 Dec 2025 09:35:45 GMT
  */
 
 module.exports = {
@@ -9167,175 +9167,246 @@ module.exports = {
       },
     },
     "navigation-list": {
-      icon: {
+      item: {
         "background-color": {
-          key: "{rhc.navigation-list.icon.background-color}",
+          key: "{rhc.navigation-list.item.background-color}",
           $type: "color",
-          $value: "#0f172a",
+          $value: "#ffffff",
           filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{rhc.color.foreground.default}",
-            key: "{rhc.navigation-list.icon.background-color}",
+            $value: "{rhc.color.bg-document}",
+            key: "{rhc.navigation-list.item.background-color}",
           },
-          name: "rhcNavigationListIconBackgroundColor",
+          name: "rhcNavigationListItemBackgroundColor",
           attributes: {
             category: "rhc",
             type: "navigation-list",
-            item: "icon",
+            item: "item",
             subitem: "background-color",
           },
-          path: ["rhc", "navigation-list", "icon", "background-color"],
+          path: ["rhc", "navigation-list", "item", "background-color"],
         },
-        "border-radius": {
-          key: "{rhc.navigation-list.icon.border-radius}",
+        "border-color": {
+          key: "{rhc.navigation-list.item.border-color}",
+          $type: "color",
+          $value: "#cbd5e1",
+          filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
+          isSource: true,
+          original: {
+            $type: "color",
+            $value: "{rhc.color.cool-grey.300}",
+            key: "{rhc.navigation-list.item.border-color}",
+          },
+          name: "rhcNavigationListItemBorderColor",
+          attributes: {
+            category: "rhc",
+            type: "navigation-list",
+            item: "item",
+            subitem: "border-color",
+          },
+          path: ["rhc", "navigation-list", "item", "border-color"],
+        },
+        "border-width": {
+          key: "{rhc.navigation-list.item.border-width}",
           $type: "dimension",
-          $value: "999px",
+          $value: "1px",
           filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
           isSource: true,
           original: {
             $type: "dimension",
-            $value: "{rhc.border-radius.round}",
-            key: "{rhc.navigation-list.icon.border-radius}",
+            $value: "{rhc.border-width.sm}",
+            key: "{rhc.navigation-list.item.border-width}",
           },
-          name: "rhcNavigationListIconBorderRadius",
+          name: "rhcNavigationListItemBorderWidth",
           attributes: {
             category: "rhc",
             type: "navigation-list",
-            item: "icon",
-            subitem: "border-radius",
+            item: "item",
+            subitem: "border-width",
           },
-          path: ["rhc", "navigation-list", "icon", "border-radius"],
+          path: ["rhc", "navigation-list", "item", "border-width"],
         },
-        color: {
-          key: "{rhc.navigation-list.icon.color}",
-          $type: "color",
-          $value: "#ffffff",
+        "column-gap": {
+          key: "{rhc.navigation-list.item.column-gap}",
+          $type: "dimension",
+          $value: "1rem",
           filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
           isSource: true,
           original: {
-            $type: "color",
-            $value: "{rhc.color.foreground.on-dark-color}",
-            key: "{rhc.navigation-list.icon.color}",
+            $type: "dimension",
+            $value: "{rhc.space.200}",
+            key: "{rhc.navigation-list.item.column-gap}",
           },
-          name: "rhcNavigationListIconColor",
+          name: "rhcNavigationListItemColumnGap",
           attributes: {
             category: "rhc",
             type: "navigation-list",
-            item: "icon",
-            subitem: "color",
+            item: "item",
+            subitem: "column-gap",
           },
-          path: ["rhc", "navigation-list", "icon", "color"],
+          path: ["rhc", "navigation-list", "item", "column-gap"],
         },
-      },
-      item: {
-        icon: {
-          "padding-inline": {
-            key: "{rhc.navigation-list.item.icon.padding-inline}",
+        "min-height": {
+          key: "{rhc.navigation-list.item.min-height}",
+          $type: "dimension",
+          $value: "48px",
+          filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
+          isSource: true,
+          original: {
             $type: "dimension",
-            $value: "0.5rem",
-            filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
-            isSource: true,
-            original: {
-              $type: "dimension",
-              $value: "{rhc.space.100}",
-              key: "{rhc.navigation-list.item.icon.padding-inline}",
-            },
-            name: "rhcNavigationListItemIconPaddingInline",
-            attributes: {
-              category: "rhc",
-              type: "navigation-list",
-              item: "item",
-              subitem: "icon",
-              state: "padding-inline",
-            },
-            path: ["rhc", "navigation-list", "item", "icon", "padding-inline"],
+            $value: "{rhc.size.pointer-target}",
+            key: "{rhc.navigation-list.item.min-height}",
           },
-          "padding-block": {
-            key: "{rhc.navigation-list.item.icon.padding-block}",
+          name: "rhcNavigationListItemMinHeight",
+          attributes: {
+            category: "rhc",
+            type: "navigation-list",
+            item: "item",
+            subitem: "min-height",
+          },
+          path: ["rhc", "navigation-list", "item", "min-height"],
+        },
+        "padding-block": {
+          key: "{rhc.navigation-list.item.padding-block}",
+          $type: "dimension",
+          $value: "0.75rem",
+          filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
+          isSource: true,
+          original: {
             $type: "dimension",
-            $value: "0.5rem",
+            $value: "{rhc.space.150}",
+            key: "{rhc.navigation-list.item.padding-block}",
+          },
+          name: "rhcNavigationListItemPaddingBlock",
+          attributes: {
+            category: "rhc",
+            type: "navigation-list",
+            item: "item",
+            subitem: "padding-block",
+          },
+          path: ["rhc", "navigation-list", "item", "padding-block"],
+        },
+        "padding-inline": {
+          key: "{rhc.navigation-list.item.padding-inline}",
+          $type: "dimension",
+          $value: "1rem",
+          filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
+          isSource: true,
+          original: {
+            $type: "dimension",
+            $value: "{rhc.space.200}",
+            key: "{rhc.navigation-list.item.padding-inline}",
+          },
+          name: "rhcNavigationListItemPaddingInline",
+          attributes: {
+            category: "rhc",
+            type: "navigation-list",
+            item: "item",
+            subitem: "padding-inline",
+          },
+          path: ["rhc", "navigation-list", "item", "padding-inline"],
+        },
+        active: {
+          "background-color": {
+            key: "{rhc.navigation-list.item.active.background-color}",
+            $type: "color",
+            $value: "#f1f5f9",
             filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
             isSource: true,
             original: {
-              $type: "dimension",
-              $value: "{rhc.space.100}",
-              key: "{rhc.navigation-list.item.icon.padding-block}",
+              $type: "color",
+              $value: "{rhc.color.cool-grey.100}",
+              key: "{rhc.navigation-list.item.active.background-color}",
             },
-            name: "rhcNavigationListItemIconPaddingBlock",
+            name: "rhcNavigationListItemActiveBackgroundColor",
             attributes: {
               category: "rhc",
               type: "navigation-list",
               item: "item",
-              subitem: "icon",
-              state: "padding-block",
+              subitem: "active",
+              state: "background-color",
             },
-            path: ["rhc", "navigation-list", "item", "icon", "padding-block"],
+            path: [
+              "rhc",
+              "navigation-list",
+              "item",
+              "active",
+              "background-color",
+            ],
           },
-          size: {
-            key: "{rhc.navigation-list.item.icon.size}",
-            $type: "dimension",
-            $value: "24px",
+        },
+        hover: {
+          "background-color": {
+            key: "{rhc.navigation-list.item.hover.background-color}",
+            $type: "color",
+            $value: "#f8fafc",
             filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
             isSource: true,
             original: {
-              $type: "dimension",
-              $value: "{rhc.size.icon.md}",
-              key: "{rhc.navigation-list.item.icon.size}",
+              $type: "color",
+              $value: "{rhc.color.cool-grey.50}",
+              key: "{rhc.navigation-list.item.hover.background-color}",
             },
-            name: "rhcNavigationListItemIconSize",
+            name: "rhcNavigationListItemHoverBackgroundColor",
             attributes: {
               category: "rhc",
               type: "navigation-list",
               item: "item",
-              subitem: "icon",
-              state: "size",
+              subitem: "hover",
+              state: "background-color",
             },
-            path: ["rhc", "navigation-list", "item", "icon", "size"],
+            path: [
+              "rhc",
+              "navigation-list",
+              "item",
+              "hover",
+              "background-color",
+            ],
           },
         },
-        content: {
-          "font-size": {
-            key: "{rhc.navigation-list.item.content.font-size}",
-            $type: "fontSize",
-            $value: "1.25rem",
+        focus: {
+          "background-color": {
+            key: "{rhc.navigation-list.item.focus.background-color}",
+            $type: "color",
+            $value: "#d9ebf7",
             filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
             isSource: true,
-            $extensions: {
-              "studio.tokens": {
-                originalType: "fontSizes",
-              },
-            },
             original: {
-              $type: "fontSize",
-              $value: "{rhc.text.font-size.md}",
-              $extensions: {
-                "studio.tokens": {
-                  originalType: "fontSizes",
-                },
-              },
-              key: "{rhc.navigation-list.item.content.font-size}",
+              $type: "color",
+              $value: "{rhc.color.primary.50}",
+              key: "{rhc.navigation-list.item.focus.background-color}",
             },
-            name: "rhcNavigationListItemContentFontSize",
+            name: "rhcNavigationListItemFocusBackgroundColor",
             attributes: {
               category: "rhc",
               type: "navigation-list",
               item: "item",
-              subitem: "content",
-              state: "font-size",
+              subitem: "focus",
+              state: "background-color",
             },
-            path: ["rhc", "navigation-list", "item", "content", "font-size"],
+            path: [
+              "rhc",
+              "navigation-list",
+              "item",
+              "focus",
+              "background-color",
+            ],
           },
+        },
+        content: {
           "column-gap": {
             key: "{rhc.navigation-list.item.content.column-gap}",
             $type: "dimension",
             $value: "0.5rem",
+            $description: "[code-only]",
             filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
             isSource: true,
             original: {
               $type: "dimension",
               $value: "{rhc.space.100}",
+              $description: "[code-only]",
               key: "{rhc.navigation-list.item.content.column-gap}",
             },
             name: "rhcNavigationListItemContentColumnGap",
@@ -9352,11 +9423,13 @@ module.exports = {
             key: "{rhc.navigation-list.item.content.row-gap}",
             $type: "dimension",
             $value: "0.25rem",
+            $description: "[code-only]",
             filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
             isSource: true,
             original: {
               $type: "dimension",
               $value: "{rhc.space.50}",
+              $description: "[code-only]",
               key: "{rhc.navigation-list.item.content.row-gap}",
             },
             name: "rhcNavigationListItemContentRowGap",
@@ -9370,42 +9443,32 @@ module.exports = {
             path: ["rhc", "navigation-list", "item", "content", "row-gap"],
           },
         },
-        label: {
-          "font-family": {
-            key: "{rhc.navigation-list.item.label.font-family}",
-            $type: "fontFamily",
-            $value: "RijksSans, Arial, Verdana, sans-serif",
+        description: {
+          color: {
+            key: "{rhc.navigation-list.item.description.color}",
+            $type: "color",
+            $value: "#334155",
             filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
             isSource: true,
-            $extensions: {
-              "studio.tokens": {
-                originalType: "fontFamilies",
-              },
-            },
             original: {
-              $type: "fontFamily",
-              $value: "{rhc.text.font-family.default}",
-              $extensions: {
-                "studio.tokens": {
-                  originalType: "fontFamilies",
-                },
-              },
-              key: "{rhc.navigation-list.item.label.font-family}",
+              $type: "color",
+              $value: "{rhc.color.foreground.subtle}",
+              key: "{rhc.navigation-list.item.description.color}",
             },
-            name: "rhcNavigationListItemLabelFontFamily",
+            name: "rhcNavigationListItemDescriptionColor",
             attributes: {
               category: "rhc",
               type: "navigation-list",
               item: "item",
-              subitem: "label",
-              state: "font-family",
+              subitem: "description",
+              state: "color",
             },
-            path: ["rhc", "navigation-list", "item", "label", "font-family"],
+            path: ["rhc", "navigation-list", "item", "description", "color"],
           },
           "font-size": {
-            key: "{rhc.navigation-list.item.label.font-size}",
+            key: "{rhc.navigation-list.item.description.font-size}",
             $type: "fontSize",
-            $value: "1.875rem",
+            $value: "1.25rem",
             filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
             isSource: true,
             $extensions: {
@@ -9415,257 +9478,246 @@ module.exports = {
             },
             original: {
               $type: "fontSize",
-              $value: "{rhc.text.font-size.xl}",
+              $value: "{rhc.text.font-size.md}",
               $extensions: {
                 "studio.tokens": {
                   originalType: "fontSizes",
                 },
               },
-              key: "{rhc.navigation-list.item.label.font-size}",
+              key: "{rhc.navigation-list.item.description.font-size}",
             },
-            name: "rhcNavigationListItemLabelFontSize",
+            name: "rhcNavigationListItemDescriptionFontSize",
             attributes: {
               category: "rhc",
               type: "navigation-list",
               item: "item",
-              subitem: "label",
+              subitem: "description",
               state: "font-size",
             },
-            path: ["rhc", "navigation-list", "item", "label", "font-size"],
+            path: [
+              "rhc",
+              "navigation-list",
+              "item",
+              "description",
+              "font-size",
+            ],
           },
-          "font-weight": {
-            key: "{rhc.navigation-list.item.label.font-weight}",
-            $type: "fontWeight",
-            $value: "700",
+          "line-height": {
+            key: "{rhc.navigation-list.item.description.line-height}",
+            $type: "lineHeight",
+            $value: "150%",
             filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
             isSource: true,
             $extensions: {
               "studio.tokens": {
-                originalType: "fontWeights",
+                originalType: "lineHeights",
               },
             },
             original: {
-              $type: "fontWeight",
-              $value: "{rhc.text.font-weight.strong}",
+              $type: "lineHeight",
+              $value: "{rhc.text.line-height.md}",
               $extensions: {
                 "studio.tokens": {
-                  originalType: "fontWeights",
+                  originalType: "lineHeights",
                 },
               },
-              key: "{rhc.navigation-list.item.label.font-weight}",
+              key: "{rhc.navigation-list.item.description.line-height}",
             },
-            name: "rhcNavigationListItemLabelFontWeight",
+            name: "rhcNavigationListItemDescriptionLineHeight",
             attributes: {
               category: "rhc",
               type: "navigation-list",
               item: "item",
-              subitem: "label",
-              state: "font-weight",
+              subitem: "description",
+              state: "line-height",
             },
-            path: ["rhc", "navigation-list", "item", "label", "font-weight"],
+            path: [
+              "rhc",
+              "navigation-list",
+              "item",
+              "description",
+              "line-height",
+            ],
           },
-          "line-height": {
-            key: "{rhc.navigation-list.item.label.line-height}",
-            $type: "lineHeight",
-            $value: "150%",
+        },
+        "icon-end": {
+          color: {
+            key: "{rhc.navigation-list.item.icon-end.color}",
+            $type: "color",
+            $value: "#334155",
             filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
             isSource: true,
-            $extensions: {
-              "studio.tokens": {
-                originalType: "lineHeights",
-              },
-            },
             original: {
-              $type: "lineHeight",
-              $value: "{rhc.text.line-height.md}",
-              $extensions: {
-                "studio.tokens": {
-                  originalType: "lineHeights",
-                },
-              },
-              key: "{rhc.navigation-list.item.label.line-height}",
+              $type: "color",
+              $value: "{rhc.color.foreground.subtle}",
+              key: "{rhc.navigation-list.item.icon-end.color}",
             },
-            name: "rhcNavigationListItemLabelLineHeight",
+            name: "rhcNavigationListItemIconEndColor",
             attributes: {
               category: "rhc",
               type: "navigation-list",
               item: "item",
-              subitem: "label",
-              state: "line-height",
+              subitem: "icon-end",
+              state: "color",
             },
-            path: ["rhc", "navigation-list", "item", "label", "line-height"],
+            path: ["rhc", "navigation-list", "item", "icon-end", "color"],
           },
         },
-        active: {
+        "icon-start": {
           "background-color": {
-            key: "{rhc.navigation-list.item.active.background-color}",
+            key: "{rhc.navigation-list.item.icon-start.background-color}",
             $type: "color",
-            $value: "#f1f5f9",
+            $value: "#0f172a",
             filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{rhc.color.cool-grey.100}",
-              key: "{rhc.navigation-list.item.active.background-color}",
+              $value: "{rhc.color.foreground.default}",
+              key: "{rhc.navigation-list.item.icon-start.background-color}",
             },
-            name: "rhcNavigationListItemActiveBackgroundColor",
+            name: "rhcNavigationListItemIconStartBackgroundColor",
             attributes: {
               category: "rhc",
               type: "navigation-list",
               item: "item",
-              subitem: "active",
+              subitem: "icon-start",
               state: "background-color",
             },
             path: [
               "rhc",
               "navigation-list",
               "item",
-              "active",
+              "icon-start",
               "background-color",
             ],
           },
-        },
-        hover: {
-          "background-color": {
-            key: "{rhc.navigation-list.item.hover.background-color}",
-            $type: "color",
-            $value: "#f8fafc",
+          "border-radius": {
+            key: "{rhc.navigation-list.item.icon-start.border-radius}",
+            $type: "dimension",
+            $value: "999px",
             filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
             isSource: true,
             original: {
-              $type: "color",
-              $value: "{rhc.color.cool-grey.50}",
-              key: "{rhc.navigation-list.item.hover.background-color}",
+              $type: "dimension",
+              $value: "{rhc.border-radius.round}",
+              key: "{rhc.navigation-list.item.icon-start.border-radius}",
             },
-            name: "rhcNavigationListItemHoverBackgroundColor",
+            name: "rhcNavigationListItemIconStartBorderRadius",
             attributes: {
               category: "rhc",
               type: "navigation-list",
               item: "item",
-              subitem: "hover",
-              state: "background-color",
+              subitem: "icon-start",
+              state: "border-radius",
             },
             path: [
               "rhc",
               "navigation-list",
               "item",
-              "hover",
-              "background-color",
+              "icon-start",
+              "border-radius",
             ],
           },
-        },
-        focus: {
-          "background-color": {
-            key: "{rhc.navigation-list.item.focus.background-color}",
+          color: {
+            key: "{rhc.navigation-list.item.icon-start.color}",
             $type: "color",
-            $value: "#d9ebf7",
+            $value: "#ffffff",
             filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{rhc.color.primary.50}",
-              key: "{rhc.navigation-list.item.focus.background-color}",
+              $value: "{rhc.color.foreground.on-dark-color}",
+              key: "{rhc.navigation-list.item.icon-start.color}",
             },
-            name: "rhcNavigationListItemFocusBackgroundColor",
+            name: "rhcNavigationListItemIconStartColor",
             attributes: {
               category: "rhc",
               type: "navigation-list",
               item: "item",
-              subitem: "focus",
-              state: "background-color",
+              subitem: "icon-start",
+              state: "color",
+            },
+            path: ["rhc", "navigation-list", "item", "icon-start", "color"],
+          },
+          "padding-block": {
+            key: "{rhc.navigation-list.item.icon-start.padding-block}",
+            $type: "dimension",
+            $value: "0.5rem",
+            filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
+            isSource: true,
+            original: {
+              $type: "dimension",
+              $value: "{rhc.space.100}",
+              key: "{rhc.navigation-list.item.icon-start.padding-block}",
+            },
+            name: "rhcNavigationListItemIconStartPaddingBlock",
+            attributes: {
+              category: "rhc",
+              type: "navigation-list",
+              item: "item",
+              subitem: "icon-start",
+              state: "padding-block",
             },
             path: [
               "rhc",
               "navigation-list",
               "item",
-              "focus",
-              "background-color",
+              "icon-start",
+              "padding-block",
             ],
           },
-        },
-        "background-color": {
-          key: "{rhc.navigation-list.item.background-color}",
-          $type: "color",
-          $value: "#ffffff",
-          filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{rhc.color.bg-document}",
-            key: "{rhc.navigation-list.item.background-color}",
-          },
-          name: "rhcNavigationListItemBackgroundColor",
-          attributes: {
-            category: "rhc",
-            type: "navigation-list",
-            item: "item",
-            subitem: "background-color",
-          },
-          path: ["rhc", "navigation-list", "item", "background-color"],
-        },
-        color: {
-          key: "{rhc.navigation-list.item.color}",
-          $type: "color",
-          $value: "#334155",
-          filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{rhc.color.foreground.subtle}",
-            key: "{rhc.navigation-list.item.color}",
-          },
-          name: "rhcNavigationListItemColor",
-          attributes: {
-            category: "rhc",
-            type: "navigation-list",
-            item: "item",
-            subitem: "color",
-          },
-          path: ["rhc", "navigation-list", "item", "color"],
-        },
-        "border-width": {
-          key: "{rhc.navigation-list.item.border-width}",
-          $type: "dimension",
-          $value: "1px",
-          filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
-          isSource: true,
-          original: {
+          "padding-inline": {
+            key: "{rhc.navigation-list.item.icon-start.padding-inline}",
             $type: "dimension",
-            $value: "{rhc.border-width.sm}",
-            key: "{rhc.navigation-list.item.border-width}",
-          },
-          name: "rhcNavigationListItemBorderWidth",
-          attributes: {
-            category: "rhc",
-            type: "navigation-list",
-            item: "item",
-            subitem: "border-width",
-          },
-          path: ["rhc", "navigation-list", "item", "border-width"],
-        },
-        "border-color": {
-          key: "{rhc.navigation-list.item.border-color}",
-          $type: "color",
-          $value: "#cbd5e1",
-          filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{rhc.color.cool-grey.300}",
-            key: "{rhc.navigation-list.item.border-color}",
+            $value: "0.5rem",
+            filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
+            isSource: true,
+            original: {
+              $type: "dimension",
+              $value: "{rhc.space.100}",
+              key: "{rhc.navigation-list.item.icon-start.padding-inline}",
+            },
+            name: "rhcNavigationListItemIconStartPaddingInline",
+            attributes: {
+              category: "rhc",
+              type: "navigation-list",
+              item: "item",
+              subitem: "icon-start",
+              state: "padding-inline",
+            },
+            path: [
+              "rhc",
+              "navigation-list",
+              "item",
+              "icon-start",
+              "padding-inline",
+            ],
           },
-          name: "rhcNavigationListItemBorderColor",
-          attributes: {
-            category: "rhc",
-            type: "navigation-list",
-            item: "item",
-            subitem: "border-color",
+          size: {
+            key: "{rhc.navigation-list.item.icon-start.size}",
+            $type: "dimension",
+            $value: "24px",
+            filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
+            isSource: true,
+            original: {
+              $type: "dimension",
+              $value: "{rhc.size.icon.md}",
+              key: "{rhc.navigation-list.item.icon-start.size}",
+            },
+            name: "rhcNavigationListItemIconStartSize",
+            attributes: {
+              category: "rhc",
+              type: "navigation-list",
+              item: "item",
+              subitem: "icon-start",
+              state: "size",
+            },
+            path: ["rhc", "navigation-list", "item", "icon-start", "size"],
           },
-          path: ["rhc", "navigation-list", "item", "border-color"],
         },
-        heading: {
+        label: {
           color: {
-            key: "{rhc.navigation-list.item.heading.color}",
+            key: "{rhc.navigation-list.item.label.color}",
             $type: "color",
             $value: "#0f172a",
             filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
@@ -9673,98 +9725,142 @@ module.exports = {
             original: {
               $type: "color",
               $value: "{rhc.color.foreground.default}",
-              key: "{rhc.navigation-list.item.heading.color}",
+              key: "{rhc.navigation-list.item.label.color}",
             },
-            name: "rhcNavigationListItemHeadingColor",
+            name: "rhcNavigationListItemLabelColor",
             attributes: {
               category: "rhc",
               type: "navigation-list",
               item: "item",
-              subitem: "heading",
+              subitem: "label",
               state: "color",
             },
-            path: ["rhc", "navigation-list", "item", "heading", "color"],
+            path: ["rhc", "navigation-list", "item", "label", "color"],
           },
-        },
-        "column-gap": {
-          key: "{rhc.navigation-list.item.column-gap}",
-          $type: "dimension",
-          $value: "1rem",
-          filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
-          isSource: true,
-          original: {
-            $type: "dimension",
-            $value: "{rhc.space.200}",
-            key: "{rhc.navigation-list.item.column-gap}",
-          },
-          name: "rhcNavigationListItemColumnGap",
-          attributes: {
-            category: "rhc",
-            type: "navigation-list",
-            item: "item",
-            subitem: "column-gap",
-          },
-          path: ["rhc", "navigation-list", "item", "column-gap"],
-        },
-        "min-height": {
-          key: "{rhc.navigation-list.item.min-height}",
-          $type: "dimension",
-          $value: "48px",
-          filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
-          isSource: true,
-          original: {
-            $type: "dimension",
-            $value: "{rhc.size.pointer-target}",
-            key: "{rhc.navigation-list.item.min-height}",
-          },
-          name: "rhcNavigationListItemMinHeight",
-          attributes: {
-            category: "rhc",
-            type: "navigation-list",
-            item: "item",
-            subitem: "min-height",
-          },
-          path: ["rhc", "navigation-list", "item", "min-height"],
-        },
-        "padding-block": {
-          key: "{rhc.navigation-list.item.padding-block}",
-          $type: "dimension",
-          $value: "0.75rem",
-          filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
-          isSource: true,
-          original: {
-            $type: "dimension",
-            $value: "{rhc.space.150}",
-            key: "{rhc.navigation-list.item.padding-block}",
+          "font-family": {
+            key: "{rhc.navigation-list.item.label.font-family}",
+            $type: "fontFamily",
+            $value: "RijksSans, Arial, Verdana, sans-serif",
+            filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
+            isSource: true,
+            $extensions: {
+              "studio.tokens": {
+                originalType: "fontFamilies",
+              },
+            },
+            original: {
+              $type: "fontFamily",
+              $value: "{rhc.text.font-family.default}",
+              $extensions: {
+                "studio.tokens": {
+                  originalType: "fontFamilies",
+                },
+              },
+              key: "{rhc.navigation-list.item.label.font-family}",
+            },
+            name: "rhcNavigationListItemLabelFontFamily",
+            attributes: {
+              category: "rhc",
+              type: "navigation-list",
+              item: "item",
+              subitem: "label",
+              state: "font-family",
+            },
+            path: ["rhc", "navigation-list", "item", "label", "font-family"],
           },
-          name: "rhcNavigationListItemPaddingBlock",
-          attributes: {
-            category: "rhc",
-            type: "navigation-list",
-            item: "item",
-            subitem: "padding-block",
+          "font-size": {
+            key: "{rhc.navigation-list.item.label.font-size}",
+            $type: "fontSize",
+            $value: "1.875rem",
+            filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
+            isSource: true,
+            $extensions: {
+              "studio.tokens": {
+                originalType: "fontSizes",
+              },
+            },
+            original: {
+              $type: "fontSize",
+              $value: "{rhc.text.font-size.xl}",
+              $extensions: {
+                "studio.tokens": {
+                  originalType: "fontSizes",
+                },
+              },
+              key: "{rhc.navigation-list.item.label.font-size}",
+            },
+            name: "rhcNavigationListItemLabelFontSize",
+            attributes: {
+              category: "rhc",
+              type: "navigation-list",
+              item: "item",
+              subitem: "label",
+              state: "font-size",
+            },
+            path: ["rhc", "navigation-list", "item", "label", "font-size"],
           },
-          path: ["rhc", "navigation-list", "item", "padding-block"],
-        },
-        "padding-inline": {
-          key: "{rhc.navigation-list.item.padding-inline}",
-          $type: "dimension",
-          $value: "1rem",
-          filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
-          isSource: true,
-          original: {
-            $type: "dimension",
-            $value: "{rhc.space.200}",
-            key: "{rhc.navigation-list.item.padding-inline}",
+          "font-weight": {
+            key: "{rhc.navigation-list.item.label.font-weight}",
+            $type: "fontWeight",
+            $value: "700",
+            filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
+            isSource: true,
+            $extensions: {
+              "studio.tokens": {
+                originalType: "fontWeights",
+              },
+            },
+            original: {
+              $type: "fontWeight",
+              $value: "{rhc.text.font-weight.strong}",
+              $extensions: {
+                "studio.tokens": {
+                  originalType: "fontWeights",
+                },
+              },
+              key: "{rhc.navigation-list.item.label.font-weight}",
+            },
+            name: "rhcNavigationListItemLabelFontWeight",
+            attributes: {
+              category: "rhc",
+              type: "navigation-list",
+              item: "item",
+              subitem: "label",
+              state: "font-weight",
+            },
+            path: ["rhc", "navigation-list", "item", "label", "font-weight"],
           },
-          name: "rhcNavigationListItemPaddingInline",
-          attributes: {
-            category: "rhc",
-            type: "navigation-list",
-            item: "item",
-            subitem: "padding-inline",
+          "line-height": {
+            key: "{rhc.navigation-list.item.label.line-height}",
+            $type: "lineHeight",
+            $value: "150%",
+            filePath: "src/generated/uitvoerend-hemelblauw/tokens.json",
+            isSource: true,
+            $extensions: {
+              "studio.tokens": {
+                originalType: "lineHeights",
+              },
+            },
+            original: {
+              $type: "lineHeight",
+              $value: "{rhc.text.line-height.md}",
+              $extensions: {
+                "studio.tokens": {
+                  originalType: "lineHeights",
+                },
+              },
+              key: "{rhc.navigation-list.item.label.line-height}",
+            },
+            name: "rhcNavigationListItemLabelLineHeight",
+            attributes: {
+              category: "rhc",
+              type: "navigation-list",
+              item: "item",
+              subitem: "label",
+              state: "line-height",
+            },
+            path: ["rhc", "navigation-list", "item", "label", "line-height"],
           },
-          path: ["rhc", "navigation-list", "item", "padding-inline"],
         },
       },
     },