@vsn-ux/gaia-styles 1.0.0-alpha.2

package/dist/design-tokens.js

@@ -0,0 +1,1654 @@
+/** ------------------------------------------
+ *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
+ * ------------------------------------------- */
+
+export const tokens = {
+  "color.white": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        1,
+        1,
+        1
+      ],
+      "alpha": 1,
+      "hex": "#ffffff"
+    },
+  },
+  "color.cyan.60": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.21568627450980393,
+        0.49411764705882355,
+        0.6274509803921569
+      ],
+      "alpha": 1,
+      "hex": "#377ea0"
+    },
+  },
+  "color.cyan.70": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.16470588235294117,
+        0.39215686274509803,
+        0.5019607843137255
+      ],
+      "alpha": 1,
+      "hex": "#2a6480"
+    },
+  },
+  "color.cyan.80": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.12156862745098039,
+        0.3058823529411765,
+        0.4
+      ],
+      "alpha": 1,
+      "hex": "#1f4e66"
+    },
+  },
+  "color.cyan.90": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.07450980392156863,
+        0.20392156862745098,
+        0.27058823529411763
+      ],
+      "alpha": 1,
+      "hex": "#133445"
+    },
+  },
+  "color.orange.10": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9882352941176471,
+        0.9411764705882353,
+        0.9058823529411765
+      ],
+      "alpha": 1,
+      "hex": "#fcf0e7"
+    },
+  },
+  "color.orange.20": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9803921568627451,
+        0.8784313725490196,
+        0.807843137254902
+      ],
+      "alpha": 1,
+      "hex": "#fae0ce"
+    },
+  },
+  "color.orange.30": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9607843137254902,
+        0.7647058823529411,
+        0.6313725490196078
+      ],
+      "alpha": 1,
+      "hex": "#f5c3a1"
+    },
+  },
+  "color.orange.40": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9490196078431372,
+        0.6509803921568628,
+        0.4627450980392157
+      ],
+      "alpha": 1,
+      "hex": "#f2a676"
+    },
+  },
+  "color.orange.60": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.7333333333333333,
+        0.34509803921568627,
+        0.13333333333333333
+      ],
+      "alpha": 1,
+      "hex": "#bb5822"
+    },
+  },
+  "color.neutral": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.8,
+        0.8117647058823529,
+        0.8431372549019608
+      ],
+      "alpha": 1,
+      "hex": "#cccfd7"
+    },
+  },
+  "color.neutral.10": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9490196078431372,
+        0.9529411764705882,
+        0.9607843137254902
+      ],
+      "alpha": 1,
+      "hex": "#f2f3f5"
+    },
+  },
+  "color.neutral.20": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.8862745098039215,
+        0.8941176470588236,
+        0.9137254901960784
+      ],
+      "alpha": 1,
+      "hex": "#e2e4e9"
+    },
+  },
+  "color.neutral.30": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.8,
+        0.8117647058823529,
+        0.8431372549019608
+      ],
+      "alpha": 1,
+      "hex": "#cccfd7"
+    },
+  },
+  "color.neutral.50": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.5607843137254902,
+        0.5843137254901961,
+        0.6431372549019608
+      ],
+      "alpha": 1,
+      "hex": "#8f95a4"
+    },
+  },
+  "color.neutral.60": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.43529411764705883,
+        0.4627450980392157,
+        0.5294117647058824
+      ],
+      "alpha": 1,
+      "hex": "#6f7687"
+    },
+  },
+  "color.blue.10": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9294117647058824,
+        0.9568627450980393,
+        0.996078431372549
+      ],
+      "alpha": 1,
+      "hex": "#edf4fe"
+    },
+  },
+  "color.blue.40": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.5764705882352941,
+        0.7333333333333333,
+        0.9764705882352941
+      ],
+      "alpha": 1,
+      "hex": "#93bbf9"
+    },
+  },
+  "color.blue.70": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.12156862745098039,
+        0.30196078431372547,
+        0.8588235294117647
+      ],
+      "alpha": 1,
+      "hex": "#1f4ddb"
+    },
+  },
+  "color.green.10": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9333333333333333,
+        0.9607843137254902,
+        0.9333333333333333
+      ],
+      "alpha": 1,
+      "hex": "#eef5ee"
+    },
+  },
+  "color.green.40": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.6078431372549019,
+        0.7725490196078432,
+        0.6078431372549019
+      ],
+      "alpha": 1,
+      "hex": "#9bc59b"
+    },
+  },
+  "color.green.70": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.1803921568627451,
+        0.4196078431372549,
+        0.19215686274509805
+      ],
+      "alpha": 1,
+      "hex": "#2e6b31"
+    },
+  },
+  "color.red.10": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9882352941176471,
+        0.9450980392156862,
+        0.9333333333333333
+      ],
+      "alpha": 1,
+      "hex": "#fcf1ee"
+    },
+  },
+  "color.red.40": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9254901960784314,
+        0.6549019607843137,
+        0.6196078431372549
+      ],
+      "alpha": 1,
+      "hex": "#eca79e"
+    },
+  },
+  "color.red.70": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.6901960784313725,
+        0.1411764705882353,
+        0.11372549019607843
+      ],
+      "alpha": 1,
+      "hex": "#b0241d"
+    },
+  },
+  "color.grey.10": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9490196078431372,
+        0.9490196078431372,
+        0.9490196078431372
+      ],
+      "alpha": 1,
+      "hex": "#f2f2f2"
+    },
+  },
+  "color.grey.40": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.7254901960784313,
+        0.7254901960784313,
+        0.7254901960784313
+      ],
+      "alpha": 1,
+      "hex": "#b9b9b9"
+    },
+  },
+  "color.lime.10": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9294117647058824,
+        0.9647058823529412,
+        0.8666666666666667
+      ],
+      "alpha": 1,
+      "hex": "#edf6dd"
+    },
+  },
+  "color.lime.40": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.6470588235294118,
+        0.7764705882352941,
+        0.33725490196078434
+      ],
+      "alpha": 1,
+      "hex": "#a5c656"
+    },
+  },
+  "color.teal.10": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9254901960784314,
+        0.9607843137254902,
+        0.9568627450980393
+      ],
+      "alpha": 1,
+      "hex": "#ecf5f4"
+    },
+  },
+  "color.teal.20": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.8352941176470589,
+        0.9098039215686274,
+        0.9019607843137255
+      ],
+      "alpha": 1,
+      "hex": "#d5e8e6"
+    },
+  },
+  "color.teal.30": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.7058823529411765,
+        0.8431372549019608,
+        0.8313725490196079
+      ],
+      "alpha": 1,
+      "hex": "#b4d7d4"
+    },
+  },
+  "color.teal.40": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.5725490196078431,
+        0.7647058823529411,
+        0.7529411764705882
+      ],
+      "alpha": 1,
+      "hex": "#92c3c0"
+    },
+  },
+  "color.teal.50": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.3176470588235294,
+        0.6392156862745098,
+        0.6196078431372549
+      ],
+      "alpha": 1,
+      "hex": "#51a39e"
+    },
+  },
+  "color.teal.60": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.22745098039215686,
+        0.5137254901960784,
+        0.49411764705882355
+      ],
+      "alpha": 1,
+      "hex": "#3a837e"
+    },
+  },
+  "color.teal.70": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.17254901960784313,
+        0.403921568627451,
+        0.39215686274509803
+      ],
+      "alpha": 1,
+      "hex": "#2c6764"
+    },
+  },
+  "color.teal.80": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.12941176470588237,
+        0.3176470588235294,
+        0.3058823529411765
+      ],
+      "alpha": 1,
+      "hex": "#21514e"
+    },
+  },
+  "color.teal.90": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.0784313725490196,
+        0.21568627450980393,
+        0.20392156862745098
+      ],
+      "alpha": 1,
+      "hex": "#143734"
+    },
+  },
+  "color.teal.100": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.03137254901960784,
+        0.12156862745098039,
+        0.12156862745098039
+      ],
+      "alpha": 1,
+      "hex": "#081f1f"
+    },
+  },
+  "color.indigo.10": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9411764705882353,
+        0.9490196078431372,
+        0.996078431372549
+      ],
+      "alpha": 1,
+      "hex": "#f0f2fe"
+    },
+  },
+  "color.indigo.40": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.6784313725490196,
+        0.7058823529411765,
+        0.9764705882352941
+      ],
+      "alpha": 1,
+      "hex": "#adb4f9"
+    },
+  },
+  "color.purple.10": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9529411764705882,
+        0.9450980392156862,
+        0.996078431372549
+      ],
+      "alpha": 1,
+      "hex": "#f3f1fe"
+    },
+  },
+  "color.purple.40": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.7647058823529411,
+        0.6745098039215687,
+        0.9764705882352941
+      ],
+      "alpha": 1,
+      "hex": "#c3acf9"
+    },
+  },
+  "color.pink.10": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.984313725490196,
+        0.9333333333333333,
+        0.9882352941176471
+      ],
+      "alpha": 1,
+      "hex": "#fbeefc"
+    },
+  },
+  "color.pink.40": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9058823529411765,
+        0.615686274509804,
+        0.9333333333333333
+      ],
+      "alpha": 1,
+      "hex": "#e79dee"
+    },
+  },
+  "color.rose.10": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9882352941176471,
+        0.9411764705882353,
+        0.9568627450980393
+      ],
+      "alpha": 1,
+      "hex": "#fcf0f4"
+    },
+  },
+  "color.rose.40": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9372549019607843,
+        0.6313725490196078,
+        0.7411764705882353
+      ],
+      "alpha": 1,
+      "hex": "#efa1bd"
+    },
+  },
+  "color.yellow.10": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9921568627450981,
+        0.9607843137254902,
+        0.6823529411764706
+      ],
+      "alpha": 1,
+      "hex": "#fdf5ae"
+    },
+  },
+  "color.yellow.40": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.8823529411764706,
+        0.7058823529411765,
+        0.00784313725490196
+      ],
+      "alpha": 1,
+      "hex": "#e1b402"
+    },
+  },
+  "color.primary": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.12156862745098039,
+        0.3058823529411765,
+        0.4
+      ],
+      "alpha": 1,
+      "hex": "#1f4e66"
+    },
+  },
+  "color.primary.60": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.21568627450980393,
+        0.49411764705882355,
+        0.6274509803921569
+      ],
+      "alpha": 1,
+      "hex": "#377ea0"
+    },
+  },
+  "color.primary.70": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.16470588235294117,
+        0.39215686274509803,
+        0.5019607843137255
+      ],
+      "alpha": 1,
+      "hex": "#2a6480"
+    },
+  },
+  "color.primary.90": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.07450980392156863,
+        0.20392156862745098,
+        0.27058823529411763
+      ],
+      "alpha": 1,
+      "hex": "#133445"
+    },
+  },
+  "color.secondary": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9803921568627451,
+        0.8784313725490196,
+        0.807843137254902
+      ],
+      "alpha": 1,
+      "hex": "#fae0ce"
+    },
+  },
+  "color.secondary.10": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9882352941176471,
+        0.9411764705882353,
+        0.9058823529411765
+      ],
+      "alpha": 1,
+      "hex": "#fcf0e7"
+    },
+  },
+  "color.secondary.30": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9607843137254902,
+        0.7647058823529411,
+        0.6313725490196078
+      ],
+      "alpha": 1,
+      "hex": "#f5c3a1"
+    },
+  },
+  "color.utility.blue": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.5764705882352941,
+        0.7333333333333333,
+        0.9764705882352941
+      ],
+      "alpha": 1,
+      "hex": "#93bbf9"
+    },
+  },
+  "color.utility.blue.light": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9294117647058824,
+        0.9568627450980393,
+        0.996078431372549
+      ],
+      "alpha": 1,
+      "hex": "#edf4fe"
+    },
+  },
+  "color.utility.green": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.6078431372549019,
+        0.7725490196078432,
+        0.6078431372549019
+      ],
+      "alpha": 1,
+      "hex": "#9bc59b"
+    },
+  },
+  "color.utility.green.light": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9333333333333333,
+        0.9607843137254902,
+        0.9333333333333333
+      ],
+      "alpha": 1,
+      "hex": "#eef5ee"
+    },
+  },
+  "color.utility.grey": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.7254901960784313,
+        0.7254901960784313,
+        0.7254901960784313
+      ],
+      "alpha": 1,
+      "hex": "#b9b9b9"
+    },
+  },
+  "color.utility.grey.light": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9490196078431372,
+        0.9490196078431372,
+        0.9490196078431372
+      ],
+      "alpha": 1,
+      "hex": "#f2f2f2"
+    },
+  },
+  "color.utility.indigo": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.6784313725490196,
+        0.7058823529411765,
+        0.9764705882352941
+      ],
+      "alpha": 1,
+      "hex": "#adb4f9"
+    },
+  },
+  "color.utility.indigo.light": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9411764705882353,
+        0.9490196078431372,
+        0.996078431372549
+      ],
+      "alpha": 1,
+      "hex": "#f0f2fe"
+    },
+  },
+  "color.utility.lime": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.6470588235294118,
+        0.7764705882352941,
+        0.33725490196078434
+      ],
+      "alpha": 1,
+      "hex": "#a5c656"
+    },
+  },
+  "color.utility.lime.light": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9294117647058824,
+        0.9647058823529412,
+        0.8666666666666667
+      ],
+      "alpha": 1,
+      "hex": "#edf6dd"
+    },
+  },
+  "color.utility.orange": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9490196078431372,
+        0.6509803921568628,
+        0.4627450980392157
+      ],
+      "alpha": 1,
+      "hex": "#f2a676"
+    },
+  },
+  "color.utility.orange.light": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9882352941176471,
+        0.9411764705882353,
+        0.9058823529411765
+      ],
+      "alpha": 1,
+      "hex": "#fcf0e7"
+    },
+  },
+  "color.utility.pink": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9058823529411765,
+        0.615686274509804,
+        0.9333333333333333
+      ],
+      "alpha": 1,
+      "hex": "#e79dee"
+    },
+  },
+  "color.utility.pink.light": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.984313725490196,
+        0.9333333333333333,
+        0.9882352941176471
+      ],
+      "alpha": 1,
+      "hex": "#fbeefc"
+    },
+  },
+  "color.utility.purple": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.7647058823529411,
+        0.6745098039215687,
+        0.9764705882352941
+      ],
+      "alpha": 1,
+      "hex": "#c3acf9"
+    },
+  },
+  "color.utility.purple.light": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9529411764705882,
+        0.9450980392156862,
+        0.996078431372549
+      ],
+      "alpha": 1,
+      "hex": "#f3f1fe"
+    },
+  },
+  "color.utility.red": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9254901960784314,
+        0.6549019607843137,
+        0.6196078431372549
+      ],
+      "alpha": 1,
+      "hex": "#eca79e"
+    },
+  },
+  "color.utility.red.light": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9882352941176471,
+        0.9450980392156862,
+        0.9333333333333333
+      ],
+      "alpha": 1,
+      "hex": "#fcf1ee"
+    },
+  },
+  "color.utility.rose": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9372549019607843,
+        0.6313725490196078,
+        0.7411764705882353
+      ],
+      "alpha": 1,
+      "hex": "#efa1bd"
+    },
+  },
+  "color.utility.rose.light": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9882352941176471,
+        0.9411764705882353,
+        0.9568627450980393
+      ],
+      "alpha": 1,
+      "hex": "#fcf0f4"
+    },
+  },
+  "color.utility.teal": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.5725490196078431,
+        0.7647058823529411,
+        0.7529411764705882
+      ],
+      "alpha": 1,
+      "hex": "#92c3c0"
+    },
+  },
+  "color.utility.teal.light": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9254901960784314,
+        0.9607843137254902,
+        0.9568627450980393
+      ],
+      "alpha": 1,
+      "hex": "#ecf5f4"
+    },
+  },
+  "color.utility.yellow": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.8823529411764706,
+        0.7058823529411765,
+        0.00784313725490196
+      ],
+      "alpha": 1,
+      "hex": "#e1b402"
+    },
+  },
+  "color.utility.yellow.light": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9921568627450981,
+        0.9607843137254902,
+        0.6823529411764706
+      ],
+      "alpha": 1,
+      "hex": "#fdf5ae"
+    },
+  },
+  "color.error": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.6901960784313725,
+        0.1411764705882353,
+        0.11372549019607843
+      ],
+      "alpha": 1,
+      "hex": "#b0241d"
+    },
+  },
+  "color.error.light": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9882352941176471,
+        0.9450980392156862,
+        0.9333333333333333
+      ],
+      "alpha": 1,
+      "hex": "#fcf1ee"
+    },
+  },
+  "color.success": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.1803921568627451,
+        0.4196078431372549,
+        0.19215686274509805
+      ],
+      "alpha": 1,
+      "hex": "#2e6b31"
+    },
+  },
+  "color.success.light": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9333333333333333,
+        0.9607843137254902,
+        0.9333333333333333
+      ],
+      "alpha": 1,
+      "hex": "#eef5ee"
+    },
+  },
+  "color.warning": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.7333333333333333,
+        0.34509803921568627,
+        0.13333333333333333
+      ],
+      "alpha": 1,
+      "hex": "#bb5822"
+    },
+  },
+  "color.warning.light": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9882352941176471,
+        0.9411764705882353,
+        0.9058823529411765
+      ],
+      "alpha": 1,
+      "hex": "#fcf0e7"
+    },
+  },
+  "color.information": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.12156862745098039,
+        0.30196078431372547,
+        0.8588235294117647
+      ],
+      "alpha": 1,
+      "hex": "#1f4ddb"
+    },
+  },
+  "color.information.light": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9294117647058824,
+        0.9568627450980393,
+        0.996078431372549
+      ],
+      "alpha": 1,
+      "hex": "#edf4fe"
+    },
+  },
+  "color.text.headings": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.07450980392156863,
+        0.20392156862745098,
+        0.27058823529411763
+      ],
+      "alpha": 1,
+      "hex": "#133445"
+    },
+  },
+  "color.text.body": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.07450980392156863,
+        0.20392156862745098,
+        0.27058823529411763
+      ],
+      "alpha": 1,
+      "hex": "#133445"
+    },
+  },
+  "color.text.action": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.12156862745098039,
+        0.3058823529411765,
+        0.4
+      ],
+      "alpha": 1,
+      "hex": "#1f4e66"
+    },
+  },
+  "color.text.action-hover": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.07450980392156863,
+        0.20392156862745098,
+        0.27058823529411763
+      ],
+      "alpha": 1,
+      "hex": "#133445"
+    },
+  },
+  "color.text.disabled": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.7254901960784313,
+        0.7254901960784313,
+        0.7254901960784313
+      ],
+      "alpha": 1,
+      "hex": "#b9b9b9"
+    },
+  },
+  "color.text.disable-selected": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.43529411764705883,
+        0.4627450980392157,
+        0.5294117647058824
+      ],
+      "alpha": 1,
+      "hex": "#6f7687"
+    },
+  },
+  "color.text.information": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.07450980392156863,
+        0.20392156862745098,
+        0.27058823529411763
+      ],
+      "alpha": 1,
+      "hex": "#133445"
+    },
+  },
+  "color.text.success": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.07450980392156863,
+        0.20392156862745098,
+        0.27058823529411763
+      ],
+      "alpha": 1,
+      "hex": "#133445"
+    },
+  },
+  "color.text.warning": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.07450980392156863,
+        0.20392156862745098,
+        0.27058823529411763
+      ],
+      "alpha": 1,
+      "hex": "#133445"
+    },
+  },
+  "color.text.error": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.07450980392156863,
+        0.20392156862745098,
+        0.27058823529411763
+      ],
+      "alpha": 1,
+      "hex": "#133445"
+    },
+  },
+  "color.text.on-action": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9882352941176471,
+        0.9411764705882353,
+        0.9058823529411765
+      ],
+      "alpha": 1,
+      "hex": "#fcf0e7"
+    },
+  },
+  "color.text.on-disabled": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.16470588235294117,
+        0.39215686274509803,
+        0.5019607843137255
+      ],
+      "alpha": 1,
+      "hex": "#2a6480"
+    },
+  },
+  "color.surface.page": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9490196078431372,
+        0.9529411764705882,
+        0.9607843137254902
+      ],
+      "alpha": 1,
+      "hex": "#f2f3f5"
+    },
+  },
+  "color.surface.primary": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        1,
+        1,
+        1
+      ],
+      "alpha": 1,
+      "hex": "#ffffff"
+    },
+  },
+  "color.surface.disabled": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.8862745098039215,
+        0.8941176470588236,
+        0.9137254901960784
+      ],
+      "alpha": 1,
+      "hex": "#e2e4e9"
+    },
+  },
+  "color.surface.information": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9294117647058824,
+        0.9568627450980393,
+        0.996078431372549
+      ],
+      "alpha": 1,
+      "hex": "#edf4fe"
+    },
+  },
+  "color.surface.success": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9333333333333333,
+        0.9607843137254902,
+        0.9333333333333333
+      ],
+      "alpha": 1,
+      "hex": "#eef5ee"
+    },
+  },
+  "color.surface.warning": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9882352941176471,
+        0.9411764705882353,
+        0.9058823529411765
+      ],
+      "alpha": 1,
+      "hex": "#fcf0e7"
+    },
+  },
+  "color.surface.error": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9882352941176471,
+        0.9450980392156862,
+        0.9333333333333333
+      ],
+      "alpha": 1,
+      "hex": "#fcf1ee"
+    },
+  },
+  "color.surface.action": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.12156862745098039,
+        0.3058823529411765,
+        0.4
+      ],
+      "alpha": 1,
+      "hex": "#1f4e66"
+    },
+  },
+  "color.surface.action-hover": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.07450980392156863,
+        0.20392156862745098,
+        0.27058823529411763
+      ],
+      "alpha": 1,
+      "hex": "#133445"
+    },
+  },
+  "color.surface.action-hover-2": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9803921568627451,
+        0.8784313725490196,
+        0.807843137254902
+      ],
+      "alpha": 1,
+      "hex": "#fae0ce"
+    },
+  },
+  "color.surface.disable-selected": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.5607843137254902,
+        0.5843137254901961,
+        0.6431372549019608
+      ],
+      "alpha": 1,
+      "hex": "#8f95a4"
+    },
+  },
+  "color.border.primary": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.8,
+        0.8117647058823529,
+        0.8431372549019608
+      ],
+      "alpha": 1,
+      "hex": "#cccfd7"
+    },
+  },
+  "color.border.secondary": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9607843137254902,
+        0.7647058823529411,
+        0.6313725490196078
+      ],
+      "alpha": 1,
+      "hex": "#f5c3a1"
+    },
+  },
+  "color.border.disabled": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.8,
+        0.8117647058823529,
+        0.8431372549019608
+      ],
+      "alpha": 1,
+      "hex": "#cccfd7"
+    },
+  },
+  "color.border.information": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.12156862745098039,
+        0.30196078431372547,
+        0.8588235294117647
+      ],
+      "alpha": 1,
+      "hex": "#1f4ddb"
+    },
+  },
+  "color.border.success": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.1803921568627451,
+        0.4196078431372549,
+        0.19215686274509805
+      ],
+      "alpha": 1,
+      "hex": "#2e6b31"
+    },
+  },
+  "color.border.warning": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.7333333333333333,
+        0.34509803921568627,
+        0.13333333333333333
+      ],
+      "alpha": 1,
+      "hex": "#bb5822"
+    },
+  },
+  "color.border.error": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.6901960784313725,
+        0.1411764705882353,
+        0.11372549019607843
+      ],
+      "alpha": 1,
+      "hex": "#b0241d"
+    },
+  },
+  "color.border.action": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.12156862745098039,
+        0.3058823529411765,
+        0.4
+      ],
+      "alpha": 1,
+      "hex": "#1f4e66"
+    },
+  },
+  "color.border.action-hover": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.21568627450980393,
+        0.49411764705882355,
+        0.6274509803921569
+      ],
+      "alpha": 1,
+      "hex": "#377ea0"
+    },
+  },
+  "color.border.action-hover-2": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.9607843137254902,
+        0.7647058823529411,
+        0.6313725490196078
+      ],
+      "alpha": 1,
+      "hex": "#f5c3a1"
+    },
+  },
+  "color.border.focus": {
+    ".": {
+      "colorSpace": "srgb",
+      "channels": [
+        0.12156862745098039,
+        0.3058823529411765,
+        0.4
+      ],
+      "alpha": 1,
+      "hex": "#1f4e66"
+    },
+  },
+  "size.0": {
+    ".": {
+      "value": 0,
+      "unit": "px"
+    },
+  },
+  "size.2": {
+    ".": {
+      "value": 2,
+      "unit": "px"
+    },
+  },
+  "size.4": {
+    ".": {
+      "value": 4,
+      "unit": "px"
+    },
+  },
+  "size.8": {
+    ".": {
+      "value": 8,
+      "unit": "px"
+    },
+  },
+  "size.10": {
+    ".": {
+      "value": 10,
+      "unit": "px"
+    },
+  },
+  "size.11": {
+    ".": {
+      "value": 11,
+      "unit": "px"
+    },
+  },
+  "size.12": {
+    ".": {
+      "value": 12,
+      "unit": "px"
+    },
+  },
+  "size.14": {
+    ".": {
+      "value": 14,
+      "unit": "px"
+    },
+  },
+  "size.16": {
+    ".": {
+      "value": 16,
+      "unit": "px"
+    },
+  },
+  "size.20": {
+    ".": {
+      "value": 20,
+      "unit": "px"
+    },
+  },
+  "size.24": {
+    ".": {
+      "value": 24,
+      "unit": "px"
+    },
+  },
+  "size.32": {
+    ".": {
+      "value": 32,
+      "unit": "px"
+    },
+  },
+  "size.36": {
+    ".": {
+      "value": 36,
+      "unit": "px"
+    },
+  },
+  "size.40": {
+    ".": {
+      "value": 40,
+      "unit": "px"
+    },
+  },
+  "size.48": {
+    ".": {
+      "value": 48,
+      "unit": "px"
+    },
+  },
+  "size.64": {
+    ".": {
+      "value": 64,
+      "unit": "px"
+    },
+  },
+  "size.80": {
+    ".": {
+      "value": 80,
+      "unit": "px"
+    },
+  },
+  "size.96": {
+    ".": {
+      "value": 96,
+      "unit": "px"
+    },
+  },
+  "size.160": {
+    ".": {
+      "value": 160,
+      "unit": "px"
+    },
+  },
+  "size.font.xs": {
+    ".": {
+      "value": 11,
+      "unit": "px"
+    },
+  },
+  "size.font.sm": {
+    ".": {
+      "value": 12,
+      "unit": "px"
+    },
+  },
+  "size.font.md": {
+    ".": {
+      "value": 14,
+      "unit": "px"
+    },
+  },
+  "size.font.lg": {
+    ".": {
+      "value": 16,
+      "unit": "px"
+    },
+  },
+  "size.font.xl": {
+    ".": {
+      "value": 20,
+      "unit": "px"
+    },
+  },
+  "size.font.2xl": {
+    ".": {
+      "value": 24,
+      "unit": "px"
+    },
+  },
+  "size.font.3xl": {
+    ".": {
+      "value": 36,
+      "unit": "px"
+    },
+  },
+  "radius": {
+    ".": {
+      "value": 4,
+      "unit": "px"
+    },
+  },
+  "radius.round": {
+    ".": {
+      "value": 99999,
+      "unit": "px"
+    },
+  },
+  "radius.sharp": {
+    ".": {
+      "value": 0.28,
+      "unit": "px"
+    },
+  },
+  "font-family": {
+    ".": [
+      "Inter"
+    ],
+  },
+};
+
+/** Get individual token */
+export function token(tokenID, modeName = ".") {
+  return tokens[tokenID]?.[modeName];
+}