@rijkshuisstijl-community/design-tokens 10.0.0 → 11.0.0

package/dist/uitvoerend-groen/tokens.js

@@ -1,5 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
+ * Generated on Tue, 30 Dec 2025 09:35:44 GMT
  */
 
 module.exports = {
@@ -7,13 +8,11 @@ module.exports = {
     "border-radius": {
       round: {
         key: "{rhc.border-radius.round}",
-        parent: "core/default",
         $type: "dimension",
         $value: "999px",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "core/default",
           $type: "dimension",
           $value: "999px",
           key: "{rhc.border-radius.round}",
@@ -28,13 +27,11 @@ module.exports = {
       },
       none: {
         key: "{rhc.border-radius.none}",
-        parent: "core/default",
         $type: "dimension",
         $value: "0px",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "core/default",
           $type: "dimension",
           $value: "0px",
           key: "{rhc.border-radius.none}",
@@ -89,13 +86,11 @@ module.exports = {
     "border-width": {
       sm: {
         key: "{rhc.border-width.sm}",
-        parent: "core/default",
         $type: "dimension",
         $value: "1px",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "core/default",
           $type: "dimension",
           $value: "1px",
           key: "{rhc.border-width.sm}",
@@ -110,13 +105,11 @@ module.exports = {
       },
       md: {
         key: "{rhc.border-width.md}",
-        parent: "core/default",
         $type: "dimension",
         $value: "2px",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "core/default",
           $type: "dimension",
           $value: "2px",
           key: "{rhc.border-width.md}",
@@ -131,13 +124,11 @@ module.exports = {
       },
       none: {
         key: "{rhc.border-width.none}",
-        parent: "core/default",
         $type: "dimension",
         $value: "0px",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "core/default",
           $type: "dimension",
           $value: "0px",
           key: "{rhc.border-width.none}",
@@ -175,13 +166,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.cool-grey.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#f1f5f9",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#F1F5F9",
             key: "{rhc.color.cool-grey.100}",
@@ -197,13 +186,11 @@ module.exports = {
         },
         200: {
           key: "{rhc.color.cool-grey.200}",
-          parent: "core/default",
           $type: "color",
           $value: "#e2e8f0",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#E2E8F0",
             key: "{rhc.color.cool-grey.200}",
@@ -219,13 +206,11 @@ module.exports = {
         },
         300: {
           key: "{rhc.color.cool-grey.300}",
-          parent: "core/default",
           $type: "color",
           $value: "#cbd5e1",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#CBD5E1",
             key: "{rhc.color.cool-grey.300}",
@@ -241,13 +226,11 @@ module.exports = {
         },
         400: {
           key: "{rhc.color.cool-grey.400}",
-          parent: "core/default",
           $type: "color",
           $value: "#94a3b8",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#94A3B8",
             key: "{rhc.color.cool-grey.400}",
@@ -263,13 +246,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.cool-grey.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#64748b",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#64748B",
             key: "{rhc.color.cool-grey.500}",
@@ -285,13 +266,11 @@ module.exports = {
         },
         600: {
           key: "{rhc.color.cool-grey.600}",
-          parent: "core/default",
           $type: "color",
           $value: "#475569",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#475569",
             key: "{rhc.color.cool-grey.600}",
@@ -307,13 +286,11 @@ module.exports = {
         },
         700: {
           key: "{rhc.color.cool-grey.700}",
-          parent: "core/default",
           $type: "color",
           $value: "#334155",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#334155",
             key: "{rhc.color.cool-grey.700}",
@@ -329,13 +306,11 @@ module.exports = {
         },
         800: {
           key: "{rhc.color.cool-grey.800}",
-          parent: "core/default",
           $type: "color",
           $value: "#1e293b",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#1E293B",
             key: "{rhc.color.cool-grey.800}",
@@ -351,13 +326,11 @@ module.exports = {
         },
         900: {
           key: "{rhc.color.cool-grey.900}",
-          parent: "core/default",
           $type: "color",
           $value: "#0f172a",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#0F172A",
             key: "{rhc.color.cool-grey.900}",
@@ -375,13 +348,11 @@ module.exports = {
       lichtblauw: {
         50: {
           key: "{rhc.color.lichtblauw.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#eef7fb",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#eef7fb",
             key: "{rhc.color.lichtblauw.50}",
@@ -397,13 +368,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.lichtblauw.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#ddeff8",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#ddeff8",
             key: "{rhc.color.lichtblauw.100}",
@@ -479,13 +448,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.lichtblauw.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#8fcae7",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#8fcae7",
             key: "{rhc.color.lichtblauw.500}",
@@ -503,13 +470,11 @@ module.exports = {
       violet: {
         50: {
           key: "{rhc.color.violet.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#f2d9e7",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#f2d9e7",
             key: "{rhc.color.violet.50}",
@@ -525,13 +490,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.violet.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#e5b3d0",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#e5b3d0",
             key: "{rhc.color.violet.100}",
@@ -607,13 +570,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.violet.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#a90061",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#a90061",
             key: "{rhc.color.violet.500}",
@@ -631,13 +592,11 @@ module.exports = {
       paars: {
         50: {
           key: "{rhc.color.paars.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#e3dce7",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#e3dce7",
             key: "{rhc.color.paars.50}",
@@ -653,13 +612,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.paars.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#c6b9cf",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#c6b9cf",
             key: "{rhc.color.paars.100}",
@@ -715,13 +672,11 @@ module.exports = {
         },
         400: {
           key: "{rhc.color.paars.400}",
-          parent: "core/default",
           $type: "color",
           $value: "#714f87",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#714f87",
             key: "{rhc.color.paars.400}",
@@ -737,13 +692,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.paars.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#42145f",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#42145f",
             key: "{rhc.color.paars.500}",
@@ -761,13 +714,11 @@ module.exports = {
       hemelblauw: {
         50: {
           key: "{rhc.color.hemelblauw.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#d9ebf7",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#d9ebf7",
             key: "{rhc.color.hemelblauw.50}",
@@ -783,13 +734,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.hemelblauw.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#b3d7ee",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#b3d7ee",
             key: "{rhc.color.hemelblauw.100}",
@@ -865,13 +814,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.hemelblauw.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#007bc7",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#007bc7",
             key: "{rhc.color.hemelblauw.500}",
@@ -889,13 +836,11 @@ module.exports = {
       donkerblauw: {
         50: {
           key: "{rhc.color.donkerblauw.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#d9e8f0",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#d9e8f0",
             key: "{rhc.color.donkerblauw.50}",
@@ -911,13 +856,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.donkerblauw.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#b3d2e1",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#b3d2e1",
             key: "{rhc.color.donkerblauw.100}",
@@ -993,13 +936,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.donkerblauw.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#01689b",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#01689b",
             key: "{rhc.color.donkerblauw.500}",
@@ -1017,13 +958,11 @@ module.exports = {
       mintgroen: {
         50: {
           key: "{rhc.color.mintgroen.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#eaf8f4",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#eaf8f4",
             key: "{rhc.color.mintgroen.50}",
@@ -1039,13 +978,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.mintgroen.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#d6f2e9",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#d6f2e9",
             key: "{rhc.color.mintgroen.100}",
@@ -1121,13 +1058,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.mintgroen.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#76d2b6",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#76d2b6",
             key: "{rhc.color.mintgroen.500}",
@@ -1145,13 +1080,11 @@ module.exports = {
       mosgroen: {
         50: {
           key: "{rhc.color.mosgroen.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#ebebd9",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#ebebd9",
             key: "{rhc.color.mosgroen.50}",
@@ -1167,13 +1100,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.mosgroen.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#d6d7b3",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#d6d7b3",
             key: "{rhc.color.mosgroen.100}",
@@ -1249,13 +1180,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.mosgroen.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#777b00",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#777b00",
             key: "{rhc.color.mosgroen.500}",
@@ -1273,13 +1202,11 @@ module.exports = {
       groen: {
         50: {
           key: "{rhc.color.groen.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#e1eddb",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#e1eddb",
             key: "{rhc.color.groen.50}",
@@ -1295,13 +1222,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.groen.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#c4dbb6",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#c4dbb6",
             key: "{rhc.color.groen.100}",
@@ -1377,13 +1302,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.groen.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#39870c",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#39870c",
             key: "{rhc.color.groen.500}",
@@ -1401,13 +1324,11 @@ module.exports = {
       donkergroen: {
         50: {
           key: "{rhc.color.donkergroen.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#dfe6e1",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#dfe6e1",
             key: "{rhc.color.donkergroen.50}",
@@ -1423,13 +1344,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.donkergroen.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#becdc3",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#becdc3",
             key: "{rhc.color.donkergroen.100}",
@@ -1505,13 +1424,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.donkergroen.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#275937",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#275937",
             key: "{rhc.color.donkergroen.500}",
@@ -1529,13 +1446,11 @@ module.exports = {
       bruin: {
         50: {
           key: "{rhc.color.bruin.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#efeada",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#efeada",
             key: "{rhc.color.bruin.50}",
@@ -1551,13 +1466,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.bruin.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#dfd4b6",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#dfd4b6",
             key: "{rhc.color.bruin.100}",
@@ -1633,13 +1546,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.bruin.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#94710a",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#94710a",
             key: "{rhc.color.bruin.500}",
@@ -1657,13 +1568,11 @@ module.exports = {
       donkerbruin: {
         50: {
           key: "{rhc.color.donkerbruin.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#e8e0df",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#e8e0df",
             key: "{rhc.color.donkerbruin.50}",
@@ -1679,13 +1588,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.donkerbruin.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#d1c2be",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#d1c2be",
             key: "{rhc.color.donkerbruin.100}",
@@ -1761,13 +1668,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.donkerbruin.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#673327",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#673327",
             key: "{rhc.color.donkerbruin.500}",
@@ -1785,13 +1690,11 @@ module.exports = {
       geel: {
         50: {
           key: "{rhc.color.geel.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#fefbdd",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#fefbdd",
             key: "{rhc.color.geel.50}",
@@ -1807,13 +1710,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.geel.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#fdf6bc",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#fdf6bc",
             key: "{rhc.color.geel.100}",
@@ -1889,13 +1790,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.geel.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#f9e11e",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#f9e11e",
             key: "{rhc.color.geel.500}",
@@ -1913,13 +1812,11 @@ module.exports = {
       donkergeel: {
         50: {
           key: "{rhc.color.donkergeel.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#fff4db",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#fff4db",
             key: "{rhc.color.donkergeel.50}",
@@ -1935,13 +1832,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.donkergeel.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#ffe9b8",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#ffe9b8",
             key: "{rhc.color.donkergeel.100}",
@@ -2017,13 +1912,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.donkergeel.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#ffb612",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#ffb612",
             key: "{rhc.color.donkergeel.500}",
@@ -2041,13 +1934,11 @@ module.exports = {
       oranje: {
         50: {
           key: "{rhc.color.oranje.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#fbead9",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#fbead9",
             key: "{rhc.color.oranje.50}",
@@ -2063,13 +1954,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.oranje.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#f6d4b3",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#f6d4b3",
             key: "{rhc.color.oranje.100}",
@@ -2145,13 +2034,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.oranje.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#e17000",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#e17000",
             key: "{rhc.color.oranje.500}",
@@ -2169,13 +2056,11 @@ module.exports = {
       rood: {
         50: {
           key: "{rhc.color.rood.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#f9dfdd",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#f9dfdd",
             key: "{rhc.color.rood.50}",
@@ -2191,13 +2076,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.rood.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#f2bfbc",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#f2bfbc",
             key: "{rhc.color.rood.100}",
@@ -2273,13 +2156,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.rood.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#d52b1e",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#d52b1e",
             key: "{rhc.color.rood.500}",
@@ -2297,13 +2178,11 @@ module.exports = {
       roze: {
         50: {
           key: "{rhc.color.roze.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#fdeff8",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#fdeff8",
             key: "{rhc.color.roze.50}",
@@ -2319,13 +2198,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.roze.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#fbdef0",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#fbdef0",
             key: "{rhc.color.roze.100}",
@@ -2401,13 +2278,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.roze.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#f092cd",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#f092cd",
             key: "{rhc.color.roze.500}",
@@ -2425,13 +2300,11 @@ module.exports = {
       robijnrood: {
         50: {
           key: "{rhc.color.robijnrood.50}",
-          parent: "core/default",
           $type: "color",
           $value: "#f7d9e7",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#f7d9e7",
             key: "{rhc.color.robijnrood.50}",
@@ -2447,13 +2320,11 @@ module.exports = {
         },
         100: {
           key: "{rhc.color.robijnrood.100}",
-          parent: "core/default",
           $type: "color",
           $value: "#efb3ce",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#efb3ce",
             key: "{rhc.color.robijnrood.100}",
@@ -2529,13 +2400,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.robijnrood.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#ca005d",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#ca005d",
             key: "{rhc.color.robijnrood.500}",
@@ -2653,13 +2522,11 @@ module.exports = {
         },
         500: {
           key: "{rhc.color.lintblauw.500}",
-          parent: "core/default",
           $type: "color",
           $value: "#154273",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "core/default",
             $type: "color",
             $value: "#154273",
             key: "{rhc.color.lintblauw.500}",
@@ -2754,13 +2621,11 @@ module.exports = {
         },
         subtle: {
           key: "{rhc.color.foreground.subtle}",
-          parent: "mode/light",
           $type: "color",
           $value: "#334155",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "mode/light",
             $type: "color",
             $value: "{rhc.color.cool-grey.700}",
             key: "{rhc.color.foreground.subtle}",
@@ -2838,13 +2703,11 @@ module.exports = {
       border: {
         default: {
           key: "{rhc.color.border.default}",
-          parent: "mode/light",
           $type: "color",
           $value: "#64748b",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "mode/light",
             $type: "color",
             $value: "{rhc.color.cool-grey.500}",
             key: "{rhc.color.border.default}",
@@ -2860,13 +2723,11 @@ module.exports = {
         },
         subtle: {
           key: "{rhc.color.border.subtle}",
-          parent: "mode/light",
           $type: "color",
           $value: "#94a3b8",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "mode/light",
             $type: "color",
             $value: "{rhc.color.cool-grey.400}",
             key: "{rhc.color.border.subtle}",
@@ -2882,13 +2743,11 @@ module.exports = {
         },
         strong: {
           key: "{rhc.color.border.strong}",
-          parent: "mode/light",
           $type: "color",
           $value: "#0f172a",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "mode/light",
             $type: "color",
             $value: "{rhc.color.foreground.default}",
             key: "{rhc.color.border.strong}",
@@ -2905,13 +2764,11 @@ module.exports = {
       },
       "bg-document": {
         key: "{rhc.color.bg-document}",
-        parent: "mode/light",
         $type: "color",
         $value: "#ffffff",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "mode/light",
           $type: "color",
           $value: "{rhc.color.wit}",
           key: "{rhc.color.bg-document}",
@@ -2927,13 +2784,11 @@ module.exports = {
       positive: {
         default: {
           key: "{rhc.color.positive.default}",
-          parent: "mode/light",
           $type: "color",
           $value: "#39870c",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "mode/light",
             $type: "color",
             $value: "{rhc.color.groen.500}",
             key: "{rhc.color.positive.default}",
@@ -2949,13 +2804,11 @@ module.exports = {
         },
         subtle: {
           key: "{rhc.color.positive.subtle}",
-          parent: "mode/light",
           $type: "color",
           $value: "#e1eddb",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "mode/light",
             $type: "color",
             $value: "{rhc.color.groen.50}",
             key: "{rhc.color.positive.subtle}",
@@ -2973,13 +2826,11 @@ module.exports = {
       info: {
         default: {
           key: "{rhc.color.info.default}",
-          parent: "mode/light",
           $type: "color",
           $value: "#007bc7",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "mode/light",
             $type: "color",
             $value: "{rhc.color.hemelblauw.500}",
             key: "{rhc.color.info.default}",
@@ -2995,13 +2846,11 @@ module.exports = {
         },
         subtle: {
           key: "{rhc.color.info.subtle}",
-          parent: "mode/light",
           $type: "color",
           $value: "#d9ebf7",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "mode/light",
             $type: "color",
             $value: "{rhc.color.hemelblauw.50}",
             key: "{rhc.color.info.subtle}",
@@ -3019,13 +2868,11 @@ module.exports = {
       negative: {
         default: {
           key: "{rhc.color.negative.default}",
-          parent: "mode/light",
           $type: "color",
           $value: "#d52b1e",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "mode/light",
             $type: "color",
             $value: "{rhc.color.rood.500}",
             key: "{rhc.color.negative.default}",
@@ -3041,13 +2888,11 @@ module.exports = {
         },
         subtle: {
           key: "{rhc.color.negative.subtle}",
-          parent: "mode/light",
           $type: "color",
           $value: "#f9dfdd",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "mode/light",
             $type: "color",
             $value: "{rhc.color.rood.50}",
             key: "{rhc.color.negative.subtle}",
@@ -3065,13 +2910,11 @@ module.exports = {
       warning: {
         default: {
           key: "{rhc.color.warning.default}",
-          parent: "mode/light",
           $type: "color",
           $value: "#ffb612",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "mode/light",
             $type: "color",
             $value: "{rhc.color.donkergeel.500}",
             key: "{rhc.color.warning.default}",
@@ -3087,13 +2930,11 @@ module.exports = {
         },
         subtle: {
           key: "{rhc.color.warning.subtle}",
-          parent: "mode/light",
           $type: "color",
           $value: "#fff4db",
           filePath: "src/generated/uitvoerend-groen/tokens.json",
           isSource: true,
           original: {
-            parent: "mode/light",
             $type: "color",
             $value: "{rhc.color.donkergeel.50}",
             key: "{rhc.color.warning.subtle}",
@@ -3420,13 +3261,11 @@ module.exports = {
     space: {
       0: {
         key: "{rhc.space.0}",
-        parent: "core/default",
         $type: "dimension",
         $value: "0rem",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "core/default",
           $type: "dimension",
           $value: "0rem",
           key: "{rhc.space.0}",
@@ -3441,13 +3280,11 @@ module.exports = {
       },
       25: {
         key: "{rhc.space.25}",
-        parent: "core/default",
         $type: "dimension",
         $value: "0.125rem",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "core/default",
           $type: "dimension",
           $value: "0.25 * 0.5rem",
           key: "{rhc.space.25}",
@@ -3462,13 +3299,11 @@ module.exports = {
       },
       50: {
         key: "{rhc.space.50}",
-        parent: "core/default",
         $type: "dimension",
         $value: "0.25rem",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "core/default",
           $type: "dimension",
           $value: "0.5 * 0.5rem",
           key: "{rhc.space.50}",
@@ -3483,13 +3318,11 @@ module.exports = {
       },
       100: {
         key: "{rhc.space.100}",
-        parent: "core/default",
         $type: "dimension",
         $value: "0.5rem",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "core/default",
           $type: "dimension",
           $value: "0.5rem",
           key: "{rhc.space.100}",
@@ -3504,13 +3337,11 @@ module.exports = {
       },
       150: {
         key: "{rhc.space.150}",
-        parent: "core/default",
         $type: "dimension",
         $value: "0.75rem",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "core/default",
           $type: "dimension",
           $value: "1.5 * 0.5rem",
           key: "{rhc.space.150}",
@@ -3525,13 +3356,11 @@ module.exports = {
       },
       200: {
         key: "{rhc.space.200}",
-        parent: "core/default",
         $type: "dimension",
         $value: "1rem",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "core/default",
           $type: "dimension",
           $value: "2 * 0.5rem",
           key: "{rhc.space.200}",
@@ -3546,13 +3375,11 @@ module.exports = {
       },
       300: {
         key: "{rhc.space.300}",
-        parent: "core/default",
         $type: "dimension",
         $value: "1.5rem",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "core/default",
           $type: "dimension",
           $value: "3 * 0.5rem",
           key: "{rhc.space.300}",
@@ -3567,13 +3394,11 @@ module.exports = {
       },
       400: {
         key: "{rhc.space.400}",
-        parent: "core/default",
         $type: "dimension",
         $value: "2rem",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "core/default",
           $type: "dimension",
           $value: "4 * 0.5rem",
           key: "{rhc.space.400}",
@@ -3588,13 +3413,11 @@ module.exports = {
       },
       500: {
         key: "{rhc.space.500}",
-        parent: "core/default",
         $type: "dimension",
         $value: "2.5rem",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "core/default",
           $type: "dimension",
           $value: "5 * 0.5rem",
           key: "{rhc.space.500}",
@@ -3609,13 +3432,11 @@ module.exports = {
       },
       600: {
         key: "{rhc.space.600}",
-        parent: "core/default",
         $type: "dimension",
         $value: "3rem",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "core/default",
           $type: "dimension",
           $value: "6 * 0.5rem",
           key: "{rhc.space.600}",
@@ -3630,13 +3451,11 @@ module.exports = {
       },
       700: {
         key: "{rhc.space.700}",
-        parent: "core/default",
         $type: "dimension",
         $value: "3.5rem",
         filePath: "src/generated/uitvoerend-groen/tokens.json",
         isSource: true,
         original: {
-          parent: "core/default",
           $type: "dimension",
           $value: "7 * 0.5rem",
           key: "{rhc.space.700}",
@@ -9348,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-groen/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-groen/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-groen/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-groen/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-groen/tokens.json",
+          isSource: true,
+          original: {
             $type: "dimension",
-            $value: "0.5rem",
-            filePath: "src/generated/uitvoerend-groen/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-groen/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-groen/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-groen/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-groen/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: "#e1eddb",
             filePath: "src/generated/uitvoerend-groen/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-groen/tokens.json",
             isSource: true,
             original: {
               $type: "dimension",
               $value: "{rhc.space.100}",
+              $description: "[code-only]",
               key: "{rhc.navigation-list.item.content.column-gap}",
             },
             name: "rhcNavigationListItemContentColumnGap",
@@ -9533,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-groen/tokens.json",
             isSource: true,
             original: {
               $type: "dimension",
               $value: "{rhc.space.50}",
+              $description: "[code-only]",
               key: "{rhc.navigation-list.item.content.row-gap}",
             },
             name: "rhcNavigationListItemContentRowGap",
@@ -9551,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-groen/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-groen/tokens.json",
             isSource: true,
             $extensions: {
@@ -9596,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-groen/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-groen/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-groen/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-groen/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: "#e1eddb",
+            $value: "#ffffff",
             filePath: "src/generated/uitvoerend-groen/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-groen/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-groen/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-groen/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-groen/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-groen/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-groen/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-groen/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-groen/tokens.json",
@@ -9854,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-groen/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-groen/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-groen/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-groen/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-groen/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-groen/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-groen/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-groen/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"],
         },
       },
     },