@nysds/mcp-server 1.16.0 → 1.16.2-alpha1

package/data/tokens/tokens.json

@@ -0,0 +1,821 @@
+{
+  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
+
+  "primitive": {
+    "$description": "Raw foundational values - not for direct use in code, referenced by applied tokens",
+    "color": {
+      "$type": "color",
+
+      "neutral": {
+        "10": { "$value": "#f6f6f6" },
+        "50": { "$value": "#ededed" },
+        "100": { "$value": "#d0d0ce" },
+        "200": { "$value": "#bec0c1" },
+        "300": { "$value": "#a7a9ab" },
+        "400": { "$value": "#909395" },
+        "500": { "$value": "#797c7f" },
+        "600": { "$value": "#62666a" },
+        "700": { "$value": "#4a4d4f" },
+        "800": { "$value": "#323435" },
+        "900": { "$value": "#1b1b1b" }
+      },
+      "black": { "$value": "#000000" },
+      "white": { "$value": "#ffffff" },
+
+      "red": {
+        "10": { "$value": "#fbf4f4" },
+        "50": { "$value": "#f7eaea" },
+        "100": { "$value": "#f0d5d5" },
+        "200": { "$value": "#e4b3b3" },
+        "300": { "$value": "#d89191" },
+        "400": { "$value": "#cc6f6f" },
+        "500": { "$value": "#c04d4d" },
+        "600": { "$value": "#b52c2c" },
+        "700": { "$value": "#932424" },
+        "800": { "$value": "#721c1c" },
+        "900": { "$value": "#511414" }
+      },
+
+      "blue": {
+        "10": { "$value": "#f2f7fc" },
+        "50": { "$value": "#e5effa" },
+        "100": { "$value": "#cce0f6" },
+        "200": { "$value": "#a3c2ee" },
+        "300": { "$value": "#7aa5e7" },
+        "400": { "$value": "#5187df" },
+        "500": { "$value": "#286ad8" },
+        "600": { "$value": "#004dd1" },
+        "700": { "$value": "#003ba1" },
+        "800": { "$value": "#002971" },
+        "900": { "$value": "#001842" }
+      },
+
+      "green": {
+        "10": { "$value": "#f3f8f4" },
+        "50": { "$value": "#e8f1ea" },
+        "100": { "$value": "#d2e3d5" },
+        "200": { "$value": "#aecdb3" },
+        "300": { "$value": "#8ab792" },
+        "400": { "$value": "#66a170" },
+        "500": { "$value": "#428b4f" },
+        "600": { "$value": "#1e752e" },
+        "700": { "$value": "#165923" },
+        "800": { "$value": "#0f3d18" },
+        "900": { "$value": "#08210d" }
+      },
+
+      "yellow": {
+        "10": { "$value": "#fefcf2" },
+        "50": { "$value": "#fefae5" },
+        "100": { "$value": "#fef5cc" },
+        "200": { "$value": "#fce888" },
+        "300": { "$value": "#fbdb44" },
+        "400": { "$value": "#face00" },
+        "500": { "$value": "#d6b000" },
+        "600": { "$value": "#b29200" },
+        "700": { "$value": "#8e7500" },
+        "800": { "$value": "#6a5700" },
+        "900": { "$value": "#463a00" }
+      },
+
+      "state-blue": {
+        "$description": "Default theme palette",
+        "10": { "$value": "#f7fafd" },
+        "50": { "$value": "#eff6fb" },
+        "100": { "$value": "#cddde9" },
+        "200": { "$value": "#abc4d8" },
+        "300": { "$value": "#89abc7" },
+        "400": { "$value": "#6792b6" },
+        "500": { "$value": "#457aa5" },
+        "600": { "$value": "#2d618c" },
+        "700": { "$value": "#154973" },
+        "800": { "$value": "#0e324f" },
+        "900": { "$value": "#081b2b" }
+      },
+
+      "business-teal": {
+        "10": { "$value": "#f2f6f6" },
+        "50": { "$value": "#e5eded" },
+        "100": { "$value": "#c5d8d9" },
+        "200": { "$value": "#a5c3c5" },
+        "300": { "$value": "#85aeb1" },
+        "400": { "$value": "#65999e" },
+        "500": { "$value": "#387b82" },
+        "600": { "$value": "#0b5d66" },
+        "700": { "$value": "#084b52" },
+        "800": { "$value": "#05393f" },
+        "900": { "$value": "#02272c" }
+      },
+
+      "health-purple": {
+        "10": { "$value": "#f4f4f8" },
+        "50": { "$value": "#e9eaf1" },
+        "100": { "$value": "#d3d5e3" },
+        "200": { "$value": "#bbb8cc" },
+        "300": { "$value": "#a39bb6" },
+        "400": { "$value": "#8b7fa0" },
+        "500": { "$value": "#736289" },
+        "600": { "$value": "#5b4573" },
+        "700": { "$value": "#43285d" },
+        "800": { "$value": "#2c1a3e" },
+        "900": { "$value": "#160d1f" }
+      },
+
+      "local-brown": {
+        "10": { "$value": "#f6f5f4" },
+        "50": { "$value": "#eeebe9" },
+        "100": { "$value": "#ddd7d3" },
+        "200": { "$value": "#c3b9b3" },
+        "300": { "$value": "#a99b94" },
+        "400": { "$value": "#8f7d75" },
+        "500": { "$value": "#745e55" },
+        "600": { "$value": "#5a4036" },
+        "700": { "$value": "#402217" },
+        "800": { "$value": "#2a160f" },
+        "900": { "$value": "#150b07" }
+      },
+
+      "environment-green": {
+        "10": { "$value": "#f5f7f6" },
+        "50": { "$value": "#ecf0ee" },
+        "100": { "$value": "#d9e1dd" },
+        "200": { "$value": "#bac6bf" },
+        "300": { "$value": "#9caba1" },
+        "400": { "$value": "#7e9084" },
+        "500": { "$value": "#5f7566" },
+        "600": { "$value": "#415a48" },
+        "700": { "$value": "#233f2b" },
+        "800": { "$value": "#172a1c" },
+        "900": { "$value": "#0b150e" }
+      },
+
+      "admin-orange": {
+        "10": { "$value": "#fcf4ef" },
+        "50": { "$value": "#f9e9e0" },
+        "100": { "$value": "#f3d3c1" },
+        "200": { "$value": "#e7b59c" },
+        "300": { "$value": "#db9778" },
+        "400": { "$value": "#d07954" },
+        "500": { "$value": "#c0623b" },
+        "600": { "$value": "#b14b22" },
+        "700": { "$value": "#a2350a" },
+        "800": { "$value": "#752607" },
+        "900": { "$value": "#481704" }
+      },
+
+      "transportation-blue": {
+        "10": { "$value": "#f4f8fa" },
+        "50": { "$value": "#eaf2f5" },
+        "100": { "$value": "#d5e5eb" },
+        "200": { "$value": "#b2ccd9" },
+        "300": { "$value": "#90b3c7" },
+        "400": { "$value": "#6e9ab5" },
+        "500": { "$value": "#4d83a4" },
+        "600": { "$value": "#2c6c93" },
+        "700": { "$value": "#0b5583" },
+        "800": { "$value": "#093a5c" },
+        "900": { "$value": "#072036" }
+      },
+
+      "safety-gray": {
+        "10": { "$value": "#f2f5f6" },
+        "50": { "$value": "#e5ebed" },
+        "100": { "$value": "#cdd6da" },
+        "200": { "$value": "#b5c1c8" },
+        "300": { "$value": "#9dacb5" },
+        "400": { "$value": "#8697a3" },
+        "500": { "$value": "#6f8391" },
+        "600": { "$value": "#59707f" },
+        "700": { "$value": "#435d6e" },
+        "800": { "$value": "#30424f" },
+        "900": { "$value": "#1d2830" }
+      },
+
+      "transparent": { "$value": "#ffffff00" },
+
+      "black-transparent": {
+        "50": { "$value": "#00000003" },
+        "100": { "$value": "#0000001a" },
+        "200": { "$value": "#00000033" },
+        "300": { "$value": "#0000004d" },
+        "400": { "$value": "#00000066" },
+        "500": { "$value": "#00000080" },
+        "600": { "$value": "#00000099" },
+        "700": { "$value": "#000000b3" },
+        "800": { "$value": "#000000cc" },
+        "900": { "$value": "#000000e6" }
+      },
+
+      "white-transparent": {
+        "50": { "$value": "#ffffff03" },
+        "100": { "$value": "#ffffff1a" },
+        "200": { "$value": "#ffffff33" },
+        "300": { "$value": "#ffffff4d" },
+        "400": { "$value": "#ffffff66" },
+        "500": { "$value": "#ffffff80" },
+        "600": { "$value": "#ffffff99" },
+        "700": { "$value": "#ffffffb3" },
+        "800": { "$value": "#ffffffcc" },
+        "900": { "$value": "#ffffffe6" }
+      }
+    }
+  },
+
+  "color": {
+    "$type": "color",
+    "$description": "NYSDS color tokens",
+
+    "theme": {
+      "$description": "Theme colors with agency mode variations",
+      "faint": {
+        "$value": "{primitive.color.state-blue.10}",
+        "$extensions": {
+          "mode": {
+            "admin": "{primitive.color.admin-orange.10}",
+            "business": "{primitive.color.business-teal.10}",
+            "environment": "{primitive.color.environment-green.10}",
+            "health": "{primitive.color.health-purple.10}",
+            "local": "{primitive.color.local-brown.10}",
+            "safety": "{primitive.color.safety-gray.10}",
+            "transportation": "{primitive.color.transportation-blue.10}"
+          }
+        }
+      },
+      "weaker": {
+        "$value": "{primitive.color.state-blue.50}",
+        "$extensions": {
+          "mode": {
+            "admin": "{primitive.color.admin-orange.50}",
+            "business": "{primitive.color.business-teal.50}",
+            "environment": "{primitive.color.environment-green.50}",
+            "health": "{primitive.color.health-purple.50}",
+            "local": "{primitive.color.local-brown.50}",
+            "safety": "{primitive.color.safety-gray.50}",
+            "transportation": "{primitive.color.transportation-blue.50}"
+          }
+        }
+      },
+      "weak": {
+        "$value": "{primitive.color.state-blue.100}",
+        "$extensions": {
+          "mode": {
+            "admin": "{primitive.color.admin-orange.100}",
+            "business": "{primitive.color.business-teal.100}",
+            "environment": "{primitive.color.environment-green.100}",
+            "health": "{primitive.color.health-purple.100}",
+            "local": "{primitive.color.local-brown.100}",
+            "safety": "{primitive.color.safety-gray.100}",
+            "transportation": "{primitive.color.transportation-blue.100}"
+          }
+        }
+      },
+      "mid": {
+        "$value": "{primitive.color.state-blue.500}",
+        "$extensions": {
+          "mode": {
+            "admin": "{primitive.color.admin-orange.500}",
+            "business": "{primitive.color.business-teal.500}",
+            "environment": "{primitive.color.environment-green.500}",
+            "health": "{primitive.color.health-purple.500}",
+            "local": "{primitive.color.local-brown.500}",
+            "safety": "{primitive.color.safety-gray.500}",
+            "transportation": "{primitive.color.transportation-blue.500}"
+          }
+        }
+      },
+      "default": {
+        "$value": "{primitive.color.state-blue.700}",
+        "$extensions": {
+          "mode": {
+            "admin": "{primitive.color.admin-orange.700}",
+            "business": "{primitive.color.business-teal.700}",
+            "environment": "{primitive.color.environment-green.700}",
+            "health": "{primitive.color.health-purple.700}",
+            "local": "{primitive.color.local-brown.700}",
+            "safety": "{primitive.color.safety-gray.700}",
+            "transportation": "{primitive.color.transportation-blue.700}"
+          }
+        }
+      },
+      "strong": {
+        "$value": "{primitive.color.state-blue.800}",
+        "$extensions": {
+          "mode": {
+            "admin": "{primitive.color.admin-orange.800}",
+            "business": "{primitive.color.business-teal.800}",
+            "environment": "{primitive.color.environment-green.800}",
+            "health": "{primitive.color.health-purple.800}",
+            "local": "{primitive.color.local-brown.800}",
+            "safety": "{primitive.color.safety-gray.800}",
+            "transportation": "{primitive.color.transportation-blue.800}"
+          }
+        }
+      },
+      "stronger": {
+        "$value": "{primitive.color.state-blue.900}",
+        "$extensions": {
+          "mode": {
+            "admin": "{primitive.color.admin-orange.900}",
+            "business": "{primitive.color.business-teal.900}",
+            "environment": "{primitive.color.environment-green.900}",
+            "health": "{primitive.color.health-purple.900}",
+            "local": "{primitive.color.local-brown.900}",
+            "safety": "{primitive.color.safety-gray.900}",
+            "transportation": "{primitive.color.transportation-blue.900}"
+          }
+        }
+      }
+    }
+  },
+
+  "applied": {
+    "$description": "Semantic tokens for use in code - reference these, not primitives",
+    "color": {
+      "$type": "color",
+
+      "accent": {
+        "$value": "{primitive.color.yellow.400}",
+        "$description": "Accent color for highlights and emphasis. USE sparingly for visual interest."
+      },
+
+      "base": {
+        "default": {
+          "$value": "{primitive.color.neutral.600}",
+          "$description": "Default base color for UI elements. USE for borders and dividers."
+        },
+        "weak": {
+          "$value": "{primitive.color.neutral.10}",
+          "$description": "Subtle base color. USE for hover states and subtle backgrounds."
+        }
+      },
+
+      "success": {
+        "default": {
+          "$value": "{primitive.color.green.600}",
+          "$description": "Success state indicator. USE for confirmations and positive feedback. MUST pair with success icon."
+        },
+        "strong": {
+          "$value": "{primitive.color.green.800}",
+          "$description": "Strong success emphasis. USE for success text on light backgrounds."
+        },
+        "weak": {
+          "$value": "{primitive.color.green.50}",
+          "$description": "Success background tint. USE for success alert backgrounds."
+        }
+      },
+
+      "info": {
+        "default": {
+          "$value": "{primitive.color.blue.600}",
+          "$description": "Informational state. USE for neutral notifications and tips."
+        },
+        "strong": {
+          "$value": "{primitive.color.blue.800}",
+          "$description": "Strong info emphasis. USE for info text on light backgrounds."
+        },
+        "weak": {
+          "$value": "{primitive.color.blue.50}",
+          "$description": "Info background tint. USE for info alert backgrounds."
+        }
+      },
+
+      "warning": {
+        "default": {
+          "$value": "{primitive.color.yellow.400}",
+          "$description": "Warning state. USE for cautions that need attention. SHOULD pair with warning icon."
+        },
+        "strong": {
+          "$value": "{primitive.color.yellow.800}",
+          "$description": "Strong warning emphasis. USE for warning text on light backgrounds."
+        },
+        "weak": {
+          "$value": "{primitive.color.yellow.50}",
+          "$description": "Warning background tint. USE for warning alert backgrounds."
+        }
+      },
+
+      "danger": {
+        "default": {
+          "$value": "{primitive.color.red.600}",
+          "$description": "Danger/error state. USE for errors and destructive actions. MUST pair with error message."
+        },
+        "strong": {
+          "$value": "{primitive.color.red.800}",
+          "$description": "Strong danger emphasis. USE for error text on light backgrounds."
+        },
+        "weak": {
+          "$value": "{primitive.color.red.50}",
+          "$description": "Danger background tint. USE for error alert backgrounds."
+        }
+      },
+
+      "emergency": {
+        "default": {
+          "$value": "{primitive.color.red.800}",
+          "$description": "Emergency banner color. USE only for critical system-wide alerts."
+        },
+        "weak": {
+          "$value": "{primitive.color.red.300}",
+          "$description": "Emergency accent. USE for emergency banner highlights."
+        }
+      },
+
+      "ink": {
+        "default": {
+          "$value": "{primitive.color.neutral.900}",
+          "$description": "Primary ink color. USE for icons and graphic elements."
+        },
+        "reverse": {
+          "$value": "{primitive.color.white}",
+          "$description": "Reverse ink for dark backgrounds. USE for icons on dark surfaces."
+        }
+      },
+
+      "text": {
+        "default": {
+          "$value": "{primitive.color.neutral.900}",
+          "$description": "Primary text color. USE for body copy and headings. MUST meet WCAG 4.5:1 contrast."
+        },
+        "weak": {
+          "$value": "{primitive.color.neutral.700}",
+          "$description": "Secondary text. USE for metadata, captions, and supporting content."
+        },
+        "weaker": {
+          "$value": "{primitive.color.neutral.500}",
+          "$description": "Tertiary text. USE for placeholder text and subtle labels. AVOID for important content."
+        },
+        "weakest": {
+          "$value": "{primitive.color.neutral.200}",
+          "$description": "Decorative text only. AVOID for readable content - insufficient contrast."
+        },
+        "disabled": {
+          "$value": "{primitive.color.neutral.200}",
+          "$description": "Disabled text state. USE only for disabled form elements."
+        },
+        "reverse": {
+          "$value": "{primitive.color.white}",
+          "$description": "Primary text on dark backgrounds. MUST use with surface-reverse."
+        },
+        "reverse-weak": {
+          "$value": "{primitive.color.neutral.100}",
+          "$description": "Secondary text on dark backgrounds. USE for metadata on dark surfaces."
+        },
+        "reverse-weaker": {
+          "$value": "{primitive.color.neutral.200}",
+          "$description": "Tertiary text on dark backgrounds. USE for subtle content on dark surfaces."
+        },
+        "reverse-disabled": {
+          "$value": "{primitive.color.neutral.600}",
+          "$description": "Disabled text on dark backgrounds. USE only for disabled elements on dark surfaces."
+        }
+      },
+
+      "link": {
+        "default": {
+          "$value": "{primitive.color.blue.600}",
+          "$description": "Default link color. MUST be distinguishable from body text. USE for inline links."
+        },
+        "strong": {
+          "$value": "{primitive.color.blue.700}",
+          "$description": "Visited or hover link state. USE for :visited and :hover states."
+        },
+        "strongest": {
+          "$value": "{primitive.color.blue.800}",
+          "$description": "Active link state. USE for :active state on links."
+        },
+        "neutral": {
+          "$value": "{primitive.color.neutral.900}",
+          "$description": "Neutral link style. USE when link styling should match body text color."
+        },
+        "reverse": {
+          "$value": "{primitive.color.neutral.300}",
+          "$description": "Link on dark background. USE for links on dark surfaces."
+        },
+        "reverse-strong": {
+          "$value": "{primitive.color.neutral.50}",
+          "$description": "Hover link on dark background. USE for :hover on dark surfaces."
+        },
+        "reverse-strongest": {
+          "$value": "{primitive.color.white}",
+          "$description": "Active link on dark background. USE for :active on dark surfaces."
+        },
+        "reverse-neutral": {
+          "$value": "{primitive.color.white}",
+          "$description": "Neutral link on dark background. USE for neutral links on dark surfaces."
+        }
+      },
+
+      "surface": {
+        "default": {
+          "$value": "{primitive.color.white}",
+          "$description": "Default page background. USE for main content areas and cards."
+        },
+        "reverse": {
+          "$value": "{primitive.color.neutral.900}",
+          "$description": "Dark surface background. USE for dark mode sections and footers."
+        },
+        "raised": {
+          "$value": "{primitive.color.neutral.10}",
+          "$description": "Elevated surface background. USE for cards and raised elements."
+        }
+      },
+
+      "focus": {
+        "$value": "{primitive.color.blue.600}",
+        "$description": "Focus ring color. MUST be visible on all backgrounds. USE for :focus-visible outlines."
+      },
+      "focus-reverse": {
+        "$value": "{primitive.color.blue.300}",
+        "$description": "Focus ring color on dark backgrounds. USE for :focus-visible outlines on dark surfaces."
+      }
+    }
+  },
+
+  "space": {
+    "$type": "dimension",
+    "$description": "Spacing tokens for margins, padding, and gaps",
+    "1px": { "$value": "1px" },
+    "2px": { "$value": "2px" },
+    "50": { "$value": "0.25rem" },
+    "100": { "$value": "0.5rem" },
+    "150": { "$value": "0.75rem" },
+    "200": { "$value": "1rem" },
+    "250": { "$value": "1.25rem" },
+    "300": { "$value": "1.5rem" },
+    "400": { "$value": "2rem" },
+    "500": { "$value": "2.5rem" },
+    "600": { "$value": "3rem" },
+    "700": { "$value": "3.5rem" },
+    "800": { "$value": "4rem" },
+    "1200": { "$value": "6rem" }
+  },
+
+  "size": {
+    "$type": "dimension",
+    "$description": "Size tokens for widths, heights, and dimensions",
+    "1px": { "$value": "1px" },
+    "2px": { "$value": "2px" },
+    "50": { "$value": "0.25rem" },
+    "100": { "$value": "0.5rem" },
+    "150": { "$value": "0.75rem" },
+    "200": { "$value": "1rem" },
+    "250": { "$value": "1.25rem" },
+    "300": { "$value": "1.5rem" },
+    "400": { "$value": "2rem" },
+    "450": { "$value": "2.25rem" },
+    "500": { "$value": "2.5rem" },
+    "550": { "$value": "2.75rem" },
+    "600": { "$value": "3rem" },
+    "700": { "$value": "3.5rem" },
+    "800": { "$value": "4rem" },
+    "1200": { "$value": "6rem" }
+  },
+
+  "border": {
+    "width": {
+      "$type": "dimension",
+      "sm": { "$value": "1px" },
+      "md": { "$value": "2px" },
+      "lg": { "$value": "4px" }
+    }
+  },
+
+  "radius": {
+    "$type": "dimension",
+    "$description": "Border radius tokens",
+    "xs": { "$value": "1px" },
+    "sm": { "$value": "2px" },
+    "md": { "$value": "0.25rem" },
+    "lg": { "$value": "0.5rem" },
+    "xl": { "$value": "0.75rem" },
+    "xxl": { "$value": "1rem" },
+    "round": { "$value": "1776px", "$description": "Ever upward!" }
+  },
+
+  "form": {
+    "width": {
+      "$type": "dimension",
+      "sm": { "$value": "5.5rem" },
+      "md": { "$value": "12.5rem" },
+      "lg": { "$value": "24rem" }
+    }
+  },
+
+  "gutter": {
+    "$type": "dimension",
+    "xs": { "$value": "1.25rem" },
+    "sm": { "$value": "1.25rem" },
+    "md": { "$value": "2rem" },
+    "lg": { "$value": "2rem" },
+    "xl": { "$value": "4rem" }
+  },
+
+  "shadow": {
+    "$type": "shadow",
+    "$description": "Elevation/shadow tokens",
+    "raised": {
+      "$value": [
+        {
+          "offsetX": "0px",
+          "offsetY": "4px",
+          "blur": "6px",
+          "spread": "-1px",
+          "color": "#0000001a"
+        },
+        {
+          "offsetX": "0px",
+          "offsetY": "4px",
+          "blur": "6px",
+          "spread": "-1px",
+          "color": "#00000003"
+        }
+      ]
+    },
+    "overlay": {
+      "$value": {
+        "offsetX": "0px",
+        "offsetY": "25px",
+        "blur": "50px",
+        "spread": "-12px",
+        "color": "#0000004d"
+      }
+    }
+  },
+
+  "font": {
+    "family": {
+      "$type": "fontFamily",
+      "sans": {
+        "$value": [
+          "Proxima Nova",
+          "-apple-system",
+          "BlinkMacSystemFont",
+          "Segoe UI",
+          "Roboto",
+          "Helvetica",
+          "Arial",
+          "sans-serif",
+          "Apple Color Emoji",
+          "Segoe UI Emoji",
+          "Segoe UI Symbol"
+        ]
+      },
+      "serif": {
+        "$value": [
+          "Noto Serif",
+          "Georgia",
+          "Cambria",
+          "Times New Roman",
+          "Times",
+          "serif"
+        ]
+      },
+      "alt": { "$value": ["Oswald", "Arial", "sans-serif"] },
+      "monospace": {
+        "$value": [
+          "Roboto Mono Web",
+          "Bitstream Vera Sans Mono",
+          "Consolas",
+          "Courier",
+          "monospace"
+        ]
+      },
+      "agency": { "$value": ["D Sari", "Arial", "sans-serif"] },
+      "body": { "$value": "{font.family.sans}" },
+      "display": { "$value": "{font.family.sans}" },
+      "ui": { "$value": "{font.family.sans}" },
+      "heading": { "$value": "{font.family.sans}" }
+    },
+
+    "size": {
+      "$type": "dimension",
+      "2xs": { "$value": "0.625rem" },
+      "xs": { "$value": "0.75rem" },
+      "sm": { "$value": "0.875rem" },
+      "md": { "$value": "1rem" },
+      "lg": { "$value": "1.125rem" },
+      "xl": { "$value": "1.25rem" },
+      "2xl": { "$value": "1.375rem" },
+      "3xl": { "$value": "1.5rem" },
+      "4xl": { "$value": "1.75rem" },
+      "5xl": { "$value": "2rem" },
+      "6xl": { "$value": "2.25rem" },
+      "7xl": { "$value": "2.5rem" },
+      "8xl": { "$value": "2.75rem" },
+      "9xl": { "$value": "3.125rem" },
+      "body-xs": { "$value": "{font.size.xs}" },
+      "body-sm": { "$value": "{font.size.sm}" },
+      "body-md": { "$value": "{font.size.md}" },
+      "body-lg": { "$value": "{font.size.lg}" },
+      "h1": { "$value": "{font.size.7xl}" },
+      "h2": { "$value": "{font.size.5xl}" },
+      "h3": { "$value": "{font.size.4xl}" },
+      "h4": { "$value": "{font.size.2xl}" },
+      "h5": { "$value": "{font.size.2xl}" },
+      "h6": { "$value": "{font.size.lg}" },
+      "ui-xs": { "$value": "{font.size.xs}" },
+      "ui-sm": { "$value": "{font.size.sm}" },
+      "ui-md": { "$value": "{font.size.md}" },
+      "ui-lg": { "$value": "{font.size.lg}" },
+      "ui-xl": { "$value": "{font.size.xl}" },
+      "display-sm": { "$value": "{font.size.6xl}" },
+      "display-md": { "$value": "{font.size.7xl}" },
+      "display-lg": { "$value": "{font.size.8xl}" },
+      "display-xl": { "$value": "{font.size.9xl}" },
+      "agency-md": { "$value": "{font.size.md}" },
+      "agency-lg": { "$value": "{font.size.lg}" },
+      "agency-xl": { "$value": "{font.size.2xl}" }
+    },
+
+    "weight": {
+      "$type": "fontWeight",
+      "thin": { "$value": 100 },
+      "extralight": { "$value": 200 },
+      "light": { "$value": 300 },
+      "regular": { "$value": 400 },
+      "medium": { "$value": 500 },
+      "semibold": { "$value": 600 },
+      "bold": { "$value": 700 },
+      "extrabold": { "$value": 800 },
+      "black": { "$value": 900 }
+    },
+
+    "lineheight": {
+      "$type": "dimension",
+      "2xs": { "$value": "1.125rem" },
+      "xs": { "$value": "1.3125rem" },
+      "sm": { "$value": "1.375rem" },
+      "md": { "$value": "1.5625rem" },
+      "lg": { "$value": "1.75rem" },
+      "xl": { "$value": "1.9375rem" },
+      "2xl": { "$value": "2.4375rem" },
+      "3xl": { "$value": "2.8125rem" },
+      "4xl": { "$value": "3.5625rem" },
+      "body-xs": { "$value": "1.25rem" },
+      "body-sm": { "$value": "1.5rem" },
+      "body-md": { "$value": "1.5rem" },
+      "body-lg": { "$value": "1.75rem" },
+      "ui-xs": { "$value": "1.25rem" },
+      "ui-sm": { "$value": "1.5rem" },
+      "ui-md": { "$value": "1.5rem" },
+      "ui-lg": { "$value": "1.75rem" },
+      "ui-xl": { "$value": "1.75rem" },
+      "display-sm": { "$value": "2.75rem" },
+      "display-md": { "$value": "3rem" },
+      "display-lg": { "$value": "3.25rem" },
+      "display-xl": { "$value": "3.75rem" },
+      "h1": { "$value": "2.5rem" },
+      "h2": { "$value": "2.25rem" },
+      "h3": { "$value": "2rem" },
+      "h4": { "$value": "2rem" },
+      "h5": { "$value": "1.75rem" },
+      "h6": { "$value": "1.75rem" }
+    },
+
+    "letterspacing": {
+      "$type": "dimension",
+      "negative-200": { "$value": "-0.02rem" },
+      "negative-100": { "$value": "-0.01rem" },
+      "0": { "$value": "0rem" },
+      "100": { "$value": "0.001rem" },
+      "200": { "$value": "0.001rem" },
+      "300": { "$value": "0.002rem" },
+      "400": { "$value": "0.003rem" },
+      "500": { "$value": "0.003rem" },
+      "600": { "$value": "0.004rem" },
+      "display-sm": { "$value": "{font.letterspacing.0}" },
+      "display-md": { "$value": "{font.letterspacing.0}" },
+      "display-lg": { "$value": "{font.letterspacing.negative-100}" },
+      "display-xl": { "$value": "{font.letterspacing.negative-100}" },
+      "ui-xs": { "$value": "{font.letterspacing.600}" },
+      "ui-sm": { "$value": "{font.letterspacing.400}" },
+      "ui-md": { "$value": "{font.letterspacing.400}" },
+      "ui-lg": { "$value": "{font.letterspacing.300}" },
+      "ui-xl": { "$value": "{font.letterspacing.200}" },
+      "body-xs": { "$value": "{font.letterspacing.600}" },
+      "body-sm": { "$value": "{font.letterspacing.400}" },
+      "body-md": { "$value": "{font.letterspacing.400}" },
+      "h1": { "$value": "{font.letterspacing.0}" },
+      "h2": { "$value": "{font.letterspacing.100}" },
+      "h3": { "$value": "{font.letterspacing.100}" },
+      "h4": { "$value": "{font.letterspacing.200}" },
+      "h5": { "$value": "{font.letterspacing.200}" },
+      "h6": { "$value": "{font.letterspacing.300}" }
+    }
+  },
+
+  "icon": {
+    "size": {
+      "$type": "dimension",
+      "xs": { "$value": "{font.size.xs}" },
+      "sm": { "$value": "{font.size.sm}" },
+      "md": { "$value": "{font.size.md}" },
+      "lg": { "$value": "{font.size.lg}" },
+      "xl": { "$value": "{font.size.xl}" },
+      "2xl": { "$value": "{font.size.2xl}" },
+      "3xl": { "$value": "{font.size.3xl}" },
+      "4xl": { "$value": "{font.size.4xl}" },
+      "5xl": { "$value": "{font.size.5xl}" }
+    }
+  }
+}