@vetc-miniapp/ui-react 0.0.22 → 0.0.24

package/src/ui-react/tokens_vetc.json

@@ -0,0 +1,1517 @@
+{
+  "global": {
+
+    "white": {
+      "type": "color",
+      "value": "#ffffff"
+    },
+    "black": {
+      "type": "color",
+      "value": "#000000"
+    },
+    "color": {
+      "black10": {
+        "type": "color",
+        "value": "#000000"
+      },
+      "color-global-black": {
+        "type": "color",
+        "value": "#000000"
+      },
+      "color-global-white": {
+        "type": "color",
+        "value": "#ffffff"
+      },
+      "color-global-blue-02": {
+        "type": "color",
+        "value": "#f4fbff"
+      },
+
+      "color-global-blue-05": {
+        "type": "color",
+        "value": "#e4f4ff"
+      },
+      "color-global-blue-10": {
+        "type": "color",
+        "value": "#cae9ff"
+      },
+
+      "color-global-blue-15": {
+        "type": "color",
+        "value": "#afddff"
+      },
+
+      "color-global-blue-20": {
+        "type": "color",
+        "value": "#95d1ff"
+      },
+
+      "color-global-blue-25": {
+        "type": "color",
+        "value": "#7ac4fb"
+      },
+
+      "color-global-blue-30": {
+        "type": "color",
+        "value": "#60b6f4"
+      },
+
+      "color-global-blue-35": {
+        "type": "color",
+        "value": "#45a8eb"
+      },
+
+      "color-global-blue-40": {
+        "type": "color",
+        "value": "#2b99df"
+      },
+
+      "color-global-blue-45": {
+        "type": "color",
+        "value": "#108ad1"
+      },
+
+      "color-global-blue-50": {
+        "type": "color",
+        "value": "#007ac1"
+      },
+      "color-global-blue-60": {
+        "type": "color",
+        "value": "#005c9e"
+      },
+
+
+      "color-global-blue-70": {
+        "type": "color",
+        "value": "#004179"
+      },
+
+
+      "color-global-blue-80": {
+        "type": "color",
+        "value": "#002853"
+      },
+
+
+      "color-global-blue-90": {
+        "type": "color",
+        "value": "#00122a"
+      },
+      "color-global-downy-02": {
+        "type": "color",
+        "value": "#f0fefb"
+      },
+      "color-global-downy-05": {
+        "type": "color",
+        "value": "#dafcf6"
+      },
+      "color-global-downy-10": {
+        "type": "color",
+        "value": "#b8f5ed"
+      },
+      "color-global-downy-15": {
+        "type": "color",
+        "value": "#9aeae3"
+      },
+      "color-global-downy-20": {
+        "type": "color",
+        "value": "#80dbd7"
+      },
+      "color-global-downy-25": {
+        "type": "color",
+        "value": "#6ac9c8"
+      },
+
+      "color-global-downy-30": {
+        "type": "color",
+        "value": "#60bbbf"
+      },
+      "color-global-downy-35": {
+        "type": "color",
+        "value": "#56acb4"
+      },
+      "color-global-downy-40": {
+        "type": "color",
+        "value": "#4d9da8"
+      },
+
+      "color-global-downy-45": {
+        "type": "color",
+        "value": "#448e9d"
+      },
+
+      "color-global-downy-50": {
+        "type": "color",
+        "value": "#3c7f91"
+      },
+
+
+      "color-global-downy-60": {
+        "type": "color",
+        "value": "#2d6177"
+      },
+
+      "color-global-downy-70": {
+        "type": "color",
+        "value": "#1f445c"
+      },
+
+      "color-global-downy-80": {
+        "type": "color",
+        "value": "#132a3f"
+      },
+
+      "color-global-downy-90": {
+        "type": "color",
+        "value": "#091320"
+      },
+
+      "color-global-gray-02": {
+        "type": "color",
+        "value": "#f9fafa"
+      },
+      "color-global-gray-05": {
+        "type": "color",
+        "value": "#f1f1f2"
+      },
+      "color-global-gray-10": {
+        "type": "color",
+        "value": "#e3e4e6"
+      },
+      "color-global-gray-15": {
+        "type": "color",
+        "value": "#d4d6d9"
+      },
+      "color-global-gray-20": {
+        "type": "color",
+        "value": "#c6c8cc"
+      },
+      "color-global-gray-25": {
+        "type": "color",
+        "value": "#b8babf"
+      },
+
+      "color-global-gray-30": {
+        "type": "color",
+        "value": "#abacb2"
+      },
+      "color-global-gray-35": {
+        "type": "color",
+        "value": "#9d9ea5"
+      },
+      "color-global-gray-40": {
+        "type": "color",
+        "value": "#8f9098"
+      },
+
+      "color-global-gray-45": {
+        "type": "color",
+        "value": "#82828a"
+      },
+
+      "color-global-gray-50": {
+        "type": "color",
+        "value": "#74747d"
+      },
+
+
+      "color-global-gray-60": {
+        "type": "color",
+        "value": "#5e5d64"
+      },
+
+      "color-global-gray-70": {
+        "type": "color",
+        "value": "#47464b"
+      },
+
+      "color-global-gray-80": {
+        "type": "color",
+        "value": "#2f2f32"
+      },
+
+      "color-global-gray-90": {
+        "type": "color",
+        "value": "#181719"
+      },
+      "color-global-green-02": {
+        "type": "color",
+        "value": "#f2fef2"
+      },
+      "color-global-green-05": {
+        "type": "color",
+        "value": "#dffbdf"
+      },
+      "color-global-green-10": {
+        "type": "color",
+        "value": "#bff4bf"
+      },
+      "color-global-green-15": {
+        "type": "color",
+        "value": "#9feca7"
+      },
+      "color-global-green-20": {
+        "type": "color",
+        "value": "#82e194"
+      },
+      "color-global-green-25": {
+        "type": "color",
+        "value": "#68d583"
+      },
+
+      "color-global-green-30": {
+        "type": "color",
+        "value": "#50c775"
+      },
+      "color-global-green-35": {
+        "type": "color",
+        "value": "#39b669"
+      },
+      "color-global-green-40": {
+        "type": "color",
+        "value": "#25a45e"
+      },
+
+      "color-global-green-45": {
+        "type": "color",
+        "value": "#23965b"
+      },
+
+      "color-global-green-50": {
+        "type": "color",
+        "value": "#208758"
+      },
+
+
+      "color-global-green-60": {
+        "type": "color",
+        "value": "#1b6b4d"
+      },
+
+      "color-global-green-70": {
+        "type": "color",
+        "value": "#15503f"
+      },
+
+      "color-global-green-80": {
+        "type": "color",
+        "value": "#0f342d"
+      },
+
+      "color-global-green-90": {
+        "type": "color",
+        "value": "#081a18"
+      },
+      "color-global-indigo-02": {
+        "type": "color",
+        "value": "#f9f9fd"
+      },
+      "color-global-indigo-05": {
+        "type": "color",
+        "value": "#efeffa"
+      },
+      "color-global-indigo-10": {
+        "type": "color",
+        "value": "#dfdff4"
+      },
+      "color-global-indigo-15": {
+        "type": "color",
+        "value": "#cfcfee"
+      },
+      "color-global-indigo-20": {
+        "type": "color",
+        "value": "#bfbfe7"
+      },
+      "color-global-indigo-25": {
+        "type": "color",
+        "value": "#afb1df"
+      },
+
+      "color-global-indigo-30": {
+        "type": "color",
+        "value": "#9fa3d7"
+      },
+      "color-global-indigo-35": {
+        "type": "color",
+        "value": "#8f96ce"
+      },
+      "color-global-indigo-40": {
+        "type": "color",
+        "value": "#8089c5"
+      },
+
+      "color-global-indigo-45": {
+        "type": "color",
+        "value": "#717dbc"
+      },
+
+      "color-global-indigo-50": {
+        "type": "color",
+        "value": "#6472b1"
+      },
+
+
+      "color-global-indigo-60": {
+        "type": "color",
+        "value": "#4b5b9b"
+      },
+
+      "color-global-indigo-70": {
+        "type": "color",
+        "value": "#354783"
+      },
+
+      "color-global-indigo-80": {
+        "type": "color",
+        "value": "#213368"
+      },
+
+      "color-global-indigo-90": {
+        "type": "color",
+        "value": "#111d34"
+      },
+      "color-global-moonstone-02": {
+        "type": "color",
+        "value": "#f2fcff"
+      },
+      "color-global-moonstone-05": {
+        "type": "color",
+        "value": "#ddf6ff"
+      },
+      "color-global-moonstone-10": {
+        "type": "color",
+        "value": "#beecff"
+      },
+      "color-global-moonstone-15": {
+        "type": "color",
+        "value": "#a2e1fb"
+      },
+      "color-global-moonstone-20": {
+        "type": "color",
+        "value": "#87d5f5"
+      },
+      "color-global-moonstone-25": {
+        "type": "color",
+        "value": "#70c8ec"
+      },
+
+      "color-global-moonstone-30": {
+        "type": "color",
+        "value": "#5abae1"
+      },
+      "color-global-moonstone-35": {
+        "type": "color",
+        "value": "#47abd3"
+      },
+      "color-global-moonstone-38": {
+        "type": "color",
+        "value": "#3da1ca"
+      },
+      "color-global-moonstone-40": {
+        "type": "color",
+        "value": "#3b9bc4"
+      },
+
+      "color-global-moonstone-45": {
+        "type": "color",
+        "value": "#348db5"
+      },
+
+      "color-global-moonstone-50": {
+        "type": "color",
+        "value": "#2f7ea6"
+      },
+
+
+      "color-global-moonstone-60": {
+        "type": "color",
+        "value": "#246386"
+      },
+
+      "color-global-moonstone-70": {
+        "type": "color",
+        "value": "#194866"
+      },
+
+      "color-global-moonstone-80": {
+        "type": "color",
+        "value": "#102e45"
+      },
+
+      "color-global-moonstone-90": {
+        "type": "color",
+        "value": "#081623"
+      },
+      "color-global-orange-02": {
+        "type": "color",
+        "value": "#fffbf0"
+      },
+      "color-global-orange-05": {
+        "type": "color",
+        "value": "#fff3da"
+      },
+      "color-global-orange-10": {
+        "type": "color",
+        "value": "#ffe3b4"
+      },
+      "color-global-orange-15": {
+        "type": "color",
+        "value": "#ffd08f"
+      },
+      "color-global-orange-20": {
+        "type": "color",
+        "value": "ffbb69"
+      },
+      "color-global-orange-25": {
+        "type": "color",
+        "value": "#ffa447"
+      },
+
+      "color-global-orange-30": {
+        "type": "color",
+        "value": "#ff8c2f"
+      },
+      "color-global-orange-35": {
+        "type": "color",
+        "value": "#ef7720"
+      },
+      "color-global-orange-40": {
+        "type": "color",
+        "value": "#dd6e1d"
+      },
+
+      "color-global-orange-45": {
+        "type": "color",
+        "value": "#cb651b"
+      },
+
+      "color-global-orange-50": {
+        "type": "color",
+        "value": "#b85c18"
+      },
+
+
+      "color-global-orange-60": {
+        "type": "color",
+        "value": "#934913"
+      },
+
+      "color-global-orange-70": {
+        "type": "color",
+        "value": "#6f370f"
+      },
+
+      "color-global-orange-80": {
+        "type": "color",
+        "value": "#4a250a"
+      },
+
+      "color-global-orange-90": {
+        "type": "color",
+        "value": "#251205"
+      },
+      "color-global-purple-02": {
+        "type": "color",
+        "value": "#fef5ff"
+      },
+      "color-global-purple-05": {
+        "type": "color",
+        "value": "#fbe7ff"
+      },
+      "color-global-purple-10": {
+        "type": "color",
+        "value": "#f4d0ff"
+      },
+      "color-global-purple-15": {
+        "type": "color",
+        "value": "#ecbcff"
+      },
+      "color-global-purple-20": {
+        "type": "color",
+        "value": "e1a9fb"
+      },
+      "color-global-purple-25": {
+        "type": "color",
+        "value": "#d698f5"
+      },
+
+      "color-global-purple-30": {
+        "type": "color",
+        "value": "#c989ee"
+      },
+      "color-global-purple-35": {
+        "type": "color",
+        "value": "#bb7ce4"
+      },
+      "color-global-purple-40": {
+        "type": "color",
+        "value": "#ad71d9"
+      },
+
+      "color-global-purple-45": {
+        "type": "color",
+        "value": "#9f68cc"
+      },
+
+      "color-global-purple-50": {
+        "type": "color",
+        "value": "#9160bd"
+      },
+
+
+      "color-global-purple-60": {
+        "type": "color",
+        "value": "#7542a2"
+      },
+
+      "color-global-purple-70": {
+        "type": "color",
+        "value": "#582a81"
+      },
+
+      "color-global-purple-80": {
+        "type": "color",
+        "value": "#3b175b"
+      },
+
+      "color-global-purple-90": {
+        "type": "color",
+        "value": "#1e0930"
+      },
+      "color-global-red-02": {
+        "type": "color",
+        "value": "#fff6f9"
+      },
+      "color-global-red-05": {
+        "type": "color",
+        "value": "#ffe7f0"
+      },
+      "color-global-red-10": {
+        "type": "color",
+        "value": "#ffd0de"
+      },
+      "color-global-red-15": {
+        "type": "color",
+        "value": "#ffb8cc"
+      },
+      "color-global-red-20": {
+        "type": "color",
+        "value": "#ffa1b8"
+      },
+      "color-global-red-25": {
+        "type": "color",
+        "value": "#ff89a3"
+      },
+
+      "color-global-red-30": {
+        "type": "color",
+        "value": "#fb718d"
+      },
+      "color-global-red-35": {
+        "type": "color",
+        "value": "#f55c78"
+      },
+      "color-global-red-40": {
+        "type": "color",
+        "value": "#ee4b62"
+      },
+
+      "color-global-red-45": {
+        "type": "color",
+        "value": "#e53b4d"
+      },
+
+      "color-global-red-50": {
+        "type": "color",
+        "value": "#da2c39"
+      },
+
+
+      "color-global-red-60": {
+        "type": "color",
+        "value": "#b4211f"
+      },
+
+      "color-global-red-70": {
+        "type": "color",
+        "value": "#852419"
+      },
+
+      "color-global-red-80": {
+        "type": "color",
+        "value": "#571f12"
+      },
+
+      "color-global-red-90": {
+        "type": "color",
+        "value": "#2b130a"
+      },
+      "color-global-yellow-02": {
+        "type": "color",
+        "value": "#fff8e7"
+      },
+      "color-global-yellow-05": {
+        "type": "color",
+        "value": "#ffefbc"
+      },
+      "color-global-yellow-10": {
+        "type": "color",
+        "value": "#ffe374"
+      },
+      "color-global-yellow-15": {
+        "type": "color",
+        "value": "#ffd62b"
+      },
+      "color-global-yellow-20": {
+        "type": "color",
+        "value": "#f9c600"
+      },
+      "color-global-yellow-25": {
+        "type": "color",
+        "value": "#e9b900"
+      },
+
+      "color-global-yellow-30": {
+        "type": "color",
+        "value": "#daaa00"
+      },
+      "color-global-yellow-35": {
+        "type": "color",
+        "value": "#ca9b00"
+      },
+      "color-global-yellow-40": {
+        "type": "color",
+        "value": "#bb8b00"
+      },
+
+      "color-global-yellow-45": {
+        "type": "color",
+        "value": "#ab7b00"
+      },
+
+      "color-global-yellow-50": {
+        "type": "color",
+        "value": "#9c6b00"
+      },
+
+
+      "color-global-yellow-60": {
+        "type": "color",
+        "value": "#7c4b00"
+      },
+
+      "color-global-yellow-70": {
+        "type": "color",
+        "value": "#5d2f00"
+      },
+
+      "color-global-yellow-80": {
+        "type": "color",
+        "value": "#3e1800"
+      },
+
+      "color-global-yellow-90": {
+        "type": "color",
+        "value": "#1f0700"
+      },
+
+      "color-alias-brand": {
+        "type": "color",
+        "value": "{color.color-global-green-40}"
+      },
+      "color-alias-disabled-background": {
+        "type": "color",
+        "value": "{color.color-global-gray-10}"
+      },
+
+      "color-alias-disabled-content": {
+        "type": "color",
+        "value": "{color.color-global-gray-30}"
+      },
+
+      "color-alias-disabled-outline": {
+        "type": "color",
+        "value": "{color.color-global-gray-20}"
+      },
+
+      "color-alias-inverse-theme": {
+        "type": "color",
+        "value": "{color.color-global-gray-90}"
+      },
+      "color-alias-negative": {
+        "type": "color",
+        "value": "{color.color-global-red-50}"
+      },
+      "color-alias-on-brand": {
+        "type": "color",
+        "value": "{color.color-global-white}"
+      },
+
+      "color-alias-on-negative": {
+        "type": "color",
+        "value": "{color.color-global-white}"
+      },
+
+      "color-alias-on-positive": {
+        "type": "color",
+        "value": "{color.color-global-white}"
+      },
+      "color-alias-on-positive-variant": {
+        "type": "color",
+        "value": "{color.color-global-green-60}"
+      },
+
+      "color-alias-on-warning": {
+        "type": "color",
+        "value": "{color.color-global-white}"
+      },
+
+      "color-alias-outline": {
+        "type": "color",
+        "value": "{color.color-global-gray-50}"
+      },
+
+      "color-alias-outline-inverse": {
+        "type": "color",
+        "value": "{color.color-global-gray-40}"
+      },
+
+      "color-alias-outline-inverse-overlay": {
+        "type": "color",
+        "value": "{color.color-global-gray-40}"
+      },
+
+      "color-alias-outline-inverse-variant": {
+        "type": "color",
+        "value": "{color.color-global-gray-70}"
+      },
+      "color-alias-outline-overlay": {
+        "type": "color",
+        "value": "#00000014"
+      },
+      "color-alias-outline-variant": {
+        "type": "color",
+        "value": "{color.color-global-gray-10}"
+      },
+
+      "color-alias-overlay": {
+        "type": "color",
+        "value": "#00000066"
+      },
+
+      "color-alias-overlay-inverse": {
+        "type": "color",
+        "value": "#ffffff66"
+      },
+
+      "color-alias-overlay-variant": {
+        "type": "color",
+        "value": "#00000029"
+      },
+
+      "color-alias-positive": {
+        "type": "color",
+        "value": "{color.color-global-green-50}"
+      },
+
+      "color-alias-positive-variant": {
+        "type": "color",
+        "value": "{color.color-global-green-05}"
+      },
+
+      "color-alias-primary-on-inverse-theme": {
+        "type": "color",
+        "value": "{color.color-global-white}"
+      },
+      "color-alias-primary-on-theme": {
+        "type": "color",
+        "value": "{color.color-global-gray-90}"
+      },
+
+      "color-alias-secondary-on-inverse-theme": {
+        "type": "color",
+        "value": "{color.color-global-gray-20}"
+      },
+      "color-alias-secondary-on-theme": {
+        "type": "color",
+        "value": "{color.color-global-gray-60}"
+      },
+
+      "color-alias-skeleton": {
+        "type": "color",
+        "value": "#0000001a"
+      },
+      "color-alias-theme": {
+        "type": "color",
+        "value": "{color.color-global-white}"
+      },
+      "color-alias-theme-variant": {
+        "type": "color",
+        "value": "{color.color-global-gray-05}"
+      },
+      "color-alias-warning": {
+        "type": "color",
+        "value": "{color.color-global-orange-30}"
+      }
+    },
+    "dimension": {
+      "unit0x": {
+        "type": "dimension",
+        "value": "0"
+      },
+      "unitX": {
+        "type": "dimension",
+        "value": "1"
+      },
+      "unit2x": {
+        "type": "dimension",
+        "value": "2"
+      },
+      "unit4x": {
+        "type": "dimension",
+        "value": "4"
+      },
+      "unit6x": {
+        "type": "dimension",
+        "value": "6"
+      },
+      "unit8x": {
+        "type": "dimension",
+        "value": "8"
+      },
+      "unit10x": {
+        "type": "dimension",
+        "value": "10"
+      },
+      "unit12x": {
+        "type": "dimension",
+        "value": "12"
+      },
+      "unit14x": {
+        "type": "dimension",
+        "value": "14"
+      },
+      "unit16x": {
+        "type": "dimension",
+        "value": "16"
+      },
+      "unit18x": {
+        "type": "dimension",
+        "value": "18"
+      },
+      "unit20x": {
+        "type": "dimension",
+        "value": "20"
+      },
+      "unit24x": {
+        "type": "dimension",
+        "value": "24"
+      },
+      "unit32x": {
+        "type": "dimension",
+        "value": "32"
+      },
+      "unit40x": {
+        "type": "dimension",
+        "value": "40"
+      },
+      "unit48x": {
+        "type": "dimension",
+        "value": "48"
+      },
+      "unit56x": {
+        "type": "dimension",
+        "value": "56"
+      },
+      "unit64x": {
+        "type": "dimension",
+        "value": "64"
+      },
+      "unit72x": {
+        "type": "dimension",
+        "value": "72"
+      },
+      "unit80x": {
+        "type": "dimension",
+        "value": "80"
+      }
+    },
+    "borderRadius": {
+
+      "corner0x": {
+        "type": "borderRadius",
+        "value": "{dimension.unit0x}"
+      },
+      "corner4x": {
+        "type": "borderRadius",
+        "value": "{dimension.unit4x}"
+      },
+      "corner6x": {
+        "type": "borderRadius",
+        "value": "{dimension.unit6x}"
+      },
+      "corner8x": {
+        "type": "borderRadius",
+        "value": "{dimension.unit8x}"
+      },
+      "corner10x": {
+        "type": "borderRadius",
+        "value": "{dimension.unit10x}"
+      },
+      "corner12x": {
+        "type": "borderRadius",
+        "value": "{dimension.unit12x}"
+      },
+      "corner14x": {
+        "type": "borderRadius",
+        "value": "{dimension.unit14x}"
+      },
+      "corner16x": {
+        "type": "borderRadius",
+        "value": "{dimension.unit16x}"
+      },
+      "corner20x": {
+        "type": "borderRadius",
+        "value": "{dimension.unit20x}"
+      },
+      "corner24x": {
+        "type": "borderRadius",
+        "value": "{dimension.unit24x}"
+      },
+      "cornerpill": {
+        "type": "borderRadius",
+        "value": "1000"
+      }
+    },
+    "spacing": {
+      "space0x": {
+        "type": "spacing",
+        "value": "{dimension.unit0x}"
+      },
+      "space2x": {
+        "type": "spacing",
+        "value": "{dimension.unit2x}"
+      },
+      "space4x": {
+        "type": "spacing",
+        "value": "{dimension.unit4x}"
+      },
+      "space6x": {
+        "type": "spacing",
+        "value": "{dimension.unit6x}"
+      },
+      "space8x": {
+        "type": "spacing",
+        "value": "{dimension.unit8x}"
+      },
+      "space10x": {
+        "type": "spacing",
+        "value": "{dimension.unit10x}"
+      },
+      "space12x": {
+        "type": "spacing",
+        "value": "{dimension.unit12x}"
+      },
+      "space14x": {
+        "type": "spacing",
+        "value": "{dimension.unit14x}"
+      },
+      "space16x": {
+        "type": "spacing",
+        "value": "{dimension.unit16x}"
+      },
+      "space20x": {
+        "type": "spacing",
+        "value": "{dimension.unit20x}"
+      },
+      "space24x": {
+        "type": "spacing",
+        "value": "{dimension.unit24x}"
+      },
+      "space32x": {
+        "type": "spacing",
+        "value": "{dimension.unit32x}"
+      },
+      "space48x": {
+        "type": "spacing",
+        "value": "{dimension.unit48x}"
+      },
+      "space64x": {
+        "type": "spacing",
+        "value": "{dimension.unit64x}"
+      },
+
+      "size4x": {
+        "type": "spacing",
+        "value": "{dimension.unit4x}"
+      },
+      "size6x": {
+        "type": "spacing",
+        "value": "{dimension.unit6x}"
+      },
+      "size8x": {
+        "type": "spacing",
+        "value": "{dimension.unit8x}"
+      },
+      "size12x": {
+        "type": "spacing",
+        "value": "{dimension.unit12x}"
+      },
+      "size14x": {
+        "type": "spacing",
+        "value": "{dimension.unit14x}"
+      },
+      "size16x": {
+        "type": "spacing",
+        "value": "{dimension.unit16x}"
+      },
+      "size18x": {
+        "type": "spacing",
+        "value": "{dimension.unit18x}"
+      },
+      "size20x": {
+        "type": "spacing",
+        "value": "{dimension.unit20x}"
+      },
+      "size24x": {
+        "type": "spacing",
+        "value": "{dimension.unit24x}"
+      },
+      "size32x": {
+        "type": "spacing",
+        "value": "{dimension.unit32x}"
+      },
+      "size40x": {
+        "type": "spacing",
+        "value": "{dimension.unit40x}"
+      },
+      "size48x": {
+        "type": "spacing",
+        "value": "{dimension.unit48x}"
+      },
+      "size56x": {
+        "type": "spacing",
+        "value": "{dimension.unit56x}"
+      },
+      "size64x": {
+        "type": "spacing",
+        "value": "{dimension.unit64x}"
+      },
+      "size72x": {
+        "type": "spacing",
+        "value": "{dimension.unit72x}"
+      },
+      "size80x": {
+        "type": "spacing",
+        "value": "{dimension.unit80x}"
+      }
+    },
+
+    "fontWeights": {
+      "w400": {
+        "value": "400",
+        "type": "fontWeights"
+      },
+      "w600": {
+        "value": "600",
+        "type": "fontWeights"
+      },
+      "w700": {
+        "value": "700",
+        "type": "fontWeights"
+      },
+      "w800": {
+        "value": "800",
+        "type": "fontWeights"
+      },
+      "w900": {
+        "value": "900",
+        "type": "fontWeights"
+      }
+    },
+    "fontSize": {
+      "base": {
+        "value": "10",
+        "type": "fontSizes"
+      },
+      "scale": {
+        "value": "3",
+        "type": "fontSizes"
+      },
+      "xs": {
+        "value": "roundTo({fontSize.base})",
+        "type": "fontSizes"
+      },
+      "sm": {
+        "value": "{fontSize.base}+{fontSize.scale}",
+        "type": "fontSizes"
+      },
+      "md": {
+        "value": "{fontSize.sm}+{fontSize.scale}",
+        "type": "fontSizes"
+      },
+      "lg": {
+        "value": "{fontSize.md}+{fontSize.scale}",
+        "type": "fontSizes"
+      },
+      "xl": {
+        "value": "{fontSize.lg}+{fontSize.scale}",
+        "type": "fontSizes"
+      }
+    },
+    "letterSpacing": {
+      "none": {
+        "value": "0",
+        "type": "letterSpacing"
+      },
+      "sm": {
+        "value": "0.1",
+        "type": "letterSpacing"
+      },
+      "md": {
+        "value": "0.25",
+        "type": "letterSpacing"
+      },
+      "lg": {
+        "value": "0.5",
+        "type": "letterSpacing"
+      }
+    },
+    "paragraphSpacing": {
+      "none": {
+        "value": "0",
+        "type": "paragraphSpacing"
+      }
+    },
+    "fontFamilies": {
+      "primary": {
+        "value": "System Roboto",
+        "type": "fontFamilies"
+      }
+    },
+    "sys": {
+      "display": {
+        "small": {
+          "value": {
+            "fontFamily": "{fontFamilies.primary}",
+            "fontWeight": "{fontWeights.w900}",
+            "lineHeight": "{lineHeights.xs}",
+            "fontSize": "{fontSize.xl}",
+            "letterSpacing": "{letterSpacing.none}",
+            "paragraphSpacing": "{paragraphSpacing.none}",
+            "paragraphIndent": "{paragraphIndent.none}",
+            "textCase": "{textCase.none}",
+            "textDecoration": "{textDecoration.none}"
+          },
+          "type": "typography"
+        },
+        "medium": {
+          "value": {
+            "fontFamily": "{fontFamilies.primary}",
+            "fontWeight": "{fontWeights.w900}",
+            "lineHeight": "{lineHeights.xs}",
+            "fontSize": "{fontSize.xl}",
+            "letterSpacing": "{letterSpacing.none}",
+            "paragraphSpacing": "{paragraphSpacing.none}",
+            "paragraphIndent": "{paragraphIndent.none}",
+            "textCase": "{textCase.none}",
+            "textDecoration": "{textDecoration.none}"
+          },
+          "type": "typography"
+        },
+        "large": {
+          "value": {
+            "fontFamily": "{fontFamilies.primary}",
+            "fontWeight": "{fontWeights.w900}",
+            "lineHeight": "{lineHeights.xs}",
+            "fontSize": "{fontSize.xl}",
+            "letterSpacing": "{letterSpacing.none}",
+            "paragraphSpacing": "{paragraphSpacing.none}",
+            "paragraphIndent": "{paragraphIndent.none}",
+            "textCase": "{textCase.none}",
+            "textDecoration": "{textDecoration.none}"
+          },
+          "type": "typography"
+        }
+      },
+      "headline": {
+        "small": {
+          "value": {
+            "fontFamily": "{fontFamilies.primary}",
+            "fontWeight": "{fontWeights.w900}",
+            "lineHeight": "{lineHeights.md}",
+            "fontSize": "{fontSize.xl}",
+            "letterSpacing": "{letterSpacing.none}",
+            "paragraphSpacing": "{paragraphSpacing.none}",
+            "paragraphIndent": "{paragraphIndent.none}",
+            "textCase": "{textCase.none}",
+            "textDecoration": "{textDecoration.none}"
+          },
+          "type": "typography"
+        },
+        "medium": {
+          "value": {
+            "fontFamily": "{fontFamilies.primary}",
+            "fontWeight": "{fontWeights.w900}",
+            "lineHeight": "{lineHeights.md}",
+            "fontSize": "{fontSize.xl}",
+            "letterSpacing": "{letterSpacing.none}",
+            "paragraphSpacing": "{paragraphSpacing.none}",
+            "paragraphIndent": "{paragraphIndent.none}",
+            "textCase": "{textCase.none}",
+            "textDecoration": "{textDecoration.none}"
+          },
+          "type": "typography"
+        },
+        "large": {
+          "value": {
+            "fontFamily": "{fontFamilies.primary}",
+            "fontWeight": "{fontWeights.w900}",
+            "lineHeight": "{lineHeights.md}",
+            "fontSize": "{fontSize.xl}",
+            "letterSpacing": "{letterSpacing.none}",
+            "paragraphSpacing": "{paragraphSpacing.none}",
+            "paragraphIndent": "{paragraphIndent.none}",
+            "textCase": "{textCase.none}",
+            "textDecoration": "{textDecoration.none}"
+          },
+          "type": "typography"
+        }
+      },
+      "title": {
+        "small": {
+          "value": {
+            "fontFamily": "{fontFamilies.primary}",
+            "fontWeight": "{fontWeights.w800}",
+            "lineHeight": "{lineHeights.md}",
+            "fontSize": "{fontSize.sm}",
+            "letterSpacing": "{letterSpacing.sm}",
+            "paragraphSpacing": "{paragraphSpacing.none}",
+            "paragraphIndent": "{paragraphIndent.none}",
+            "textCase": "{textCase.none}",
+            "textDecoration": "{textDecoration.none}"
+          },
+          "type": "typography"
+        },
+        "medium": {
+          "value": {
+            "fontFamily": "{fontFamilies.primary}",
+            "fontWeight": "{fontWeights.w800}",
+            "lineHeight": "{lineHeights.md}",
+            "fontSize": "{fontSize.md}",
+            "letterSpacing": "{letterSpacing.sm}",
+            "paragraphSpacing": "{paragraphSpacing.none}",
+            "paragraphIndent": "{paragraphIndent.none}",
+            "textCase": "{textCase.none}",
+            "textDecoration": "{textDecoration.none}"
+          },
+          "type": "typography"
+        },
+        "large": {
+          "value": {
+            "fontFamily": "{fontFamilies.primary}",
+            "fontWeight": "{fontWeights.w800}",
+            "lineHeight": "{lineHeights.md}",
+            "fontSize": "{fontSize.xl}",
+            "letterSpacing": "{letterSpacing.none}",
+            "paragraphSpacing": "{paragraphSpacing.none}",
+            "paragraphIndent": "{paragraphIndent.none}",
+            "textCase": "{textCase.none}",
+            "textDecoration": "{textDecoration.none}"
+          },
+          "type": "typography"
+        }
+      },
+      "label": {
+        "small": {
+          "value": {
+            "fontFamily": "{fontFamilies.primary}",
+            "fontWeight": "{fontWeights.w800}",
+            "lineHeight": "{lineHeights.md}",
+            "fontSize": "{fontSize.xs}",
+            "letterSpacing": "{letterSpacing.lg}",
+            "paragraphSpacing": "{paragraphSpacing.none}",
+            "paragraphIndent": "{paragraphIndent.none}",
+            "textCase": "{textCase.none}",
+            "textDecoration": "{textDecoration.none}"
+          },
+          "type": "typography"
+        },
+        "medium": {
+          "value": {
+            "fontFamily": "{fontFamilies.primary}",
+            "fontWeight": "{fontWeights.w800}",
+            "lineHeight": "{lineHeights.md}",
+            "fontSize": "{fontSize.sm}",
+            "letterSpacing": "{letterSpacing.lg}",
+            "paragraphSpacing": "{paragraphSpacing.none}",
+            "paragraphIndent": "{paragraphIndent.none}",
+            "textCase": "{textCase.none}",
+            "textDecoration": "{textDecoration.none}"
+          },
+          "type": "typography"
+        },
+        "large": {
+          "value": {
+            "fontFamily": "{fontFamilies.primary}",
+            "fontWeight": "{fontWeights.w800}",
+            "lineHeight": "{lineHeights.md}",
+            "fontSize": "{fontSize.md}",
+            "letterSpacing": "{letterSpacing.sm}",
+            "paragraphSpacing": "{paragraphSpacing.none}",
+            "paragraphIndent": "{paragraphIndent.none}",
+            "textCase": "{textCase.none}",
+            "textDecoration": "{textDecoration.none}"
+          },
+          "type": "typography"
+        }
+      },
+      "body": {
+        "small": {
+          "value": {
+            "fontFamily": "{fontFamilies.primary}",
+            "fontWeight": "{fontWeights.w400}",
+            "lineHeight": "{lineHeights.md}",
+            "fontSize": "{fontSize.xs}",
+            "letterSpacing": "{letterSpacing.lg}",
+            "paragraphSpacing": "{paragraphSpacing.none}",
+            "paragraphIndent": "{paragraphIndent.none}",
+            "textCase": "{textCase.none}",
+            "textDecoration": "{textDecoration.none}"
+          },
+          "type": "typography"
+        },
+        "medium": {
+          "value": {
+            "fontFamily": "{fontFamilies.primary}",
+            "fontWeight": "{fontWeights.w400}",
+            "lineHeight": "{lineHeights.md}",
+            "fontSize": "{fontSize.sm}",
+            "letterSpacing": "{letterSpacing.md}",
+            "paragraphSpacing": "{paragraphSpacing.none}",
+            "paragraphIndent": "{paragraphIndent.none}",
+            "textCase": "{textCase.none}",
+            "textDecoration": "{textDecoration.none}"
+          },
+          "type": "typography"
+        },
+        "large": {
+          "value": {
+            "fontFamily": "{fontFamilies.primary}",
+            "fontWeight": "{fontWeights.w400}",
+            "lineHeight": "{lineHeights.md}",
+            "fontSize": "{fontSize.md}",
+            "letterSpacing": "{letterSpacing.sm}",
+            "paragraphSpacing": "{paragraphSpacing.none}",
+            "paragraphIndent": "{paragraphIndent.none}",
+            "textCase": "{textCase.none}",
+            "textDecoration": "{textDecoration.none}"
+          },
+          "type": "typography"
+        }
+      }
+    },
+
+    "textCase": {
+      "none": {
+        "value": "none",
+        "type": "textCase"
+      }
+    },
+    "textDecoration": {
+      "none": {
+        "value": "none",
+        "type": "textDecoration"
+      }
+    },
+    "paragraphIndent": {
+      "none": {
+        "value": "0px",
+        "type": "dimension"
+      }
+    },
+    "lineHeights": {
+      "xs": {
+        "value": "110%",
+        "type": "lineHeights"
+      },
+      "sm": {
+        "value": "125%",
+        "type": "lineHeights"
+      },
+      "md": {
+        "value": "150%",
+        "type": "lineHeights"
+      }
+    }
+  },
+
+  "dark": {
+    "specialColors": {
+      "color1": {
+        "value": "#00FF00",
+        "type": "color"
+      },
+      "color2": {
+        "value": "#FF0000",
+        "type": "color"
+      }
+    },
+    "sys": {
+      "background": {
+        "value": "{black}",
+        "type": "color"
+      },
+      "onBackground": {
+        "value": "{white}",
+        "type": "color"
+      },
+      "primary": {
+        "value": "#0000FF",
+        "type": "color"
+      },
+      "onPrimary": {
+        "value": "{white}",
+        "type": "color"
+      }
+    }
+  },
+  "light": {
+    "specialColors": {
+      "color1": {
+        "value": "#00FF00",
+        "type": "color"
+      },
+      "color2": {
+        "value": "#FF0000",
+        "type": "color"
+      }
+    },
+    "sys": {
+      "background": {
+        "value": "{white}",
+        "type": "color"
+      },
+      "onBackground": {
+        "value": "{black}",
+        "type": "color"
+      },
+      "primary": {
+        "value": "#0000FF",
+        "type": "color"
+      },
+      "onPrimary": {
+        "value": "{white}",
+        "type": "color"
+      }
+    }
+  },
+  "$themes": [],
+  "$metadata": {
+    "tokenSetOrder": [
+      "global",
+      "dark",
+      "light"
+    ]
+  }
+}