npm - @amsterdam/design-system-tokens - Versions diffs - 0.1.0 → 0.1.2 - Mend

@amsterdam/design-system-tokens 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/LICENSE.md +3 -3
package/dist/_variables.scss +162 -2
package/dist/index.css +161 -1
package/dist/index.d.ts +162 -2
package/dist/index.js +162 -2
package/dist/index.json +162 -2
package/dist/index.tokens.json +537 -1
package/dist/root.css +161 -1
package/dist/tokens.d.ts +489 -2
package/dist/tokens.js +3834 -2
package/dist/variables.less +162 -2
package/package.json +6 -7
package/src/brand/amsterdam/typography.tokens.json +69 -0
package/src/common/amsterdam/border.tokens.json +15 -0
package/src/common/amsterdam/spacing.tokens.json +20 -0
package/src/components/amsterdam/button.tokens.json +17 -0
package/src/components/amsterdam/form-label.tokens.json +14 -0
package/src/components/amsterdam/heading.tokens.json +37 -0
package/src/components/amsterdam/icon.tokens.json +41 -0
package/src/components/amsterdam/link.tokens.json +98 -0
package/src/components/amsterdam/paragraph.tokens.json +28 -0
package/src/components/utrecht/button.tokens.json +276 -0

package/dist/tokens.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Feb 2023 13:17:22 GMT
+ * Generated on Wed, 05 Jul 2023 07:52:43 GMT
  */
 module.exports = {
@@ -311,6 +311,732 @@ module.exports = {
         ]
       }
     },
+    "typography": {
+      "font-family": {
+        "value": "'Amsterdam Sans', Arial, sans-serif",
+        "filePath": "./src/brand/amsterdam/typography.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "'Amsterdam Sans', Arial, sans-serif"
+        },
+        "name": "amsterdamTypographyFontFamily",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "typography",
+          "item": "font-family"
+        },
+        "path": [
+          "amsterdam",
+          "typography",
+          "font-family"
+        ]
+      },
+      "font-weight": {
+        "normal": {
+          "value": 400,
+          "filePath": "./src/brand/amsterdam/typography.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": 400
+          },
+          "name": "amsterdamTypographyFontWeightNormal",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "typography",
+            "item": "font-weight",
+            "subitem": "normal"
+          },
+          "path": [
+            "amsterdam",
+            "typography",
+            "font-weight",
+            "normal"
+          ]
+        },
+        "bold": {
+          "value": 800,
+          "filePath": "./src/brand/amsterdam/typography.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": 800
+          },
+          "name": "amsterdamTypographyFontWeightBold",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "typography",
+            "item": "font-weight",
+            "subitem": "bold"
+          },
+          "path": [
+            "amsterdam",
+            "typography",
+            "font-weight",
+            "bold"
+          ]
+        }
+      },
+      "text-level": {
+        "0": {
+          "font-size": {
+            "narrow": {
+              "value": "clamp(2rem, 2rem + (2 * (100vw - 20rem)) / 33.3125, 4rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(2rem, 2rem + (2 * (100vw - 20rem)) / 33.3125, 4rem)"
+              },
+              "name": "amsterdamTypographyTextLevel0FontSizeNarrow",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "0",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "0",
+                "font-size",
+                "narrow"
+              ]
+            },
+            "wide": {
+              "value": "clamp(4rem, 4rem + (1 * (100vw - 53.375rem)) / 36.625, 5rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(4rem, 4rem + (1 * (100vw - 53.375rem)) / 36.625, 5rem)"
+              },
+              "name": "amsterdamTypographyTextLevel0FontSizeWide",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "0",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "0",
+                "font-size",
+                "wide"
+              ]
+            }
+          },
+          "line-height": {
+            "value": "1.1",
+            "filePath": "./src/brand/amsterdam/typography.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "1.1"
+            },
+            "name": "amsterdamTypographyTextLevel0LineHeight",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "typography",
+              "item": "text-level",
+              "subitem": "0",
+              "state": "line-height"
+            },
+            "path": [
+              "amsterdam",
+              "typography",
+              "text-level",
+              "0",
+              "line-height"
+            ]
+          }
+        },
+        "1": {
+          "font-size": {
+            "narrow": {
+              "value": "clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem)"
+              },
+              "name": "amsterdamTypographyTextLevel1FontSizeNarrow",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "1",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "1",
+                "font-size",
+                "narrow"
+              ]
+            },
+            "wide": {
+              "value": "clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem)"
+              },
+              "name": "amsterdamTypographyTextLevel1FontSizeWide",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "1",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "1",
+                "font-size",
+                "wide"
+              ]
+            }
+          },
+          "line-height": {
+            "value": "1.2",
+            "filePath": "./src/brand/amsterdam/typography.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "1.2"
+            },
+            "name": "amsterdamTypographyTextLevel1LineHeight",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "typography",
+              "item": "text-level",
+              "subitem": "1",
+              "state": "line-height"
+            },
+            "path": [
+              "amsterdam",
+              "typography",
+              "text-level",
+              "1",
+              "line-height"
+            ]
+          }
+        },
+        "2": {
+          "font-size": {
+            "narrow": {
+              "value": "clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem)"
+              },
+              "name": "amsterdamTypographyTextLevel2FontSizeNarrow",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "2",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "2",
+                "font-size",
+                "narrow"
+              ]
+            },
+            "wide": {
+              "value": "clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem)"
+              },
+              "name": "amsterdamTypographyTextLevel2FontSizeWide",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "2",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "2",
+                "font-size",
+                "wide"
+              ]
+            }
+          },
+          "line-height": {
+            "value": "1.3",
+            "filePath": "./src/brand/amsterdam/typography.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "1.3"
+            },
+            "name": "amsterdamTypographyTextLevel2LineHeight",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "typography",
+              "item": "text-level",
+              "subitem": "2",
+              "state": "line-height"
+            },
+            "path": [
+              "amsterdam",
+              "typography",
+              "text-level",
+              "2",
+              "line-height"
+            ]
+          }
+        },
+        "3": {
+          "font-size": {
+            "narrow": {
+              "value": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)"
+              },
+              "name": "amsterdamTypographyTextLevel3FontSizeNarrow",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "3",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "3",
+                "font-size",
+                "narrow"
+              ]
+            },
+            "wide": {
+              "value": "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)"
+              },
+              "name": "amsterdamTypographyTextLevel3FontSizeWide",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "3",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "3",
+                "font-size",
+                "wide"
+              ]
+            }
+          },
+          "line-height": {
+            "value": "1.4",
+            "filePath": "./src/brand/amsterdam/typography.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "1.4"
+            },
+            "name": "amsterdamTypographyTextLevel3LineHeight",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "typography",
+              "item": "text-level",
+              "subitem": "3",
+              "state": "line-height"
+            },
+            "path": [
+              "amsterdam",
+              "typography",
+              "text-level",
+              "3",
+              "line-height"
+            ]
+          }
+        },
+        "4": {
+          "font-size": {
+            "narrow": {
+              "value": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)"
+              },
+              "name": "amsterdamTypographyTextLevel4FontSizeNarrow",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "4",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "4",
+                "font-size",
+                "narrow"
+              ]
+            },
+            "wide": {
+              "value": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)"
+              },
+              "name": "amsterdamTypographyTextLevel4FontSizeWide",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "4",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "4",
+                "font-size",
+                "wide"
+              ]
+            }
+          },
+          "line-height": {
+            "value": "1.5",
+            "filePath": "./src/brand/amsterdam/typography.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "1.5"
+            },
+            "name": "amsterdamTypographyTextLevel4LineHeight",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "typography",
+              "item": "text-level",
+              "subitem": "4",
+              "state": "line-height"
+            },
+            "path": [
+              "amsterdam",
+              "typography",
+              "text-level",
+              "4",
+              "line-height"
+            ]
+          }
+        },
+        "5": {
+          "font-size": {
+            "narrow": {
+              "value": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)"
+              },
+              "name": "amsterdamTypographyTextLevel5FontSizeNarrow",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "5",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "5",
+                "font-size",
+                "narrow"
+              ]
+            },
+            "wide": {
+              "value": "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)"
+              },
+              "name": "amsterdamTypographyTextLevel5FontSizeWide",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "5",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "5",
+                "font-size",
+                "wide"
+              ]
+            }
+          },
+          "line-height": {
+            "value": "1.4",
+            "filePath": "./src/brand/amsterdam/typography.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "1.4"
+            },
+            "name": "amsterdamTypographyTextLevel5LineHeight",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "typography",
+              "item": "text-level",
+              "subitem": "5",
+              "state": "line-height"
+            },
+            "path": [
+              "amsterdam",
+              "typography",
+              "text-level",
+              "5",
+              "line-height"
+            ]
+          }
+        },
+        "6": {
+          "font-size": {
+            "narrow": {
+              "value": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)"
+              },
+              "name": "amsterdamTypographyTextLevel6FontSizeNarrow",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "6",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "6",
+                "font-size",
+                "narrow"
+              ]
+            },
+            "wide": {
+              "value": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)"
+              },
+              "name": "amsterdamTypographyTextLevel6FontSizeWide",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "6",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "6",
+                "font-size",
+                "wide"
+              ]
+            }
+          },
+          "line-height": {
+            "value": "1.6",
+            "filePath": "./src/brand/amsterdam/typography.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "1.6"
+            },
+            "name": "amsterdamTypographyTextLevel6LineHeight",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "typography",
+              "item": "text-level",
+              "subitem": "6",
+              "state": "line-height"
+            },
+            "path": [
+              "amsterdam",
+              "typography",
+              "text-level",
+              "6",
+              "line-height"
+            ]
+          }
+        },
+        "7": {
+          "font-size": {
+            "narrow": {
+              "value": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)"
+              },
+              "name": "amsterdamTypographyTextLevel7FontSizeNarrow",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "7",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "7",
+                "font-size",
+                "narrow"
+              ]
+            },
+            "wide": {
+              "value": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)"
+              },
+              "name": "amsterdamTypographyTextLevel7FontSizeWide",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "7",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "7",
+                "font-size",
+                "wide"
+              ]
+            }
+          },
+          "line-height": {
+            "value": "1.6",
+            "filePath": "./src/brand/amsterdam/typography.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "1.6"
+            },
+            "name": "amsterdamTypographyTextLevel7LineHeight",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "typography",
+              "item": "text-level",
+              "subitem": "7",
+              "state": "line-height"
+            },
+            "path": [
+              "amsterdam",
+              "typography",
+              "text-level",
+              "7",
+              "line-height"
+            ]
+          }
+        }
+      }
+    },
+    "border-width": {
+      "sm": {
+        "value": "1px",
+        "filePath": "./src/common/amsterdam/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "1px"
+        },
+        "name": "amsterdamBorderWidthSm",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "border-width",
+          "item": "sm"
+        },
+        "path": [
+          "amsterdam",
+          "border-width",
+          "sm"
+        ]
+      },
+      "md": {
+        "value": "2px",
+        "filePath": "./src/common/amsterdam/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "2px"
+        },
+        "name": "amsterdamBorderWidthMd",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "border-width",
+          "item": "md"
+        },
+        "path": [
+          "amsterdam",
+          "border-width",
+          "md"
+        ]
+      },
+      "lg": {
+        "value": "3px",
+        "filePath": "./src/common/amsterdam/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "3px"
+        },
+        "name": "amsterdamBorderWidthLg",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "border-width",
+          "item": "lg"
+        },
+        "path": [
+          "amsterdam",
+          "border-width",
+          "lg"
+        ]
+      }
+    },
     "focus": {
       "outline-offset": {
         "value": "2px",
@@ -331,6 +1057,3112 @@ module.exports = {
           "outline-offset"
         ]
       }
+    },
+    "spacing": {
+      "inset": {
+        "sm": {
+          "value": "0.5rem",
+          "filePath": "./src/common/amsterdam/spacing.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "0.5rem"
+          },
+          "name": "amsterdamSpacingInsetSm",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "spacing",
+            "item": "inset",
+            "subitem": "sm"
+          },
+          "path": [
+            "amsterdam",
+            "spacing",
+            "inset",
+            "sm"
+          ]
+        },
+        "md": {
+          "value": "1rem",
+          "filePath": "./src/common/amsterdam/spacing.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "1rem"
+          },
+          "name": "amsterdamSpacingInsetMd",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "spacing",
+            "item": "inset",
+            "subitem": "md"
+          },
+          "path": [
+            "amsterdam",
+            "spacing",
+            "inset",
+            "md"
+          ]
+        },
+        "lg": {
+          "value": "1.5rem",
+          "filePath": "./src/common/amsterdam/spacing.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "1.5rem"
+          },
+          "name": "amsterdamSpacingInsetLg",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "spacing",
+            "item": "inset",
+            "subitem": "lg"
+          },
+          "path": [
+            "amsterdam",
+            "spacing",
+            "inset",
+            "lg"
+          ]
+        },
+        "xl": {
+          "value": "2.5rem",
+          "filePath": "./src/common/amsterdam/spacing.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "2.5rem"
+          },
+          "name": "amsterdamSpacingInsetXl",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "spacing",
+            "item": "inset",
+            "subitem": "xl"
+          },
+          "path": [
+            "amsterdam",
+            "spacing",
+            "inset",
+            "xl"
+          ]
+        }
+      }
+    },
+    "button": {
+      "font-size": {
+        "narrow": {
+          "value": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
+          "filePath": "./src/components/amsterdam/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.6.font-size.narrow}"
+          },
+          "name": "amsterdamButtonFontSizeNarrow",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "button",
+            "item": "font-size",
+            "subitem": "narrow"
+          },
+          "path": [
+            "amsterdam",
+            "button",
+            "font-size",
+            "narrow"
+          ]
+        },
+        "wide": {
+          "value": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
+          "filePath": "./src/components/amsterdam/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.6.font-size.wide}"
+          },
+          "name": "amsterdamButtonFontSizeWide",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "button",
+            "item": "font-size",
+            "subitem": "wide"
+          },
+          "path": [
+            "amsterdam",
+            "button",
+            "font-size",
+            "wide"
+          ]
+        }
+      },
+      "secondary": {
+        "hover": {
+          "box-shadow": {
+            "value": "0 0 0 1px #00387A",
+            "filePath": "./src/components/amsterdam/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "0 0 0 1px {amsterdam.color.dark-blue}"
+            },
+            "name": "amsterdamButtonSecondaryHoverBoxShadow",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "button",
+              "item": "secondary",
+              "subitem": "hover",
+              "state": "box-shadow"
+            },
+            "path": [
+              "amsterdam",
+              "button",
+              "secondary",
+              "hover",
+              "box-shadow"
+            ]
+          }
+        }
+      }
+    },
+    "form-label": {
+      "color": {
+        "value": "#000000",
+        "filePath": "./src/components/amsterdam/form-label.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.color.primary-black}"
+        },
+        "name": "amsterdamFormLabelColor",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "form-label",
+          "item": "color"
+        },
+        "path": [
+          "amsterdam",
+          "form-label",
+          "color"
+        ]
+      },
+      "font-family": {
+        "value": "'Amsterdam Sans', Arial, sans-serif",
+        "filePath": "./src/components/amsterdam/form-label.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.typography.font-family}"
+        },
+        "name": "amsterdamFormLabelFontFamily",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "form-label",
+          "item": "font-family"
+        },
+        "path": [
+          "amsterdam",
+          "form-label",
+          "font-family"
+        ]
+      },
+      "font-size": {
+        "narrow": {
+          "value": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
+          "filePath": "./src/components/amsterdam/form-label.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.7.font-size.narrow}"
+          },
+          "name": "amsterdamFormLabelFontSizeNarrow",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "form-label",
+            "item": "font-size",
+            "subitem": "narrow"
+          },
+          "path": [
+            "amsterdam",
+            "form-label",
+            "font-size",
+            "narrow"
+          ]
+        },
+        "wide": {
+          "value": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
+          "filePath": "./src/components/amsterdam/form-label.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.7.font-size.wide}"
+          },
+          "name": "amsterdamFormLabelFontSizeWide",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "form-label",
+            "item": "font-size",
+            "subitem": "wide"
+          },
+          "path": [
+            "amsterdam",
+            "form-label",
+            "font-size",
+            "wide"
+          ]
+        }
+      },
+      "font-weight": {
+        "value": 800,
+        "filePath": "./src/components/amsterdam/form-label.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.typography.font-weight.bold}"
+        },
+        "name": "amsterdamFormLabelFontWeight",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "form-label",
+          "item": "font-weight"
+        },
+        "path": [
+          "amsterdam",
+          "form-label",
+          "font-weight"
+        ]
+      },
+      "line-height": {
+        "value": "1.6",
+        "filePath": "./src/components/amsterdam/form-label.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.typography.text-level.7.line-height}"
+        },
+        "name": "amsterdamFormLabelLineHeight",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "form-label",
+          "item": "line-height"
+        },
+        "path": [
+          "amsterdam",
+          "form-label",
+          "line-height"
+        ]
+      }
+    },
+    "heading": {
+      "1": {
+        "font-size": {
+          "narrow": {
+            "value": "clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem)",
+            "filePath": "./src/components/amsterdam/heading.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.1.font-size.narrow}"
+            },
+            "name": "amsterdamHeading1FontSizeNarrow",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "heading",
+              "item": "1",
+              "subitem": "font-size",
+              "state": "narrow"
+            },
+            "path": [
+              "amsterdam",
+              "heading",
+              "1",
+              "font-size",
+              "narrow"
+            ]
+          },
+          "wide": {
+            "value": "clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem)",
+            "filePath": "./src/components/amsterdam/heading.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.1.font-size.wide}"
+            },
+            "name": "amsterdamHeading1FontSizeWide",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "heading",
+              "item": "1",
+              "subitem": "font-size",
+              "state": "wide"
+            },
+            "path": [
+              "amsterdam",
+              "heading",
+              "1",
+              "font-size",
+              "wide"
+            ]
+          }
+        },
+        "line-height": {
+          "value": "1.2",
+          "filePath": "./src/components/amsterdam/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.1.line-height}"
+          },
+          "name": "amsterdamHeading1LineHeight",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "heading",
+            "item": "1",
+            "subitem": "line-height"
+          },
+          "path": [
+            "amsterdam",
+            "heading",
+            "1",
+            "line-height"
+          ]
+        }
+      },
+      "2": {
+        "font-size": {
+          "narrow": {
+            "value": "clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem)",
+            "filePath": "./src/components/amsterdam/heading.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.2.font-size.narrow}"
+            },
+            "name": "amsterdamHeading2FontSizeNarrow",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "heading",
+              "item": "2",
+              "subitem": "font-size",
+              "state": "narrow"
+            },
+            "path": [
+              "amsterdam",
+              "heading",
+              "2",
+              "font-size",
+              "narrow"
+            ]
+          },
+          "wide": {
+            "value": "clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem)",
+            "filePath": "./src/components/amsterdam/heading.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.2.font-size.wide}"
+            },
+            "name": "amsterdamHeading2FontSizeWide",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "heading",
+              "item": "2",
+              "subitem": "font-size",
+              "state": "wide"
+            },
+            "path": [
+              "amsterdam",
+              "heading",
+              "2",
+              "font-size",
+              "wide"
+            ]
+          }
+        },
+        "line-height": {
+          "value": "1.3",
+          "filePath": "./src/components/amsterdam/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.2.line-height}"
+          },
+          "name": "amsterdamHeading2LineHeight",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "heading",
+            "item": "2",
+            "subitem": "line-height"
+          },
+          "path": [
+            "amsterdam",
+            "heading",
+            "2",
+            "line-height"
+          ]
+        }
+      },
+      "3": {
+        "font-size": {
+          "narrow": {
+            "value": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)",
+            "filePath": "./src/components/amsterdam/heading.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.3.font-size.narrow}"
+            },
+            "name": "amsterdamHeading3FontSizeNarrow",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "heading",
+              "item": "3",
+              "subitem": "font-size",
+              "state": "narrow"
+            },
+            "path": [
+              "amsterdam",
+              "heading",
+              "3",
+              "font-size",
+              "narrow"
+            ]
+          },
+          "wide": {
+            "value": "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)",
+            "filePath": "./src/components/amsterdam/heading.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.3.font-size.wide}"
+            },
+            "name": "amsterdamHeading3FontSizeWide",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "heading",
+              "item": "3",
+              "subitem": "font-size",
+              "state": "wide"
+            },
+            "path": [
+              "amsterdam",
+              "heading",
+              "3",
+              "font-size",
+              "wide"
+            ]
+          }
+        },
+        "line-height": {
+          "value": "1.4",
+          "filePath": "./src/components/amsterdam/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.3.line-height}"
+          },
+          "name": "amsterdamHeading3LineHeight",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "heading",
+            "item": "3",
+            "subitem": "line-height"
+          },
+          "path": [
+            "amsterdam",
+            "heading",
+            "3",
+            "line-height"
+          ]
+        }
+      },
+      "4": {
+        "font-size": {
+          "narrow": {
+            "value": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)",
+            "filePath": "./src/components/amsterdam/heading.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.5.font-size.narrow}"
+            },
+            "name": "amsterdamHeading4FontSizeNarrow",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "heading",
+              "item": "4",
+              "subitem": "font-size",
+              "state": "narrow"
+            },
+            "path": [
+              "amsterdam",
+              "heading",
+              "4",
+              "font-size",
+              "narrow"
+            ]
+          },
+          "wide": {
+            "value": "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)",
+            "filePath": "./src/components/amsterdam/heading.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.5.font-size.wide}"
+            },
+            "name": "amsterdamHeading4FontSizeWide",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "heading",
+              "item": "4",
+              "subitem": "font-size",
+              "state": "wide"
+            },
+            "path": [
+              "amsterdam",
+              "heading",
+              "4",
+              "font-size",
+              "wide"
+            ]
+          }
+        },
+        "line-height": {
+          "value": "1.4",
+          "filePath": "./src/components/amsterdam/heading.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.5.line-height}"
+          },
+          "name": "amsterdamHeading4LineHeight",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "heading",
+            "item": "4",
+            "subitem": "line-height"
+          },
+          "path": [
+            "amsterdam",
+            "heading",
+            "4",
+            "line-height"
+          ]
+        }
+      },
+      "color": {
+        "value": "#000000",
+        "filePath": "./src/components/amsterdam/heading.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.color.primary-black}"
+        },
+        "name": "amsterdamHeadingColor",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "heading",
+          "item": "color"
+        },
+        "path": [
+          "amsterdam",
+          "heading",
+          "color"
+        ]
+      },
+      "font-family": {
+        "value": "'Amsterdam Sans', Arial, sans-serif",
+        "filePath": "./src/components/amsterdam/heading.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.typography.font-family}"
+        },
+        "name": "amsterdamHeadingFontFamily",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "heading",
+          "item": "font-family"
+        },
+        "path": [
+          "amsterdam",
+          "heading",
+          "font-family"
+        ]
+      },
+      "font-weight": {
+        "value": 800,
+        "filePath": "./src/components/amsterdam/heading.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.typography.font-weight.bold}"
+        },
+        "name": "amsterdamHeadingFontWeight",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "heading",
+          "item": "font-weight"
+        },
+        "path": [
+          "amsterdam",
+          "heading",
+          "font-weight"
+        ]
+      }
+    },
+    "icon": {
+      "size-3": {
+        "icon-size": {
+          "narrow": {
+            "value": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)",
+            "filePath": "./src/components/amsterdam/icon.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.3.font-size.narrow}"
+            },
+            "name": "amsterdamIconSize3IconSizeNarrow",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "icon",
+              "item": "size-3",
+              "subitem": "icon-size",
+              "state": "narrow"
+            },
+            "path": [
+              "amsterdam",
+              "icon",
+              "size-3",
+              "icon-size",
+              "narrow"
+            ]
+          },
+          "wide": {
+            "value": "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)",
+            "filePath": "./src/components/amsterdam/icon.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.3.font-size.wide}"
+            },
+            "name": "amsterdamIconSize3IconSizeWide",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "icon",
+              "item": "size-3",
+              "subitem": "icon-size",
+              "state": "wide"
+            },
+            "path": [
+              "amsterdam",
+              "icon",
+              "size-3",
+              "icon-size",
+              "wide"
+            ]
+          }
+        },
+        "container-multiplier": {
+          "value": "1.4",
+          "filePath": "./src/components/amsterdam/icon.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.3.line-height}"
+          },
+          "name": "amsterdamIconSize3ContainerMultiplier",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "icon",
+            "item": "size-3",
+            "subitem": "container-multiplier"
+          },
+          "path": [
+            "amsterdam",
+            "icon",
+            "size-3",
+            "container-multiplier"
+          ]
+        }
+      },
+      "size-4": {
+        "icon-size": {
+          "narrow": {
+            "value": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)",
+            "filePath": "./src/components/amsterdam/icon.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.4.font-size.narrow}"
+            },
+            "name": "amsterdamIconSize4IconSizeNarrow",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "icon",
+              "item": "size-4",
+              "subitem": "icon-size",
+              "state": "narrow"
+            },
+            "path": [
+              "amsterdam",
+              "icon",
+              "size-4",
+              "icon-size",
+              "narrow"
+            ]
+          },
+          "wide": {
+            "value": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)",
+            "filePath": "./src/components/amsterdam/icon.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.4.font-size.wide}"
+            },
+            "name": "amsterdamIconSize4IconSizeWide",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "icon",
+              "item": "size-4",
+              "subitem": "icon-size",
+              "state": "wide"
+            },
+            "path": [
+              "amsterdam",
+              "icon",
+              "size-4",
+              "icon-size",
+              "wide"
+            ]
+          }
+        },
+        "container-multiplier": {
+          "value": "1.5",
+          "filePath": "./src/components/amsterdam/icon.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.4.line-height}"
+          },
+          "name": "amsterdamIconSize4ContainerMultiplier",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "icon",
+            "item": "size-4",
+            "subitem": "container-multiplier"
+          },
+          "path": [
+            "amsterdam",
+            "icon",
+            "size-4",
+            "container-multiplier"
+          ]
+        }
+      },
+      "size-5": {
+        "icon-size": {
+          "narrow": {
+            "value": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)",
+            "filePath": "./src/components/amsterdam/icon.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.5.font-size.narrow}"
+            },
+            "name": "amsterdamIconSize5IconSizeNarrow",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "icon",
+              "item": "size-5",
+              "subitem": "icon-size",
+              "state": "narrow"
+            },
+            "path": [
+              "amsterdam",
+              "icon",
+              "size-5",
+              "icon-size",
+              "narrow"
+            ]
+          },
+          "wide": {
+            "value": "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)",
+            "filePath": "./src/components/amsterdam/icon.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.5.font-size.wide}"
+            },
+            "name": "amsterdamIconSize5IconSizeWide",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "icon",
+              "item": "size-5",
+              "subitem": "icon-size",
+              "state": "wide"
+            },
+            "path": [
+              "amsterdam",
+              "icon",
+              "size-5",
+              "icon-size",
+              "wide"
+            ]
+          }
+        },
+        "container-multiplier": {
+          "value": "1.4",
+          "filePath": "./src/components/amsterdam/icon.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.5.line-height}"
+          },
+          "name": "amsterdamIconSize5ContainerMultiplier",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "icon",
+            "item": "size-5",
+            "subitem": "container-multiplier"
+          },
+          "path": [
+            "amsterdam",
+            "icon",
+            "size-5",
+            "container-multiplier"
+          ]
+        }
+      },
+      "size-6": {
+        "icon-size": {
+          "narrow": {
+            "value": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
+            "filePath": "./src/components/amsterdam/icon.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.6.font-size.narrow}"
+            },
+            "name": "amsterdamIconSize6IconSizeNarrow",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "icon",
+              "item": "size-6",
+              "subitem": "icon-size",
+              "state": "narrow"
+            },
+            "path": [
+              "amsterdam",
+              "icon",
+              "size-6",
+              "icon-size",
+              "narrow"
+            ]
+          },
+          "wide": {
+            "value": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
+            "filePath": "./src/components/amsterdam/icon.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.6.font-size.wide}"
+            },
+            "name": "amsterdamIconSize6IconSizeWide",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "icon",
+              "item": "size-6",
+              "subitem": "icon-size",
+              "state": "wide"
+            },
+            "path": [
+              "amsterdam",
+              "icon",
+              "size-6",
+              "icon-size",
+              "wide"
+            ]
+          }
+        },
+        "container-multiplier": {
+          "value": "1.6",
+          "filePath": "./src/components/amsterdam/icon.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.6.line-height}"
+          },
+          "name": "amsterdamIconSize6ContainerMultiplier",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "icon",
+            "item": "size-6",
+            "subitem": "container-multiplier"
+          },
+          "path": [
+            "amsterdam",
+            "icon",
+            "size-6",
+            "container-multiplier"
+          ]
+        }
+      },
+      "size-7": {
+        "icon-size": {
+          "narrow": {
+            "value": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
+            "filePath": "./src/components/amsterdam/icon.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.7.font-size.narrow}"
+            },
+            "name": "amsterdamIconSize7IconSizeNarrow",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "icon",
+              "item": "size-7",
+              "subitem": "icon-size",
+              "state": "narrow"
+            },
+            "path": [
+              "amsterdam",
+              "icon",
+              "size-7",
+              "icon-size",
+              "narrow"
+            ]
+          },
+          "wide": {
+            "value": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
+            "filePath": "./src/components/amsterdam/icon.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.7.font-size.wide}"
+            },
+            "name": "amsterdamIconSize7IconSizeWide",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "icon",
+              "item": "size-7",
+              "subitem": "icon-size",
+              "state": "wide"
+            },
+            "path": [
+              "amsterdam",
+              "icon",
+              "size-7",
+              "icon-size",
+              "wide"
+            ]
+          }
+        },
+        "container-multiplier": {
+          "value": "1.6",
+          "filePath": "./src/components/amsterdam/icon.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.7.line-height}"
+          },
+          "name": "amsterdamIconSize7ContainerMultiplier",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "icon",
+            "item": "size-7",
+            "subitem": "container-multiplier"
+          },
+          "path": [
+            "amsterdam",
+            "icon",
+            "size-7",
+            "container-multiplier"
+          ]
+        }
+      }
+    },
+    "link": {
+      "color": {
+        "value": "#004699",
+        "filePath": "./src/components/amsterdam/link.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.color.primary-blue}"
+        },
+        "name": "amsterdamLinkColor",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "link",
+          "item": "color"
+        },
+        "path": [
+          "amsterdam",
+          "link",
+          "color"
+        ]
+      },
+      "outline-offset": {
+        "value": "2px",
+        "filePath": "./src/components/amsterdam/link.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.focus.outline-offset}"
+        },
+        "name": "amsterdamLinkOutlineOffset",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "link",
+          "item": "outline-offset"
+        },
+        "path": [
+          "amsterdam",
+          "link",
+          "outline-offset"
+        ]
+      },
+      "text-decoration": {
+        "value": "none",
+        "filePath": "./src/components/amsterdam/link.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "none"
+        },
+        "name": "amsterdamLinkTextDecoration",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "link",
+          "item": "text-decoration"
+        },
+        "path": [
+          "amsterdam",
+          "link",
+          "text-decoration"
+        ]
+      },
+      "text-underline-offset": {
+        "value": "9px",
+        "filePath": "./src/components/amsterdam/link.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "9px"
+        },
+        "name": "amsterdamLinkTextUnderlineOffset",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "link",
+          "item": "text-underline-offset"
+        },
+        "path": [
+          "amsterdam",
+          "link",
+          "text-underline-offset"
+        ]
+      },
+      "text-decoration-thickness": {
+        "value": "2px",
+        "filePath": "./src/components/amsterdam/link.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "2px"
+        },
+        "name": "amsterdamLinkTextDecorationThickness",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "link",
+          "item": "text-decoration-thickness"
+        },
+        "path": [
+          "amsterdam",
+          "link",
+          "text-decoration-thickness"
+        ]
+      },
+      "font-family": {
+        "value": "'Amsterdam Sans', Arial, sans-serif",
+        "filePath": "./src/components/amsterdam/link.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.typography.font-family}"
+        },
+        "name": "amsterdamLinkFontFamily",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "link",
+          "item": "font-family"
+        },
+        "path": [
+          "amsterdam",
+          "link",
+          "font-family"
+        ]
+      },
+      "font-size": {
+        "narrow": {
+          "value": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.6.font-size.narrow}"
+          },
+          "name": "amsterdamLinkFontSizeNarrow",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "font-size",
+            "subitem": "narrow"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "font-size",
+            "narrow"
+          ]
+        },
+        "wide": {
+          "value": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.6.font-size.wide}"
+          },
+          "name": "amsterdamLinkFontSizeWide",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "font-size",
+            "subitem": "wide"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "font-size",
+            "wide"
+          ]
+        }
+      },
+      "font-weight": {
+        "value": 400,
+        "filePath": "./src/components/amsterdam/link.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.typography.font-weight.normal}"
+        },
+        "name": "amsterdamLinkFontWeight",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "link",
+          "item": "font-weight"
+        },
+        "path": [
+          "amsterdam",
+          "link",
+          "font-weight"
+        ]
+      },
+      "focus": {
+        "color": {
+          "value": "#00387A",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.dark-blue}"
+          },
+          "name": "amsterdamLinkFocusColor",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "focus",
+            "subitem": "color"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "focus",
+            "color"
+          ]
+        },
+        "text-decoration": {
+          "value": "underline",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "underline"
+          },
+          "name": "amsterdamLinkFocusTextDecoration",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "focus",
+            "subitem": "text-decoration"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "focus",
+            "text-decoration"
+          ]
+        }
+      },
+      "hover": {
+        "color": {
+          "value": "#00387A",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.dark-blue}"
+          },
+          "name": "amsterdamLinkHoverColor",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "hover",
+            "subitem": "color"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "hover",
+            "color"
+          ]
+        },
+        "text-decoration": {
+          "value": "underline",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "underline"
+          },
+          "name": "amsterdamLinkHoverTextDecoration",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "hover",
+            "subitem": "text-decoration"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "hover",
+            "text-decoration"
+          ]
+        },
+        "text-decoration-thickness": {
+          "value": "2px",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "2px"
+          },
+          "name": "amsterdamLinkHoverTextDecorationThickness",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "hover",
+            "subitem": "text-decoration-thickness"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "hover",
+            "text-decoration-thickness"
+          ]
+        }
+      },
+      "line-height": {
+        "value": "1.6",
+        "filePath": "./src/components/amsterdam/link.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.typography.text-level.6.line-height}"
+        },
+        "name": "amsterdamLinkLineHeight",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "link",
+          "item": "line-height"
+        },
+        "path": [
+          "amsterdam",
+          "link",
+          "line-height"
+        ]
+      },
+      "visited": {
+        "color": {
+          "value": "#004699",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.primary-blue}"
+          },
+          "name": "amsterdamLinkVisitedColor",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "visited",
+            "subitem": "color"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "visited",
+            "color"
+          ]
+        }
+      },
+      "standalone-bold": {
+        "font-weight": {
+          "value": 800,
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.font-weight.bold}"
+          },
+          "name": "amsterdamLinkStandaloneBoldFontWeight",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "standalone-bold",
+            "subitem": "font-weight"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "standalone-bold",
+            "font-weight"
+          ]
+        }
+      },
+      "inline": {
+        "text-underline-offset": {
+          "value": "3px",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "3px"
+          },
+          "name": "amsterdamLinkInlineTextUnderlineOffset",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "inline",
+            "subitem": "text-underline-offset"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "inline",
+            "text-underline-offset"
+          ]
+        },
+        "font-family": {
+          "value": "inherit",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "inherit"
+          },
+          "name": "amsterdamLinkInlineFontFamily",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "inline",
+            "subitem": "font-family"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "inline",
+            "font-family"
+          ]
+        },
+        "font-size": {
+          "value": "inherit",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "inherit"
+          },
+          "name": "amsterdamLinkInlineFontSize",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "inline",
+            "subitem": "font-size"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "inline",
+            "font-size"
+          ]
+        },
+        "visited": {
+          "color": {
+            "value": "#A00078",
+            "filePath": "./src/components/amsterdam/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.purple}"
+            },
+            "name": "amsterdamLinkInlineVisitedColor",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "link",
+              "item": "inline",
+              "subitem": "visited",
+              "state": "color"
+            },
+            "path": [
+              "amsterdam",
+              "link",
+              "inline",
+              "visited",
+              "color"
+            ]
+          }
+        }
+      },
+      "in-list": {
+        "gap": {
+          "value": "0.5em",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "0.5em"
+          },
+          "name": "amsterdamLinkInListGap",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "in-list",
+            "subitem": "gap"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "in-list",
+            "gap"
+          ]
+        },
+        "text-underline-offset": {
+          "value": "0.3em",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "0.3em"
+          },
+          "name": "amsterdamLinkInListTextUnderlineOffset",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "in-list",
+            "subitem": "text-underline-offset"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "in-list",
+            "text-underline-offset"
+          ]
+        },
+        "font-size": {
+          "narrow": {
+            "value": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
+            "filePath": "./src/components/amsterdam/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.7.font-size.narrow}"
+            },
+            "name": "amsterdamLinkInListFontSizeNarrow",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "link",
+              "item": "in-list",
+              "subitem": "font-size",
+              "state": "narrow"
+            },
+            "path": [
+              "amsterdam",
+              "link",
+              "in-list",
+              "font-size",
+              "narrow"
+            ]
+          },
+          "wide": {
+            "value": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
+            "filePath": "./src/components/amsterdam/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.7.font-size.wide}"
+            },
+            "name": "amsterdamLinkInListFontSizeWide",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "link",
+              "item": "in-list",
+              "subitem": "font-size",
+              "state": "wide"
+            },
+            "path": [
+              "amsterdam",
+              "link",
+              "in-list",
+              "font-size",
+              "wide"
+            ]
+          }
+        },
+        "line-height": {
+          "value": "1.6",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.7.line-height}"
+          },
+          "name": "amsterdamLinkInListLineHeight",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "in-list",
+            "subitem": "line-height"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "in-list",
+            "line-height"
+          ]
+        }
+      },
+      "on-background-dark": {
+        "color": {
+          "value": "#ffffff",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.primary-white}"
+          },
+          "name": "amsterdamLinkOnBackgroundDarkColor",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "on-background-dark",
+            "subitem": "color"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "on-background-dark",
+            "color"
+          ]
+        },
+        "text-decoration": {
+          "value": "underline",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "underline"
+          },
+          "name": "amsterdamLinkOnBackgroundDarkTextDecoration",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "on-background-dark",
+            "subitem": "text-decoration"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "on-background-dark",
+            "text-decoration"
+          ]
+        },
+        "focus": {
+          "color": {
+            "value": "#ffffff",
+            "filePath": "./src/components/amsterdam/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.primary-white}"
+            },
+            "name": "amsterdamLinkOnBackgroundDarkFocusColor",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "link",
+              "item": "on-background-dark",
+              "subitem": "focus",
+              "state": "color"
+            },
+            "path": [
+              "amsterdam",
+              "link",
+              "on-background-dark",
+              "focus",
+              "color"
+            ]
+          },
+          "text-decoration": {
+            "value": "underline",
+            "filePath": "./src/components/amsterdam/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "underline"
+            },
+            "name": "amsterdamLinkOnBackgroundDarkFocusTextDecoration",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "link",
+              "item": "on-background-dark",
+              "subitem": "focus",
+              "state": "text-decoration"
+            },
+            "path": [
+              "amsterdam",
+              "link",
+              "on-background-dark",
+              "focus",
+              "text-decoration"
+            ]
+          }
+        },
+        "hover": {
+          "color": {
+            "value": "#ffffff",
+            "filePath": "./src/components/amsterdam/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.primary-white}"
+            },
+            "name": "amsterdamLinkOnBackgroundDarkHoverColor",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "link",
+              "item": "on-background-dark",
+              "subitem": "hover",
+              "state": "color"
+            },
+            "path": [
+              "amsterdam",
+              "link",
+              "on-background-dark",
+              "hover",
+              "color"
+            ]
+          },
+          "text-decoration": {
+            "value": "none",
+            "filePath": "./src/components/amsterdam/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "none"
+            },
+            "name": "amsterdamLinkOnBackgroundDarkHoverTextDecoration",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "link",
+              "item": "on-background-dark",
+              "subitem": "hover",
+              "state": "text-decoration"
+            },
+            "path": [
+              "amsterdam",
+              "link",
+              "on-background-dark",
+              "hover",
+              "text-decoration"
+            ]
+          }
+        },
+        "visited": {
+          "color": {
+            "value": "#ffffff",
+            "filePath": "./src/components/amsterdam/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.primary-white}"
+            },
+            "name": "amsterdamLinkOnBackgroundDarkVisitedColor",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "link",
+              "item": "on-background-dark",
+              "subitem": "visited",
+              "state": "color"
+            },
+            "path": [
+              "amsterdam",
+              "link",
+              "on-background-dark",
+              "visited",
+              "color"
+            ]
+          }
+        }
+      },
+      "on-background-light": {
+        "color": {
+          "value": "#000000",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.primary-black}"
+          },
+          "name": "amsterdamLinkOnBackgroundLightColor",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "on-background-light",
+            "subitem": "color"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "on-background-light",
+            "color"
+          ]
+        },
+        "text-decoration": {
+          "value": "underline",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "underline"
+          },
+          "name": "amsterdamLinkOnBackgroundLightTextDecoration",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "on-background-light",
+            "subitem": "text-decoration"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "on-background-light",
+            "text-decoration"
+          ]
+        },
+        "text-decoration-thickness": {
+          "value": "2px",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "2px"
+          },
+          "name": "amsterdamLinkOnBackgroundLightTextDecorationThickness",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "on-background-light",
+            "subitem": "text-decoration-thickness"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "on-background-light",
+            "text-decoration-thickness"
+          ]
+        },
+        "text-underline-offset": {
+          "value": "9px",
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "9px"
+          },
+          "name": "amsterdamLinkOnBackgroundLightTextUnderlineOffset",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "on-background-light",
+            "subitem": "text-underline-offset"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "on-background-light",
+            "text-underline-offset"
+          ]
+        },
+        "active": {
+          "color": {
+            "value": "#000000",
+            "filePath": "./src/components/amsterdam/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.primary-black}"
+            },
+            "name": "amsterdamLinkOnBackgroundLightActiveColor",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "link",
+              "item": "on-background-light",
+              "subitem": "active",
+              "state": "color"
+            },
+            "path": [
+              "amsterdam",
+              "link",
+              "on-background-light",
+              "active",
+              "color"
+            ]
+          }
+        },
+        "font-size": {
+          "value": {
+            "narrow": {
+              "value": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)"
+              },
+              "name": "amsterdamTypographyTextLevel6FontSizeNarrow",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "6",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "6",
+                "font-size",
+                "narrow"
+              ]
+            },
+            "wide": {
+              "value": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
+              "filePath": "./src/brand/amsterdam/typography.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)"
+              },
+              "name": "amsterdamTypographyTextLevel6FontSizeWide",
+              "attributes": {
+                "category": "amsterdam",
+                "type": "typography",
+                "item": "text-level",
+                "subitem": "6",
+                "state": "font-size"
+              },
+              "path": [
+                "amsterdam",
+                "typography",
+                "text-level",
+                "6",
+                "font-size",
+                "wide"
+              ]
+            }
+          },
+          "filePath": "./src/components/amsterdam/link.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.6.font-size}"
+          },
+          "name": "amsterdamLinkOnBackgroundLightFontSize",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "link",
+            "item": "on-background-light",
+            "subitem": "font-size"
+          },
+          "path": [
+            "amsterdam",
+            "link",
+            "on-background-light",
+            "font-size"
+          ]
+        },
+        "focus": {
+          "color": {
+            "value": "#000000",
+            "filePath": "./src/components/amsterdam/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.primary-black}"
+            },
+            "name": "amsterdamLinkOnBackgroundLightFocusColor",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "link",
+              "item": "on-background-light",
+              "subitem": "focus",
+              "state": "color"
+            },
+            "path": [
+              "amsterdam",
+              "link",
+              "on-background-light",
+              "focus",
+              "color"
+            ]
+          },
+          "text-decoration": {
+            "value": "underline",
+            "filePath": "./src/components/amsterdam/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "underline"
+            },
+            "name": "amsterdamLinkOnBackgroundLightFocusTextDecoration",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "link",
+              "item": "on-background-light",
+              "subitem": "focus",
+              "state": "text-decoration"
+            },
+            "path": [
+              "amsterdam",
+              "link",
+              "on-background-light",
+              "focus",
+              "text-decoration"
+            ]
+          }
+        },
+        "hover": {
+          "color": {
+            "value": "#000000",
+            "filePath": "./src/components/amsterdam/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.primary-black}"
+            },
+            "name": "amsterdamLinkOnBackgroundLightHoverColor",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "link",
+              "item": "on-background-light",
+              "subitem": "hover",
+              "state": "color"
+            },
+            "path": [
+              "amsterdam",
+              "link",
+              "on-background-light",
+              "hover",
+              "color"
+            ]
+          },
+          "text-decoration": {
+            "value": "none",
+            "filePath": "./src/components/amsterdam/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "none"
+            },
+            "name": "amsterdamLinkOnBackgroundLightHoverTextDecoration",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "link",
+              "item": "on-background-light",
+              "subitem": "hover",
+              "state": "text-decoration"
+            },
+            "path": [
+              "amsterdam",
+              "link",
+              "on-background-light",
+              "hover",
+              "text-decoration"
+            ]
+          }
+        },
+        "visited": {
+          "color": {
+            "value": "#000000",
+            "filePath": "./src/components/amsterdam/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.primary-black}"
+            },
+            "name": "amsterdamLinkOnBackgroundLightVisitedColor",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "link",
+              "item": "on-background-light",
+              "subitem": "visited",
+              "state": "color"
+            },
+            "path": [
+              "amsterdam",
+              "link",
+              "on-background-light",
+              "visited",
+              "color"
+            ]
+          }
+        }
+      }
+    },
+    "paragraph": {
+      "color": {
+        "value": "#000000",
+        "filePath": "./src/components/amsterdam/paragraph.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.color.primary-black}"
+        },
+        "name": "amsterdamParagraphColor",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "paragraph",
+          "item": "color"
+        },
+        "path": [
+          "amsterdam",
+          "paragraph",
+          "color"
+        ]
+      },
+      "font-family": {
+        "value": "'Amsterdam Sans', Arial, sans-serif",
+        "filePath": "./src/components/amsterdam/paragraph.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.typography.font-family}"
+        },
+        "name": "amsterdamParagraphFontFamily",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "paragraph",
+          "item": "font-family"
+        },
+        "path": [
+          "amsterdam",
+          "paragraph",
+          "font-family"
+        ]
+      },
+      "font-size": {
+        "narrow": {
+          "value": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
+          "filePath": "./src/components/amsterdam/paragraph.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.6.font-size.narrow}"
+          },
+          "name": "amsterdamParagraphFontSizeNarrow",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "paragraph",
+            "item": "font-size",
+            "subitem": "narrow"
+          },
+          "path": [
+            "amsterdam",
+            "paragraph",
+            "font-size",
+            "narrow"
+          ]
+        },
+        "wide": {
+          "value": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
+          "filePath": "./src/components/amsterdam/paragraph.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.6.font-size.wide}"
+          },
+          "name": "amsterdamParagraphFontSizeWide",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "paragraph",
+            "item": "font-size",
+            "subitem": "wide"
+          },
+          "path": [
+            "amsterdam",
+            "paragraph",
+            "font-size",
+            "wide"
+          ]
+        }
+      },
+      "font-weight": {
+        "value": 400,
+        "filePath": "./src/components/amsterdam/paragraph.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.typography.font-weight.normal}"
+        },
+        "name": "amsterdamParagraphFontWeight",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "paragraph",
+          "item": "font-weight"
+        },
+        "path": [
+          "amsterdam",
+          "paragraph",
+          "font-weight"
+        ]
+      },
+      "line-height": {
+        "value": "1.6",
+        "filePath": "./src/components/amsterdam/paragraph.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.typography.text-level.6.line-height}"
+        },
+        "name": "amsterdamParagraphLineHeight",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "paragraph",
+          "item": "line-height"
+        },
+        "path": [
+          "amsterdam",
+          "paragraph",
+          "line-height"
+        ]
+      },
+      "small": {
+        "font-size": {
+          "narrow": {
+            "value": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
+            "filePath": "./src/components/amsterdam/paragraph.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.7.font-size.narrow}"
+            },
+            "name": "amsterdamParagraphSmallFontSizeNarrow",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "paragraph",
+              "item": "small",
+              "subitem": "font-size",
+              "state": "narrow"
+            },
+            "path": [
+              "amsterdam",
+              "paragraph",
+              "small",
+              "font-size",
+              "narrow"
+            ]
+          },
+          "wide": {
+            "value": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
+            "filePath": "./src/components/amsterdam/paragraph.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.7.font-size.wide}"
+            },
+            "name": "amsterdamParagraphSmallFontSizeWide",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "paragraph",
+              "item": "small",
+              "subitem": "font-size",
+              "state": "wide"
+            },
+            "path": [
+              "amsterdam",
+              "paragraph",
+              "small",
+              "font-size",
+              "wide"
+            ]
+          }
+        },
+        "line-height": {
+          "value": "1.6",
+          "filePath": "./src/components/amsterdam/paragraph.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.7.line-height}"
+          },
+          "name": "amsterdamParagraphSmallLineHeight",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "paragraph",
+            "item": "small",
+            "subitem": "line-height"
+          },
+          "path": [
+            "amsterdam",
+            "paragraph",
+            "small",
+            "line-height"
+          ]
+        }
+      },
+      "large": {
+        "font-size": {
+          "narrow": {
+            "value": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)",
+            "filePath": "./src/components/amsterdam/paragraph.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.4.font-size.narrow}"
+            },
+            "name": "amsterdamParagraphLargeFontSizeNarrow",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "paragraph",
+              "item": "large",
+              "subitem": "font-size",
+              "state": "narrow"
+            },
+            "path": [
+              "amsterdam",
+              "paragraph",
+              "large",
+              "font-size",
+              "narrow"
+            ]
+          },
+          "wide": {
+            "value": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)",
+            "filePath": "./src/components/amsterdam/paragraph.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.4.font-size.wide}"
+            },
+            "name": "amsterdamParagraphLargeFontSizeWide",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "paragraph",
+              "item": "large",
+              "subitem": "font-size",
+              "state": "wide"
+            },
+            "path": [
+              "amsterdam",
+              "paragraph",
+              "large",
+              "font-size",
+              "wide"
+            ]
+          }
+        },
+        "line-height": {
+          "value": "1.5",
+          "filePath": "./src/components/amsterdam/paragraph.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.4.line-height}"
+          },
+          "name": "amsterdamParagraphLargeLineHeight",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "paragraph",
+            "item": "large",
+            "subitem": "line-height"
+          },
+          "path": [
+            "amsterdam",
+            "paragraph",
+            "large",
+            "line-height"
+          ]
+        }
+      }
+    }
+  },
+  "utrecht": {
+    "button": {
+      "background-color": {
+        "value": "#004699",
+        "filePath": "./src/components/utrecht/button.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.color.primary-blue}"
+        },
+        "name": "utrechtButtonBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "button",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "button",
+          "background-color"
+        ]
+      },
+      "border-color": {},
+      "border-radius": {},
+      "border-width": {},
+      "color": {
+        "value": "#ffffff",
+        "filePath": "./src/components/utrecht/button.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.color.primary-white}"
+        },
+        "name": "utrechtButtonColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "button",
+          "item": "color"
+        },
+        "path": [
+          "utrecht",
+          "button",
+          "color"
+        ]
+      },
+      "font-family": {
+        "value": "'Amsterdam Sans', Arial, sans-serif",
+        "filePath": "./src/components/utrecht/button.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.typography.font-family}"
+        },
+        "name": "utrechtButtonFontFamily",
+        "attributes": {
+          "category": "utrecht",
+          "type": "button",
+          "item": "font-family"
+        },
+        "path": [
+          "utrecht",
+          "button",
+          "font-family"
+        ]
+      },
+      "font-size": {},
+      "line-height": {
+        "value": "1.6",
+        "filePath": "./src/components/utrecht/button.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.typography.text-level.6.line-height}"
+        },
+        "name": "utrechtButtonLineHeight",
+        "attributes": {
+          "category": "utrecht",
+          "type": "button",
+          "item": "line-height"
+        },
+        "path": [
+          "utrecht",
+          "button",
+          "line-height"
+        ]
+      },
+      "padding-inline-start": {
+        "value": "1rem",
+        "filePath": "./src/components/utrecht/button.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.spacing.inset.md}"
+        },
+        "name": "utrechtButtonPaddingInlineStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "button",
+          "item": "padding-inline-start"
+        },
+        "path": [
+          "utrecht",
+          "button",
+          "padding-inline-start"
+        ]
+      },
+      "padding-inline-end": {
+        "value": "1rem",
+        "filePath": "./src/components/utrecht/button.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.spacing.inset.md}"
+        },
+        "name": "utrechtButtonPaddingInlineEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "button",
+          "item": "padding-inline-end"
+        },
+        "path": [
+          "utrecht",
+          "button",
+          "padding-inline-end"
+        ]
+      },
+      "padding-block-start": {
+        "value": "0.5rem",
+        "filePath": "./src/components/utrecht/button.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.spacing.inset.sm}"
+        },
+        "name": "utrechtButtonPaddingBlockStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "button",
+          "item": "padding-block-start"
+        },
+        "path": [
+          "utrecht",
+          "button",
+          "padding-block-start"
+        ]
+      },
+      "padding-block-end": {
+        "value": "0.5rem",
+        "filePath": "./src/components/utrecht/button.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.spacing.inset.sm}"
+        },
+        "name": "utrechtButtonPaddingBlockEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "button",
+          "item": "padding-block-end"
+        },
+        "path": [
+          "utrecht",
+          "button",
+          "padding-block-end"
+        ]
+      },
+      "margin-inline-start": {},
+      "margin-inline-end": {},
+      "margin-block-start": {},
+      "margin-block-end": {},
+      "icon": {
+        "gap": {}
+      },
+      "disabled": {
+        "background-color": {
+          "value": "#B4B4B4",
+          "filePath": "./src/components/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.neutral-grey2}"
+          },
+          "name": "utrechtButtonDisabledBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "disabled",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "disabled",
+            "background-color"
+          ]
+        },
+        "color": {
+          "value": "#ffffff",
+          "filePath": "./src/components/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.primary-white}"
+          },
+          "name": "utrechtButtonDisabledColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "disabled",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "disabled",
+            "color"
+          ]
+        },
+        "border-color": {
+          "value": "transparent",
+          "filePath": "./src/components/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "transparent"
+          },
+          "name": "utrechtButtonDisabledBorderColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "disabled",
+            "subitem": "border-color"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "disabled",
+            "border-color"
+          ]
+        }
+      },
+      "hover": {
+        "background-color": {
+          "value": "#00387A",
+          "filePath": "./src/components/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.dark-blue}"
+          },
+          "name": "utrechtButtonHoverBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "hover",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "hover",
+            "background-color"
+          ]
+        }
+      },
+      "focus": {
+        "scale": {}
+      },
+      "primary-action": {
+        "background-color": {
+          "value": "#004699",
+          "filePath": "./src/components/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.primary-blue}"
+          },
+          "name": "utrechtButtonPrimaryActionBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "primary-action",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "primary-action",
+            "background-color"
+          ]
+        },
+        "border-color": {},
+        "border-width": {},
+        "color": {
+          "value": "#ffffff",
+          "filePath": "./src/components/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.primary-white}"
+          },
+          "name": "utrechtButtonPrimaryActionColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "primary-action",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "primary-action",
+            "color"
+          ]
+        },
+        "disabled": {
+          "background-color": {
+            "value": "#B4B4B4",
+            "filePath": "./src/components/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.neutral-grey2}"
+            },
+            "name": "utrechtButtonPrimaryActionDisabledBackgroundColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "primary-action",
+              "subitem": "disabled",
+              "state": "background-color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "primary-action",
+              "disabled",
+              "background-color"
+            ]
+          },
+          "color": {},
+          "border-color": {}
+        },
+        "hover": {
+          "background-color": {
+            "value": "#00387A",
+            "filePath": "./src/components/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.dark-blue}"
+            },
+            "name": "utrechtButtonPrimaryActionHoverBackgroundColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "primary-action",
+              "subitem": "hover",
+              "state": "background-color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "primary-action",
+              "hover",
+              "background-color"
+            ]
+          },
+          "border-color": {},
+          "color": {}
+        },
+        "focus": {
+          "background-color": {},
+          "border-color": {},
+          "border-width": {}
+        },
+        "ready": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        },
+        "warning": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        },
+        "danger": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        }
+      },
+      "secondary-action": {
+        "background-color": {
+          "value": "#ffffff",
+          "filePath": "./src/components/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.primary-white}"
+          },
+          "name": "utrechtButtonSecondaryActionBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "secondary-action",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "secondary-action",
+            "background-color"
+          ]
+        },
+        "color": {
+          "value": "#004699",
+          "filePath": "./src/components/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.primary-blue}"
+          },
+          "name": "utrechtButtonSecondaryActionColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "secondary-action",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "secondary-action",
+            "color"
+          ]
+        },
+        "border-color": {
+          "value": "#004699",
+          "filePath": "./src/components/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.primary-blue}"
+          },
+          "name": "utrechtButtonSecondaryActionBorderColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "secondary-action",
+            "subitem": "border-color"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "secondary-action",
+            "border-color"
+          ]
+        },
+        "border-width": {
+          "value": "2px",
+          "filePath": "./src/components/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.border-width.md}"
+          },
+          "name": "utrechtButtonSecondaryActionBorderWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "secondary-action",
+            "subitem": "border-width"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "secondary-action",
+            "border-width"
+          ]
+        },
+        "hover": {
+          "background-color": {},
+          "color": {
+            "value": "#00387A",
+            "filePath": "./src/components/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.dark-blue}"
+            },
+            "name": "utrechtButtonSecondaryActionHoverColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "secondary-action",
+              "subitem": "hover",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "secondary-action",
+              "hover",
+              "color"
+            ]
+          },
+          "border-color": {
+            "value": "#00387A",
+            "filePath": "./src/components/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.dark-blue}"
+            },
+            "name": "utrechtButtonSecondaryActionHoverBorderColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "secondary-action",
+              "subitem": "hover",
+              "state": "border-color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "secondary-action",
+              "hover",
+              "border-color"
+            ]
+          }
+        },
+        "disabled": {
+          "background-color": {
+            "value": "#ffffff",
+            "filePath": "./src/components/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.primary-white}"
+            },
+            "name": "utrechtButtonSecondaryActionDisabledBackgroundColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "secondary-action",
+              "subitem": "disabled",
+              "state": "background-color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "secondary-action",
+              "disabled",
+              "background-color"
+            ]
+          },
+          "color": {
+            "value": "#B4B4B4",
+            "filePath": "./src/components/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.neutral-grey2}"
+            },
+            "name": "utrechtButtonSecondaryActionDisabledColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "secondary-action",
+              "subitem": "disabled",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "secondary-action",
+              "disabled",
+              "color"
+            ]
+          },
+          "border-color": {
+            "value": "#B4B4B4",
+            "filePath": "./src/components/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.neutral-grey2}"
+            },
+            "name": "utrechtButtonSecondaryActionDisabledBorderColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "secondary-action",
+              "subitem": "disabled",
+              "state": "border-color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "secondary-action",
+              "disabled",
+              "border-color"
+            ]
+          }
+        },
+        "danger": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        },
+        "warning": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        },
+        "ready": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        }
+      },
+      "subtle": {
+        "background-color": {
+          "value": "transparent",
+          "filePath": "./src/components/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "transparent"
+          },
+          "name": "utrechtButtonSubtleBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "subtle",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "subtle",
+            "background-color"
+          ]
+        },
+        "border-color": {},
+        "border-width": {
+          "value": "2px",
+          "filePath": "./src/components/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.border-width.md}"
+          },
+          "name": "utrechtButtonSubtleBorderWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "subtle",
+            "subitem": "border-width"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "subtle",
+            "border-width"
+          ]
+        },
+        "color": {
+          "value": "#004699",
+          "filePath": "./src/components/utrecht/button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.primary-blue}"
+          },
+          "name": "utrechtButtonSubtleColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "button",
+            "item": "subtle",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "button",
+            "subtle",
+            "color"
+          ]
+        },
+        "font-weight": {},
+        "hover": {
+          "background-color": {},
+          "color": {},
+          "border-color": {
+            "value": "#767676",
+            "filePath": "./src/components/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.neutral-grey3}"
+            },
+            "name": "utrechtButtonSubtleHoverBorderColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "subtle",
+              "subitem": "hover",
+              "state": "border-color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "subtle",
+              "hover",
+              "border-color"
+            ]
+          }
+        },
+        "focus": {
+          "background-color": {},
+          "color": {},
+          "border-color": {}
+        },
+        "disabled": {
+          "background-color": {
+            "value": "transparent",
+            "filePath": "./src/components/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "transparent"
+            },
+            "name": "utrechtButtonSubtleDisabledBackgroundColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "subtle",
+              "subitem": "disabled",
+              "state": "background-color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "subtle",
+              "disabled",
+              "background-color"
+            ]
+          },
+          "color": {
+            "value": "#B4B4B4",
+            "filePath": "./src/components/utrecht/button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.neutral-grey2}"
+            },
+            "name": "utrechtButtonSubtleDisabledColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "button",
+              "item": "subtle",
+              "subitem": "disabled",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "button",
+              "subtle",
+              "disabled",
+              "color"
+            ]
+          }
+        },
+        "danger": {
+          "color": {},
+          "hover": {
+            "color": {}
+          },
+          "focus": {
+            "color": {}
+          }
+        },
+        "ready": {
+          "color": {},
+          "hover": {
+            "color": {}
+          },
+          "focus": {
+            "color": {}
+          }
+        }
+      }
     }
   }
-};
+};