From 9ab2f5058ea0cc5b5b07014fffd6b39724236bcd Mon Sep 17 00:00:00 2001
From: Brion <info@brionmario.com>
Date: Thu, 15 Dec 2022 15:16:57 +0530
Subject: [PATCH] chore(primitives): add tokens.json

---
 packages/primitives/src/figma/README.md   |    3 +
 packages/primitives/src/figma/tokens.json | 4763 +++++++++++++++++++++
 2 files changed, 4766 insertions(+)
 create mode 100644 packages/primitives/src/figma/README.md
 create mode 100644 packages/primitives/src/figma/tokens.json

diff --git a/packages/primitives/src/figma/README.md b/packages/primitives/src/figma/README.md
new file mode 100644
index 00000000..f44bdb45
--- /dev/null
+++ b/packages/primitives/src/figma/README.md
@@ -0,0 +1,3 @@
+# Auto Generated Content
+
+Please do not modify the `tokens.json` manually since it'll be auto generated to be used in figma.
diff --git a/packages/primitives/src/figma/tokens.json b/packages/primitives/src/figma/tokens.json
new file mode 100644
index 00000000..7fafe12d
--- /dev/null
+++ b/packages/primitives/src/figma/tokens.json
@@ -0,0 +1,4763 @@
+{
+  "global": {
+    "colors": {
+      "neutrals": {
+        "black": {
+          "value": "#000000",
+          "type": "color"
+        },
+        "white": {
+          "value": "#ffffff",
+          "type": "color"
+        }
+      },
+      "gray": {
+        "100": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 90%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 80%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 70%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 60%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 40%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 30%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 20%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 10%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "0",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "0%",
+          "type": "color"
+        }
+      },
+      "red": {
+        "100": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 90%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 80%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 70%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 60%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 40%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 30%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 20%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 10%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "11",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "100%",
+          "type": "color"
+        }
+      },
+      "orange": {
+        "100": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 90%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 80%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 70%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 60%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 40%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 30%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 20%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 10%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "27",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "100%",
+          "type": "color"
+        }
+      },
+      "green": {
+        "100": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 90%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 80%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 70%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 60%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 40%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 30%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 20%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 10%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "150",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "54%",
+          "type": "color"
+        }
+      },
+      "indigo": {
+        "100": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 90%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 80%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 70%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 60%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 40%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 30%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 20%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 10%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "232",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "60%",
+          "type": "color"
+        }
+      },
+      "blue": {
+        "100": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 90%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 80%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 70%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 60%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 40%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 30%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 20%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 10%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "205",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "100%",
+          "type": "color"
+        }
+      },
+      "yellow": {
+        "100": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 90%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 80%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 70%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 60%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 40%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 30%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 20%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 10%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "40",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "100%",
+          "type": "color"
+        }
+      },
+      "teal": {
+        "100": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 90%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 80%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 70%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 60%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 40%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 30%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 20%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 10%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "173",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "80%",
+          "type": "color"
+        }
+      },
+      "orangeDark": {
+        "100": {
+          "value": "hsl($colors.orangeDark._hue, $colors.orange._sat, 90%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.orangeDark._hue, $colors.orange._sat, 80%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.orangeDark._hue, $colors.orange._sat, 70%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.orangeDark._hue, $colors.orange._sat, 60%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.orangeDark._hue, $colors.orange._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.orangeDark._hue, $colors.orange._sat, 40%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.orangeDark._hue, $colors.orange._sat, 30%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.orangeDark._hue, $colors.orange._sat, 20%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.orangeDark._hue, $colors.orange._sat, 10%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "19",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "100%",
+          "type": "color"
+        }
+      }
+    },
+    "fontFamilies": {
+      "inter": {
+        "value": "Inter",
+        "type": "fontFamilies"
+      },
+      "roboto": {
+        "value": "Roboto",
+        "type": "fontFamilies"
+      },
+      "montserrat": {
+        "value": "Montserrat",
+        "type": "fontFamilies"
+      }
+    },
+    "borderRadius": {
+      "_scale": {
+        "value": "2",
+        "type": "borderRadius"
+      },
+      "xs": {
+        "value": "1",
+        "type": "borderRadius"
+      },
+      "sm": {
+        "value": "$borderRadius.xs * $borderRadius._scale",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$borderRadius.sm * $borderRadius._scale",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$borderRadius.md * $borderRadius._scale",
+        "type": "borderRadius"
+      },
+      "xl": {
+        "value": "$borderRadius.lg * $borderRadius._scale",
+        "type": "borderRadius"
+      },
+      "xxl": {
+        "value": "$borderRadius.xl * $borderRadius._scale",
+        "type": "borderRadius"
+      },
+      "none": {
+        "value": "0",
+        "type": "borderRadius"
+      }
+    },
+    "fontWeights": {
+      "regular": {
+        "value": "Regular",
+        "type": "fontWeights"
+      },
+      "semi-bold": {
+        "value": "semi bold",
+        "type": "fontWeights"
+      },
+      "bold": {
+        "value": "Bold",
+        "type": "fontWeights"
+      }
+    },
+    "sizing": {
+      "_scale": {
+        "value": "2",
+        "type": "sizing"
+      },
+      "xs": {
+        "value": "2",
+        "type": "sizing"
+      },
+      "sm": {
+        "value": "{sizing.xs} * $sizing._scale",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "{sizing.sm} * $sizing._scale",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "{sizing.md} * $sizing._scale",
+        "type": "sizing"
+      },
+      "xl": {
+        "value": "{sizing.lg} * $sizing._scale",
+        "type": "sizing"
+      },
+      "xxl": {
+        "value": "{sizing.xl} * $sizing._scale",
+        "type": "sizing"
+      }
+    },
+    "scale": {
+      "majorThird": {
+        "value": "1.25",
+        "type": "fontSizes"
+      },
+      "minorThird": {
+        "value": "1.2",
+        "type": "fontSizes"
+      }
+    },
+    "fontSizes": {
+      "8": {
+        "value": "8",
+        "type": "fontSizes"
+      },
+      "10": {
+        "value": "10",
+        "type": "fontSizes"
+      },
+      "12": {
+        "value": "12",
+        "type": "fontSizes"
+      },
+      "14": {
+        "value": "14",
+        "type": "fontSizes"
+      },
+      "16": {
+        "value": "16",
+        "type": "fontSizes"
+      },
+      "18": {
+        "value": "18",
+        "type": "fontSizes"
+      },
+      "20": {
+        "value": "20",
+        "type": "fontSizes"
+      },
+      "22": {
+        "value": "22",
+        "type": "fontSizes"
+      },
+      "24": {
+        "value": "24",
+        "type": "fontSizes"
+      },
+      "26": {
+        "value": "26",
+        "type": "fontSizes"
+      },
+      "28": {
+        "value": "28",
+        "type": "fontSizes"
+      },
+      "30": {
+        "value": "30",
+        "type": "fontSizes"
+      },
+      "32": {
+        "value": "32",
+        "type": "fontSizes"
+      },
+      "34": {
+        "value": "34",
+        "type": "fontSizes"
+      },
+      "36": {
+        "value": "36",
+        "type": "fontSizes"
+      },
+      "38": {
+        "value": "38",
+        "type": "fontSizes"
+      },
+      "40": {
+        "value": "40",
+        "type": "fontSizes"
+      },
+      "42": {
+        "value": "42",
+        "type": "fontSizes"
+      },
+      "44": {
+        "value": "44",
+        "type": "fontSizes"
+      },
+      "46": {
+        "value": "46",
+        "type": "fontSizes"
+      },
+      "48": {
+        "value": "48",
+        "type": "fontSizes"
+      },
+      "50": {
+        "value": "50",
+        "type": "fontSizes"
+      },
+      "52": {
+        "value": "52",
+        "type": "fontSizes"
+      },
+      "54": {
+        "value": "54",
+        "type": "fontSizes"
+      },
+      "_base": {
+        "value": "16",
+        "type": "fontSizes"
+      },
+      "_scale": {
+        "value": "$scale.majorThird",
+        "type": "fontSizes"
+      },
+      "bodyRegular": {
+        "value": "$fontSizes._base",
+        "type": "fontSizes"
+      }
+    },
+    "lineHeights": {
+      "100": {
+        "value": "100%",
+        "type": "lineHeights"
+      },
+      "120": {
+        "value": "120%",
+        "type": "lineHeights"
+      },
+      "130": {
+        "value": "130%",
+        "type": "lineHeights"
+      },
+      "140": {
+        "value": "140%",
+        "type": "lineHeights"
+      },
+      "150": {
+        "value": "150%",
+        "type": "lineHeights"
+      },
+      "160": {
+        "value": "160%",
+        "type": "lineHeights"
+      },
+      "170": {
+        "value": "170%",
+        "type": "lineHeights"
+      },
+      "180": {
+        "value": "180%",
+        "type": "lineHeights"
+      },
+      "190": {
+        "value": "190%",
+        "type": "lineHeights"
+      },
+      "200": {
+        "value": "200%",
+        "type": "lineHeights"
+      }
+    },
+    "spacing": {
+      "0": {
+        "value": "0",
+        "type": "spacing"
+      },
+      "1": {
+        "value": "1",
+        "type": "spacing"
+      },
+      "2": {
+        "value": "2",
+        "type": "spacing"
+      },
+      "4": {
+        "value": "4",
+        "type": "spacing"
+      },
+      "6": {
+        "value": "6",
+        "type": "spacing"
+      },
+      "8": {
+        "value": "8",
+        "type": "spacing"
+      },
+      "10": {
+        "value": "10",
+        "type": "spacing"
+      },
+      "12": {
+        "value": "12",
+        "type": "spacing"
+      },
+      "14": {
+        "value": "14",
+        "type": "spacing"
+      },
+      "16": {
+        "value": "16",
+        "type": "spacing"
+      },
+      "18": {
+        "value": "18",
+        "type": "spacing"
+      },
+      "20": {
+        "value": "20",
+        "type": "spacing"
+      },
+      "22": {
+        "value": "22",
+        "type": "spacing"
+      },
+      "24": {
+        "value": "24",
+        "type": "spacing"
+      },
+      "26": {
+        "value": "26",
+        "type": "spacing"
+      },
+      "28": {
+        "value": "28",
+        "type": "spacing"
+      },
+      "30": {
+        "value": "30",
+        "type": "spacing"
+      },
+      "32": {
+        "value": "32",
+        "type": "spacing"
+      },
+      "34": {
+        "value": "34",
+        "type": "spacing"
+      },
+      "36": {
+        "value": "36",
+        "type": "spacing"
+      },
+      "38": {
+        "value": "38",
+        "type": "spacing"
+      },
+      "40": {
+        "value": "40",
+        "type": "spacing"
+      },
+      "42": {
+        "value": "42",
+        "type": "spacing"
+      },
+      "44": {
+        "value": "44",
+        "type": "spacing"
+      },
+      "46": {
+        "value": "46",
+        "type": "spacing"
+      },
+      "48": {
+        "value": "48",
+        "type": "spacing"
+      },
+      "50": {
+        "value": "50",
+        "type": "spacing"
+      },
+      "52": {
+        "value": "52",
+        "type": "spacing"
+      },
+      "54": {
+        "value": "54",
+        "type": "spacing"
+      },
+      "56": {
+        "value": "56",
+        "type": "spacing"
+      },
+      "58": {
+        "value": "58",
+        "type": "spacing"
+      },
+      "60": {
+        "value": "60",
+        "type": "spacing"
+      },
+      "62": {
+        "value": "62",
+        "type": "spacing"
+      },
+      "64": {
+        "value": "64",
+        "type": "spacing"
+      }
+    }
+  },
+  "global-dark": {
+    "colors": {
+      "neutrals": {
+        "black": {
+          "value": "#ffffff",
+          "type": "color"
+        },
+        "white": {
+          "value": "#000000",
+          "type": "color"
+        }
+      },
+      "gray": {
+        "100": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 10%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 20%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 30%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 40%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 60%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 70%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 80%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.gray._hue, $colors.gray._sat, 90%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "0",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "0%",
+          "type": "color"
+        }
+      },
+      "red": {
+        "100": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 10%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 20%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 30%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 40%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 60%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 70%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 80%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.red._hue, $colors.red._sat, 90%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "11",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "100%",
+          "type": "color"
+        }
+      },
+      "orange": {
+        "100": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 10%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 20%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 30%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 40%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 60%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 70%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 80%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.orange._hue, $colors.orange._sat, 90%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "27",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "100%",
+          "type": "color"
+        }
+      },
+      "green": {
+        "100": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 10%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 20%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 30%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 40%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 60%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 70%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 80%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.green._hue, $colors.green._sat, 90%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "150",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "54%",
+          "type": "color"
+        }
+      },
+      "indigo": {
+        "100": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 10%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 20%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 30%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 40%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 60%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 70%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 80%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.indigo._hue, $colors.indigo._sat, 90%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "232",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "60%",
+          "type": "color"
+        }
+      },
+      "blue": {
+        "100": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 90%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 80%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 70%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 60%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 40%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 30%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 20%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.blue._hue, $colors.blue._sat, 10%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "205",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "100%",
+          "type": "color"
+        }
+      },
+      "yellow": {
+        "100": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 10%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 20%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 30%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 40%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 60%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 70%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 80%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.yellow._hue, $colors.yellow._sat, 90%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "40",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "100%",
+          "type": "color"
+        }
+      },
+      "teal": {
+        "100": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 90%)",
+          "type": "color"
+        },
+        "200": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 80%)",
+          "type": "color"
+        },
+        "300": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 70%)",
+          "type": "color"
+        },
+        "400": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 60%)",
+          "type": "color"
+        },
+        "500": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 50%)",
+          "type": "color"
+        },
+        "600": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 40%)",
+          "type": "color"
+        },
+        "700": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 30%)",
+          "type": "color"
+        },
+        "800": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 20%)",
+          "type": "color"
+        },
+        "900": {
+          "value": "hsl($colors.teal._hue, $colors.teal._sat, 10%)",
+          "type": "color"
+        },
+        "_hue": {
+          "value": "173",
+          "type": "color"
+        },
+        "_sat": {
+          "value": "80%",
+          "type": "color"
+        }
+      }
+    },
+    "fontFamilies": {
+      "inter": {
+        "value": "Inter",
+        "type": "fontFamilies"
+      },
+      "roboto": {
+        "value": "Roboto",
+        "type": "fontFamilies"
+      },
+      "montserrat": {
+        "value": "Montserrat",
+        "type": "fontFamilies"
+      }
+    },
+    "borderRadius": {
+      "_scale": {
+        "value": "2",
+        "type": "borderRadius"
+      },
+      "xs": {
+        "value": "1",
+        "type": "borderRadius"
+      },
+      "sm": {
+        "value": "$borderRadius.xs * $borderRadius._scale",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "$borderRadius.sm * $borderRadius._scale",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "$borderRadius.md * $borderRadius._scale",
+        "type": "borderRadius"
+      },
+      "xl": {
+        "value": "$borderRadius.lg * $borderRadius._scale",
+        "type": "borderRadius"
+      },
+      "xxl": {
+        "value": "$borderRadius.xl * $borderRadius._scale",
+        "type": "borderRadius"
+      },
+      "none": {
+        "value": "0",
+        "type": "borderRadius"
+      }
+    },
+    "fontWeights": {
+      "regular": {
+        "value": "Regular",
+        "type": "fontWeights"
+      },
+      "semi-bold": {
+        "value": "semi bold",
+        "type": "fontWeights"
+      },
+      "bold": {
+        "value": "Bold",
+        "type": "fontWeights"
+      }
+    },
+    "sizing": {
+      "_scale": {
+        "value": "2",
+        "type": "sizing"
+      },
+      "xs": {
+        "value": "2",
+        "type": "sizing"
+      },
+      "sm": {
+        "value": "{sizing.xs} * $sizing._scale",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "{sizing.sm} * $sizing._scale",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "{sizing.md} * $sizing._scale",
+        "type": "sizing"
+      },
+      "xl": {
+        "value": "{sizing.lg} * $sizing._scale",
+        "type": "sizing"
+      },
+      "xxl": {
+        "value": "{sizing.xl} * $sizing._scale",
+        "type": "sizing"
+      }
+    },
+    "spacing": {
+      "_scale": {
+        "value": "2",
+        "type": "spacing"
+      },
+      "xs": {
+        "value": "4",
+        "type": "spacing"
+      },
+      "sm": {
+        "value": "$spacing.xs * $spacing._scale",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "$spacing.sm * $spacing._scale",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "$spacing.md * $spacing._scale",
+        "type": "spacing"
+      },
+      "xl": {
+        "value": "$spacing.lg * $spacing._scale",
+        "type": "spacing"
+      },
+      "xxl": {
+        "value": "$spacing.xl * $spacing._scale",
+        "type": "spacing"
+      }
+    },
+    "scale": {
+      "majorThird": {
+        "value": "1.25",
+        "type": "fontSizes"
+      },
+      "minorThird": {
+        "value": "1.2",
+        "type": "fontSizes"
+      }
+    },
+    "fontSizes": {
+      "8": {
+        "value": "8",
+        "type": "fontSizes"
+      },
+      "10": {
+        "value": "10",
+        "type": "fontSizes"
+      },
+      "12": {
+        "value": "12",
+        "type": "fontSizes"
+      },
+      "14": {
+        "value": "14",
+        "type": "fontSizes"
+      },
+      "16": {
+        "value": "16",
+        "type": "fontSizes"
+      },
+      "18": {
+        "value": "18",
+        "type": "fontSizes"
+      },
+      "20": {
+        "value": "20",
+        "type": "fontSizes"
+      },
+      "22": {
+        "value": "22",
+        "type": "fontSizes"
+      },
+      "24": {
+        "value": "24",
+        "type": "fontSizes"
+      },
+      "26": {
+        "value": "26",
+        "type": "fontSizes"
+      },
+      "28": {
+        "value": "28",
+        "type": "fontSizes"
+      },
+      "30": {
+        "value": "30",
+        "type": "fontSizes"
+      },
+      "32": {
+        "value": "32",
+        "type": "fontSizes"
+      },
+      "34": {
+        "value": "34",
+        "type": "fontSizes"
+      },
+      "36": {
+        "value": "36",
+        "type": "fontSizes"
+      },
+      "38": {
+        "value": "38",
+        "type": "fontSizes"
+      },
+      "40": {
+        "value": "40",
+        "type": "fontSizes"
+      },
+      "42": {
+        "value": "42",
+        "type": "fontSizes"
+      },
+      "44": {
+        "value": "44",
+        "type": "fontSizes"
+      },
+      "46": {
+        "value": "46",
+        "type": "fontSizes"
+      },
+      "48": {
+        "value": "48",
+        "type": "fontSizes"
+      },
+      "50": {
+        "value": "50",
+        "type": "fontSizes"
+      },
+      "52": {
+        "value": "52",
+        "type": "fontSizes"
+      },
+      "54": {
+        "value": "54",
+        "type": "fontSizes"
+      },
+      "_base": {
+        "value": "16",
+        "type": "fontSizes"
+      },
+      "_scale": {
+        "value": "$scale.majorThird",
+        "type": "fontSizes"
+      },
+      "bodyRegular": {
+        "value": "$fontSizes._base",
+        "type": "fontSizes"
+      }
+    },
+    "lineHeights": {
+      "100": {
+        "value": "100%",
+        "type": "lineHeights"
+      },
+      "120": {
+        "value": "120%",
+        "type": "lineHeights"
+      },
+      "130": {
+        "value": "130%",
+        "type": "lineHeights"
+      },
+      "140": {
+        "value": "140%",
+        "type": "lineHeights"
+      },
+      "150": {
+        "value": "150%",
+        "type": "lineHeights"
+      },
+      "160": {
+        "value": "160%",
+        "type": "lineHeights"
+      },
+      "170": {
+        "value": "170%",
+        "type": "lineHeights"
+      },
+      "180": {
+        "value": "180%",
+        "type": "lineHeights"
+      },
+      "190": {
+        "value": "190%",
+        "type": "lineHeights"
+      },
+      "200": {
+        "value": "200%",
+        "type": "lineHeights"
+      }
+    }
+  },
+  "oxygen": {
+    "oxygen": {
+      "colors": {
+        "primary": {
+          "lighter": {
+            "value": "{colors.orangeDark.300}",
+            "type": "color"
+          },
+          "light": {
+            "value": "{colors.orangeDark.400}",
+            "type": "color"
+          },
+          "default": {
+            "value": "{colors.orangeDark.500}",
+            "type": "color"
+          },
+          "dark": {
+            "value": "{colors.orangeDark.600}",
+            "type": "color"
+          },
+          "darker": {
+            "value": "{colors.orangeDark.700}",
+            "type": "color"
+          }
+        },
+        "secondary": {
+          "lighter": {
+            "value": "{colors.orange.300}",
+            "type": "color"
+          },
+          "light": {
+            "value": "{colors.orange.400}",
+            "type": "color"
+          },
+          "default": {
+            "value": "{colors.orange.500}",
+            "type": "color"
+          },
+          "dark": {
+            "value": "{colors.orange.600}",
+            "type": "color"
+          },
+          "darker": {
+            "value": "{colors.orange.700}",
+            "type": "color"
+          }
+        },
+        "text": {
+          "darker": {
+            "value": "{colors.neutrals.black}",
+            "type": "color"
+          },
+          "dark": {
+            "value": "{colors.gray.800}",
+            "type": "color"
+          },
+          "light": {
+            "value": "{colors.gray.400}",
+            "type": "color"
+          },
+          "lighter": {
+            "value": "{colors.neutrals.white}",
+            "type": "color"
+          },
+          "primary": {
+            "value": "{oxygen.colors.primary.dark}",
+            "type": "color"
+          }
+        },
+        "background": {
+          "default": {
+            "value": "{colors.neutrals.white}",
+            "type": "color"
+          },
+          "success": {
+            "value": "{oxygen.colors.extended.success.lightest}",
+            "type": "color"
+          },
+          "warning": {
+            "value": "{oxygen.colors.extended.warning.lightest}",
+            "type": "color"
+          },
+          "info": {
+            "value": "{oxygen.colors.extended.info.lightest}",
+            "type": "color"
+          },
+          "danger": {
+            "value": "{oxygen.colors.extended.danger.lightest}",
+            "type": "color"
+          },
+          "primary": {
+            "value": "{oxygen.colors.primary.default}",
+            "type": "color"
+          },
+          "gray": {
+            "value": "{colors.gray.900}",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "{colors.gray.200}",
+            "type": "color"
+          },
+          "primary": {
+            "value": "{oxygen.colors.primary.light}",
+            "type": "color"
+          },
+          "white": {
+            "value": "{colors.neutrals.white}",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "default": {
+            "value": "{colors.neutrals.black}",
+            "type": "color"
+          },
+          "success": {
+            "value": "{oxygen.colors.extended.success.default}",
+            "type": "color"
+          },
+          "warning": {
+            "value": "{oxygen.colors.extended.warning.default}",
+            "type": "color"
+          },
+          "info": {
+            "value": "{oxygen.colors.extended.info.default}",
+            "type": "color"
+          },
+          "danger": {
+            "value": "{oxygen.colors.extended.danger.default}",
+            "type": "color"
+          }
+        },
+        "extended": {
+          "warning": {
+            "lightest": {
+              "value": "{colors.yellow.100}",
+              "type": "color"
+            },
+            "lighter": {
+              "value": "{colors.yellow.300}",
+              "type": "color"
+            },
+            "light": {
+              "value": "{colors.yellow.400}",
+              "type": "color"
+            },
+            "default": {
+              "value": "{colors.yellow.500}",
+              "type": "color"
+            },
+            "dark": {
+              "value": "{colors.yellow.600}",
+              "type": "color"
+            }
+          },
+          "success": {
+            "lightest": {
+              "value": "{colors.green.100}",
+              "type": "color"
+            },
+            "lighter": {
+              "value": "{colors.green.300}",
+              "type": "color"
+            },
+            "light": {
+              "value": "{colors.green.400}",
+              "type": "color"
+            },
+            "default": {
+              "value": "{colors.green.500}",
+              "type": "color"
+            },
+            "dark": {
+              "value": "{colors.green.600}",
+              "type": "color"
+            }
+          },
+          "danger": {
+            "lightest": {
+              "value": "{colors.red.100}",
+              "type": "color"
+            },
+            "lighter": {
+              "value": "{colors.red.300}",
+              "type": "color"
+            },
+            "light": {
+              "value": "{colors.red.400}",
+              "type": "color"
+            },
+            "default": {
+              "value": "{colors.red.500}",
+              "type": "color"
+            },
+            "dark": {
+              "value": "{colors.red.600}",
+              "type": "color"
+            }
+          },
+          "info": {
+            "lightest": {
+              "value": "{colors.blue.100}",
+              "type": "color"
+            },
+            "lighter": {
+              "value": "{colors.blue.300}",
+              "type": "color"
+            },
+            "light": {
+              "value": "{colors.blue.400}",
+              "type": "color"
+            },
+            "default": {
+              "value": "{colors.blue.500}",
+              "type": "color"
+            },
+            "dark": {
+              "value": "{colors.blue.600}",
+              "type": "color"
+            }
+          }
+        }
+      },
+      "borderRadius": {
+        "sm": {
+          "value": "{borderRadius.sm}",
+          "type": "borderRadius"
+        },
+        "md": {
+          "value": "{borderRadius.md}",
+          "type": "borderRadius"
+        },
+        "none": {
+          "value": "{borderRadius.none}",
+          "type": "borderRadius"
+        },
+        "lg": {
+          "value": "{borderRadius.lg}",
+          "type": "borderRadius"
+        }
+      },
+      "spacing": {
+        "1": {
+          "value": "{spacing.1}",
+          "type": "spacing"
+        },
+        "2": {
+          "value": "{spacing.2}",
+          "type": "spacing"
+        },
+        "4": {
+          "value": "{spacing.4}",
+          "type": "spacing"
+        },
+        "6": {
+          "value": "{spacing.6}",
+          "type": "spacing"
+        },
+        "8": {
+          "value": "{spacing.8}",
+          "type": "spacing"
+        },
+        "10": {
+          "value": "{spacing.10}",
+          "type": "spacing"
+        },
+        "12": {
+          "value": "{spacing.12}",
+          "type": "spacing"
+        },
+        "14": {
+          "value": "{spacing.14}",
+          "type": "spacing"
+        },
+        "16": {
+          "value": "{spacing.16}",
+          "type": "spacing"
+        },
+        "32": {
+          "value": "{spacing.32}",
+          "type": "spacing"
+        },
+        "64": {
+          "value": "{spacing.64}",
+          "type": "spacing"
+        },
+        "none": {
+          "value": "{spacing.0}",
+          "type": "spacing"
+        }
+      },
+      "fontFamilies": {
+        "heading": {
+          "value": "{fontFamilies.inter}",
+          "type": "fontFamilies"
+        },
+        "body": {
+          "value": "{fontFamilies.roboto}",
+          "type": "fontFamilies"
+        }
+      },
+      "fontWeights": {
+        "regular": {
+          "value": "{fontWeights.regular}",
+          "type": "fontWeights"
+        },
+        "semibold": {
+          "value": "{fontWeights.semi-bold}",
+          "type": "fontWeights"
+        },
+        "bold": {
+          "value": "{fontWeights.bold}",
+          "type": "fontWeights"
+        }
+      },
+      "lineHeights": {
+        "heading": {
+          "value": "{lineHeights.150}",
+          "type": "lineHeights"
+        },
+        "body": {
+          "value": "{lineHeights.130}",
+          "type": "lineHeights"
+        }
+      },
+      "fontSizes": {
+        "heading": {
+          "h1": {
+            "value": "{fontSizes.48}",
+            "type": "fontSizes"
+          },
+          "h2": {
+            "value": "{fontSizes.40}",
+            "type": "fontSizes"
+          },
+          "h3": {
+            "value": "{fontSizes.32}",
+            "type": "fontSizes"
+          },
+          "h4": {
+            "value": "{fontSizes.24}",
+            "type": "fontSizes"
+          },
+          "h5": {
+            "value": "{fontSizes.20}",
+            "type": "fontSizes"
+          },
+          "h6": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          }
+        },
+        "body": {
+          "bodyRegular": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          },
+          "bodySmall": {
+            "value": "{fontSizes.14}",
+            "type": "fontSizes"
+          },
+          "bodyExtraSmall": {
+            "value": "{fontSizes.12}",
+            "type": "fontSizes"
+          }
+        },
+        "button": {
+          "large": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          },
+          "regular": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          },
+          "small": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          }
+        },
+        "link": {
+          "large": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          },
+          "regular": {
+            "value": "{fontSizes.14}",
+            "type": "fontSizes"
+          },
+          "small": {
+            "value": "{fontSizes.12}",
+            "type": "fontSizes"
+          }
+        }
+      },
+      "dropShadow": {
+        "default": {
+          "value": {
+            "x": "0",
+            "y": "0",
+            "blur": "0",
+            "spread": "0",
+            "color": "rgba(0,0,0,0.2)",
+            "type": "dropShadow"
+          },
+          "type": "boxShadow"
+        }
+      }
+    },
+    "fontFamilies": {
+      "heading": {
+        "default": {
+          "value": "{oxygen.fontFamilies.heading}",
+          "type": "fontFamilies"
+        }
+      },
+      "body": {
+        "default": {
+          "value": "{oxygen.fontFamilies.body}",
+          "type": "fontFamilies"
+        }
+      }
+    },
+    "typography": {
+      "heading": {
+        "default": {
+          "value": "{oxygen.fontWeights.semibold}",
+          "type": "fontWeights"
+        },
+        "h1": {
+          "value": {
+            "fontFamily": "{fontFamilies.heading.default}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h1}"
+          },
+          "type": "typography"
+        },
+        "h2": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.heading}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h2}"
+          },
+          "type": "typography"
+        },
+        "h3": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.heading}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h3}"
+          },
+          "type": "typography"
+        },
+        "h4": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.heading}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h4}"
+          },
+          "type": "typography"
+        },
+        "h5": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.heading}",
+            "fontWeight": "{typography.heading.default}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h5}"
+          },
+          "type": "typography"
+        },
+        "h6": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.heading}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h6}"
+          },
+          "type": "typography"
+        }
+      },
+      "body": {
+        "default": {
+          "value": "{oxygen.fontWeights.regular}",
+          "type": "fontWeights"
+        },
+        "paragraph-1": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.body}",
+            "fontWeight": "{fontWeights.regular}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.body.bodyRegular}"
+          },
+          "type": "typography"
+        },
+        "paragraph-2": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.body}",
+            "fontWeight": "{fontWeights.regular}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.body.bodySmall}"
+          },
+          "type": "typography"
+        },
+        "paragraph-3": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.body}",
+            "fontWeight": "{fontWeights.regular}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.body.bodyExtraSmall}"
+          },
+          "type": "typography"
+        }
+      },
+      "button": {
+        "large": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "130%",
+            "fontSize": "{oxygen.fontSizes.button.large}"
+          },
+          "type": "typography"
+        },
+        "regular": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "150%",
+            "fontSize": "{oxygen.fontSizes.button.regular}"
+          },
+          "type": "typography"
+        },
+        "small": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "100%",
+            "fontSize": "{oxygen.fontSizes.button.small}"
+          },
+          "type": "typography"
+        }
+      },
+      "link": {
+        "large": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{fontWeights.semi-bold}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.link.large}"
+          },
+          "type": "typography"
+        },
+        "regular": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{fontWeights.semi-bold}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.link.regular}"
+          },
+          "type": "typography"
+        },
+        "small": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{fontWeights.semi-bold}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.link.small}"
+          },
+          "type": "typography"
+        }
+      }
+    },
+    "lineHeights": {
+      "heading": {
+        "default": {
+          "value": "{oxygen.lineHeights.heading}",
+          "type": "lineHeights"
+        }
+      },
+      "body": {
+        "default": {
+          "value": "{oxygen.lineHeights.body}",
+          "type": "lineHeights"
+        }
+      }
+    },
+    "fontSizes": {
+      "heading": {
+        "h1": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h1}",
+            "type": "fontSizes"
+          }
+        },
+        "h2": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h2}",
+            "type": "fontSizes"
+          }
+        },
+        "h3": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h3}",
+            "type": "fontSizes"
+          }
+        },
+        "h4": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h4}",
+            "type": "fontSizes"
+          }
+        },
+        "h5": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h5}",
+            "type": "fontSizes"
+          }
+        },
+        "h6": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h6}",
+            "type": "fontSizes"
+          }
+        }
+      },
+      "body": {
+        "regular": {
+          "default": {
+            "value": "{oxygen.fontSizes.body.bodyRegular}",
+            "type": "fontSizes"
+          }
+        },
+        "small": {
+          "default": {
+            "value": "{oxygen.fontSizes.body.bodySmall}",
+            "type": "fontSizes"
+          }
+        },
+        "extraSmall": {
+          "default": {
+            "value": "{oxygen.fontSizes.body.bodyExtraSmall}",
+            "type": "fontSizes"
+          }
+        }
+      }
+    },
+    "color": {
+      "action": {
+        "cta": {
+          "button": {
+            "background": {
+              "primary": {
+                "default": {
+                  "value": "{oxygen.colors.background.primary}",
+                  "type": "color"
+                },
+                "hover": {
+                  "value": "{oxygen.colors.primary.dark}",
+                  "type": "color"
+                },
+                "active": {
+                  "value": "{oxygen.colors.background.primary}",
+                  "type": "color"
+                },
+                "focus": {
+                  "value": "{oxygen.colors.background.primary}",
+                  "type": "color"
+                },
+                "disable": {
+                  "value": "{oxygen.colors.background.primary}",
+                  "type": "color"
+                }
+              },
+              "secondary": {
+                "default": {
+                  "value": "{oxygen.colors.background.default}",
+                  "type": "color"
+                }
+              }
+            },
+            "text": {
+              "primary": {
+                "default": {
+                  "value": "{oxygen.colors.text.lighter}",
+                  "type": "color"
+                },
+                "hover": {
+                  "value": "{oxygen.colors.text.lighter}",
+                  "type": "color"
+                },
+                "active": {
+                  "value": "{oxygen.colors.text.lighter}",
+                  "type": "color"
+                },
+                "focus": {
+                  "value": "{oxygen.colors.text.lighter}",
+                  "type": "color"
+                },
+                "disable": {
+                  "value": "{oxygen.colors.text.lighter}",
+                  "type": "color"
+                }
+              }
+            },
+            "outline": {
+              "primary": {
+                "default": {
+                  "value": "{oxygen.colors.border.white}",
+                  "type": "color"
+                },
+                "hover": {
+                  "value": "{oxygen.colors.border.white}",
+                  "type": "color"
+                },
+                "active": {
+                  "value": "{oxygen.colors.border.white}",
+                  "type": "color"
+                },
+                "focus": {
+                  "value": "{oxygen.colors.border.white}",
+                  "type": "color"
+                },
+                "disable": {
+                  "value": "{oxygen.colors.border.white}",
+                  "type": "color"
+                }
+              }
+            }
+          },
+          "link": {
+            "text": {
+              "primary": {
+                "default": {
+                  "value": "{oxygen.colors.text.primary}",
+                  "type": "color"
+                }
+              }
+            }
+          }
+        },
+        "input": {
+          "text-field": {
+            "background": {
+              "default": {
+                "value": "{oxygen.colors.background.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{oxygen.colors.background.default}",
+                "type": "color"
+              }
+            },
+            "placeholder": {
+              "default": {
+                "value": "{oxygen.colors.text.light}",
+                "type": "color"
+              }
+            },
+            "label": {
+              "default": {
+                "value": "{oxygen.colors.text.dark}",
+                "type": "color"
+              }
+            },
+            "border": {
+              "default": {
+                "value": "{oxygen.colors.border.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{oxygen.colors.border.primary}",
+                "type": "color"
+              }
+            }
+          }
+        }
+      },
+      "feedback": {
+        "registration": {
+          "login": {
+            "background": {
+              "default": {
+                "value": "{oxygen.colors.background.default}",
+                "type": "color"
+              }
+            },
+            "border": {
+              "default": {
+                "value": "{oxygen.colors.border.default}",
+                "type": "color"
+              }
+            }
+          }
+        },
+        "page": {
+          "background": {
+            "default": {
+              "value": "{oxygen.colors.background.default}",
+              "type": "color"
+            }
+          }
+        }
+      },
+      "typography": {
+        "heading": {
+          "h1": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "h2": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "h3": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "h4": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "h5": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "h6": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          }
+        },
+        "body": {
+          "paragraph-1": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "paragraph-2": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "paragraph-3": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          }
+        }
+      }
+    },
+    "borderRadius": {
+      "action": {
+        "cta": {
+          "button": {
+            "primary": {
+              "large": {
+                "value": "{oxygen.borderRadius.sm}",
+                "type": "borderRadius"
+              },
+              "regular": {
+                "value": "{oxygen.borderRadius.none}",
+                "type": "borderRadius"
+              },
+              "small": {
+                "value": "{oxygen.borderRadius.sm}",
+                "type": "borderRadius"
+              }
+            }
+          }
+        },
+        "input": {
+          "text-field": {
+            "large": {
+              "value": "{oxygen.borderRadius.sm}",
+              "type": "borderRadius"
+            },
+            "regular": {
+              "value": "{oxygen.borderRadius.none}",
+              "type": "borderRadius"
+            },
+            "small": {
+              "value": "{oxygen.borderRadius.sm}",
+              "type": "borderRadius"
+            }
+          }
+        },
+        "registration": {
+          "login": {
+            "sm": {
+              "value": "{oxygen.borderRadius.sm}",
+              "type": "borderRadius"
+            },
+            "md": {
+              "value": "{oxygen.borderRadius.md}",
+              "type": "borderRadius"
+            },
+            "lg": {
+              "value": "{oxygen.borderRadius.lg}",
+              "type": "borderRadius"
+            }
+          }
+        }
+      }
+    },
+    "spacing": {
+      "action": {
+        "cta": {
+          "button": {
+            "primary": {
+              "large": {
+                "right": {
+                  "value": "{oxygen.spacing.16}",
+                  "type": "spacing"
+                },
+                "left": {
+                  "value": "{oxygen.spacing.16}",
+                  "type": "spacing"
+                },
+                "top": {
+                  "value": "{oxygen.spacing.8}",
+                  "type": "spacing"
+                },
+                "bottom": {
+                  "value": "{oxygen.spacing.8}",
+                  "type": "spacing"
+                },
+                "gap": {
+                  "value": "{oxygen.spacing.4}",
+                  "type": "spacing"
+                },
+                "square": {
+                  "value": "{oxygen.spacing.12}",
+                  "type": "spacing"
+                }
+              },
+              "regular": {
+                "right": {
+                  "value": "{oxygen.spacing.16}",
+                  "type": "spacing"
+                },
+                "left": {
+                  "value": "{oxygen.spacing.16}",
+                  "type": "spacing"
+                },
+                "top": {
+                  "value": "{oxygen.spacing.8}",
+                  "type": "spacing"
+                },
+                "bottom": {
+                  "value": "{oxygen.spacing.8}",
+                  "type": "spacing"
+                }
+              }
+            }
+          }
+        },
+        "registration": {
+          "login": {
+            "xs": {
+              "value": "{oxygen.spacing.4}",
+              "type": "spacing"
+            },
+            "sm": {
+              "value": "{oxygen.spacing.8}",
+              "type": "spacing"
+            },
+            "md": {
+              "value": "{oxygen.spacing.16}",
+              "type": "spacing"
+            },
+            "lg": {
+              "value": "{oxygen.spacing.32}",
+              "type": "spacing"
+            },
+            "xl": {
+              "value": "{oxygen.spacing.64}",
+              "type": "spacing"
+            }
+          }
+        }
+      }
+    },
+    "logo": {
+      "value": "https://pbs.twimg.com/profile_images/1293800404615155712/c24g2bOv_400x400.png",
+      "type": "asset"
+    },
+    "dropShadow": {
+      "action": {
+        "cta": {
+          "button": {
+            "primary": {
+              "default": {
+                "value": "{oxygen.dropShadow.default}",
+                "type": "boxShadow"
+              }
+            }
+          }
+        }
+      }
+    }
+  },
+  "oxygen-dark": {
+    "oxygen": {
+      "colors": {
+        "primary": {
+          "lighter": {
+            "value": "{colors.teal.600}",
+            "type": "color"
+          },
+          "light": {
+            "value": "{colors.teal.500}",
+            "type": "color"
+          },
+          "default": {
+            "value": "{colors.teal.400}",
+            "type": "color"
+          },
+          "dark": {
+            "value": "{colors.teal.300}",
+            "type": "color"
+          },
+          "darker": {
+            "value": "{colors.teal.200}",
+            "type": "color"
+          }
+        },
+        "secondary": {
+          "lighter": {
+            "value": "{colors.orange.300}",
+            "type": "color"
+          },
+          "light": {
+            "value": "{colors.orange.400}",
+            "type": "color"
+          },
+          "default": {
+            "value": "{colors.orange.500}",
+            "type": "color"
+          },
+          "dark": {
+            "value": "{colors.orange.600}",
+            "type": "color"
+          },
+          "darker": {
+            "value": "{colors.orange.700}",
+            "type": "color"
+          }
+        },
+        "text": {
+          "darker": {
+            "value": "{colors.neutrals.white}",
+            "type": "color"
+          },
+          "dark": {
+            "value": "{colors.gray.800}",
+            "type": "color"
+          },
+          "light": {
+            "value": "{colors.gray.400}",
+            "type": "color"
+          },
+          "lighter": {
+            "value": "{colors.neutrals.black}",
+            "type": "color"
+          },
+          "primary": {
+            "value": "{oxygen.colors.primary.dark}",
+            "type": "color"
+          }
+        },
+        "background": {
+          "default": {
+            "value": "{colors.neutrals.black}",
+            "type": "color"
+          },
+          "success": {
+            "value": "{oxygen.colors.extended.success.lightest}",
+            "type": "color"
+          },
+          "warning": {
+            "value": "{oxygen.colors.extended.warning.lightest}",
+            "type": "color"
+          },
+          "info": {
+            "value": "{oxygen.colors.extended.info.lightest}",
+            "type": "color"
+          },
+          "danger": {
+            "value": "{oxygen.colors.extended.danger.lightest}",
+            "type": "color"
+          },
+          "primary": {
+            "value": "{oxygen.colors.primary.default}",
+            "type": "color"
+          },
+          "gray": {
+            "value": "{colors.gray.900}",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "{colors.gray.300}",
+            "type": "color"
+          },
+          "primary": {
+            "value": "{oxygen.colors.primary.light}",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "default": {
+            "value": "{colors.neutrals.black}",
+            "type": "color"
+          },
+          "success": {
+            "value": "{oxygen.colors.extended.success.default}",
+            "type": "color"
+          },
+          "warning": {
+            "value": "{oxygen.colors.extended.warning.default}",
+            "type": "color"
+          },
+          "info": {
+            "value": "{oxygen.colors.extended.info.default}",
+            "type": "color"
+          },
+          "danger": {
+            "value": "{oxygen.colors.extended.danger.default}",
+            "type": "color"
+          }
+        },
+        "extended": {
+          "warning": {
+            "lightest": {
+              "value": "{colors.yellow.100}",
+              "type": "color"
+            },
+            "lighter": {
+              "value": "{colors.yellow.300}",
+              "type": "color"
+            },
+            "light": {
+              "value": "{colors.yellow.400}",
+              "type": "color"
+            },
+            "default": {
+              "value": "{colors.yellow.500}",
+              "type": "color"
+            },
+            "dark": {
+              "value": "{colors.yellow.600}",
+              "type": "color"
+            }
+          },
+          "success": {
+            "lightest": {
+              "value": "{colors.green.100}",
+              "type": "color"
+            },
+            "lighter": {
+              "value": "{colors.green.300}",
+              "type": "color"
+            },
+            "light": {
+              "value": "{colors.green.400}",
+              "type": "color"
+            },
+            "default": {
+              "value": "{colors.green.500}",
+              "type": "color"
+            },
+            "dark": {
+              "value": "{colors.green.600}",
+              "type": "color"
+            }
+          },
+          "danger": {
+            "lightest": {
+              "value": "{colors.red.100}",
+              "type": "color"
+            },
+            "lighter": {
+              "value": "{colors.red.300}",
+              "type": "color"
+            },
+            "light": {
+              "value": "{colors.red.400}",
+              "type": "color"
+            },
+            "default": {
+              "value": "{colors.red.500}",
+              "type": "color"
+            },
+            "dark": {
+              "value": "{colors.red.600}",
+              "type": "color"
+            }
+          },
+          "info": {
+            "lightest": {
+              "value": "{colors.blue.100}",
+              "type": "color"
+            },
+            "lighter": {
+              "value": "{colors.blue.300}",
+              "type": "color"
+            },
+            "light": {
+              "value": "{colors.blue.400}",
+              "type": "color"
+            },
+            "default": {
+              "value": "{colors.blue.500}",
+              "type": "color"
+            },
+            "dark": {
+              "value": "{colors.blue.600}",
+              "type": "color"
+            }
+          }
+        }
+      }
+    },
+    "color": {
+      "action": {
+        "cta": {
+          "button": {
+            "background": {
+              "primary": {
+                "default": {
+                  "value": "{oxygen.colors.background.primary}",
+                  "type": "color"
+                }
+              },
+              "secondary": {
+                "default": {
+                  "value": "{oxygen.colors.background.default}",
+                  "type": "color"
+                }
+              }
+            },
+            "text": {
+              "primary": {
+                "default": {
+                  "value": "{oxygen.colors.text.lighter}",
+                  "type": "color"
+                }
+              }
+            }
+          },
+          "link": {
+            "text": {
+              "primary": {
+                "default": {
+                  "value": "{oxygen.colors.text.primary}",
+                  "type": "color"
+                }
+              }
+            }
+          }
+        },
+        "input": {
+          "text-field": {
+            "background": {
+              "default": {
+                "value": "{oxygen.colors.background.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{oxygen.colors.background.default}",
+                "type": "color"
+              }
+            },
+            "placeholder": {
+              "default": {
+                "value": "{oxygen.colors.text.light}",
+                "type": "color"
+              }
+            },
+            "label": {
+              "default": {
+                "value": "{oxygen.colors.text.dark}",
+                "type": "color"
+              }
+            },
+            "border": {
+              "default": {
+                "value": "{oxygen.colors.border.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{oxygen.colors.border.primary}",
+                "type": "color"
+              }
+            }
+          }
+        }
+      },
+      "feedback": {
+        "registration": {
+          "login": {
+            "background": {
+              "default": {
+                "value": "{oxygen.colors.background.default}",
+                "type": "color"
+              }
+            },
+            "border": {
+              "default": {
+                "value": "{oxygen.colors.border.default}",
+                "type": "color"
+              }
+            }
+          }
+        },
+        "page": {
+          "background": {
+            "default": {
+              "value": "{oxygen.colors.background.default}",
+              "type": "color"
+            }
+          }
+        }
+      }
+    },
+    "logo": {
+      "value": "https://raw.githubusercontent.com/brionmario/oxygen/main/examples/multi-brand-identity/public/assets/brands/oxygen/images/oxygen-logo-inverted.svg",
+      "type": "asset"
+    }
+  },
+  "asgardeo": {
+    "oxygen": {
+      "colors": {
+        "primary": {
+          "lighter": {
+            "value": "{colors.orange.300}",
+            "type": "color"
+          },
+          "light": {
+            "value": "{colors.orange.400}",
+            "type": "color"
+          },
+          "default": {
+            "value": "{colors.orange.500}",
+            "type": "color"
+          },
+          "dark": {
+            "value": "{colors.orange.600}",
+            "type": "color"
+          },
+          "darker": {
+            "value": "{colors.orange.700}",
+            "type": "color"
+          }
+        },
+        "secondary": {
+          "lighter": {
+            "value": "{colors.orange.300}",
+            "type": "color"
+          },
+          "light": {
+            "value": "{colors.orange.400}",
+            "type": "color"
+          },
+          "default": {
+            "value": "{colors.orange.500}",
+            "type": "color"
+          },
+          "dark": {
+            "value": "{colors.orange.600}",
+            "type": "color"
+          },
+          "darker": {
+            "value": "{colors.orange.700}",
+            "type": "color"
+          }
+        },
+        "text": {
+          "darker": {
+            "value": "{colors.neutrals.black}",
+            "type": "color"
+          },
+          "dark": {
+            "value": "{colors.gray.800}",
+            "type": "color"
+          },
+          "light": {
+            "value": "{colors.gray.400}",
+            "type": "color"
+          },
+          "lighter": {
+            "value": "{colors.neutrals.white}",
+            "type": "color"
+          },
+          "primary": {
+            "value": "{oxygen.colors.primary.dark}",
+            "type": "color"
+          }
+        },
+        "background": {
+          "default": {
+            "value": "{colors.neutrals.white}",
+            "type": "color"
+          },
+          "success": {
+            "value": "{oxygen.colors.extended.success.lightest}",
+            "type": "color"
+          },
+          "warning": {
+            "value": "{oxygen.colors.extended.warning.lightest}",
+            "type": "color"
+          },
+          "info": {
+            "value": "{oxygen.colors.extended.info.lightest}",
+            "type": "color"
+          },
+          "danger": {
+            "value": "{oxygen.colors.extended.danger.lightest}",
+            "type": "color"
+          },
+          "primary": {
+            "value": "{oxygen.colors.primary.default}",
+            "type": "color"
+          },
+          "gray": {
+            "value": "{colors.gray.900}",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "{colors.gray.200}",
+            "type": "color"
+          },
+          "primary": {
+            "value": "{oxygen.colors.primary.light}",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "default": {
+            "value": "{colors.neutrals.black}",
+            "type": "color"
+          },
+          "success": {
+            "value": "{oxygen.colors.extended.success.default}",
+            "type": "color"
+          },
+          "warning": {
+            "value": "{oxygen.colors.extended.warning.default}",
+            "type": "color"
+          },
+          "info": {
+            "value": "{oxygen.colors.extended.info.default}",
+            "type": "color"
+          },
+          "danger": {
+            "value": "{oxygen.colors.extended.danger.default}",
+            "type": "color"
+          }
+        },
+        "extended": {
+          "warning": {
+            "lightest": {
+              "value": "{colors.yellow.100}",
+              "type": "color"
+            },
+            "lighter": {
+              "value": "{colors.yellow.300}",
+              "type": "color"
+            },
+            "light": {
+              "value": "{colors.yellow.400}",
+              "type": "color"
+            },
+            "default": {
+              "value": "{colors.yellow.500}",
+              "type": "color"
+            },
+            "dark": {
+              "value": "{colors.yellow.600}",
+              "type": "color"
+            }
+          },
+          "success": {
+            "lightest": {
+              "value": "{colors.green.100}",
+              "type": "color"
+            },
+            "lighter": {
+              "value": "{colors.green.300}",
+              "type": "color"
+            },
+            "light": {
+              "value": "{colors.green.400}",
+              "type": "color"
+            },
+            "default": {
+              "value": "{colors.green.500}",
+              "type": "color"
+            },
+            "dark": {
+              "value": "{colors.green.600}",
+              "type": "color"
+            }
+          },
+          "danger": {
+            "lightest": {
+              "value": "{colors.red.100}",
+              "type": "color"
+            },
+            "lighter": {
+              "value": "{colors.red.300}",
+              "type": "color"
+            },
+            "light": {
+              "value": "{colors.red.400}",
+              "type": "color"
+            },
+            "default": {
+              "value": "{colors.red.500}",
+              "type": "color"
+            },
+            "dark": {
+              "value": "{colors.red.600}",
+              "type": "color"
+            }
+          },
+          "info": {
+            "lightest": {
+              "value": "{colors.blue.100}",
+              "type": "color"
+            },
+            "lighter": {
+              "value": "{colors.blue.300}",
+              "type": "color"
+            },
+            "light": {
+              "value": "{colors.blue.400}",
+              "type": "color"
+            },
+            "default": {
+              "value": "{colors.blue.500}",
+              "type": "color"
+            },
+            "dark": {
+              "value": "{colors.blue.600}",
+              "type": "color"
+            }
+          }
+        }
+      },
+      "borderRadius": {
+        "12": {
+          "value": "12",
+          "type": "borderRadius"
+        },
+        "sm": {
+          "value": "{borderRadius.sm}",
+          "type": "borderRadius"
+        },
+        "md": {
+          "value": "{borderRadius.md}",
+          "type": "borderRadius"
+        },
+        "none": {
+          "value": "{borderRadius.none}",
+          "type": "borderRadius"
+        },
+        "lg": {
+          "value": "{borderRadius.lg}",
+          "type": "borderRadius"
+        }
+      },
+      "spacing": {
+        "1": {
+          "value": "{spacing.1}",
+          "type": "spacing"
+        },
+        "2": {
+          "value": "{spacing.2}",
+          "type": "spacing"
+        },
+        "4": {
+          "value": "{spacing.4}",
+          "type": "spacing"
+        },
+        "6": {
+          "value": "{spacing.6}",
+          "type": "spacing"
+        },
+        "8": {
+          "value": "{spacing.8}",
+          "type": "spacing"
+        },
+        "10": {
+          "value": "{spacing.10}",
+          "type": "spacing"
+        },
+        "12": {
+          "value": "{spacing.12}",
+          "type": "spacing"
+        },
+        "14": {
+          "value": "{spacing.14}",
+          "type": "spacing"
+        },
+        "16": {
+          "value": "{spacing.16}",
+          "type": "spacing"
+        },
+        "32": {
+          "value": "{spacing.32}",
+          "type": "spacing"
+        },
+        "64": {
+          "value": "{spacing.64}",
+          "type": "spacing"
+        },
+        "none": {
+          "value": "{spacing.0}",
+          "type": "spacing"
+        }
+      },
+      "fontFamilies": {
+        "heading": {
+          "value": "{fontFamilies.montserrat}",
+          "type": "fontFamilies"
+        },
+        "body": {
+          "value": "{fontFamilies.roboto}",
+          "type": "fontFamilies"
+        }
+      },
+      "fontWeights": {
+        "regular": {
+          "value": "{fontWeights.regular}",
+          "type": "fontWeights"
+        },
+        "semibold": {
+          "value": "{fontWeights.semi-bold}",
+          "type": "fontWeights"
+        },
+        "bold": {
+          "value": "{fontWeights.bold}",
+          "type": "fontWeights"
+        }
+      },
+      "lineHeights": {
+        "heading": {
+          "value": "{lineHeights.150}",
+          "type": "lineHeights"
+        },
+        "body": {
+          "value": "{lineHeights.130}",
+          "type": "lineHeights"
+        }
+      },
+      "fontSizes": {
+        "heading": {
+          "h1": {
+            "value": "{fontSizes.48}",
+            "type": "fontSizes"
+          },
+          "h2": {
+            "value": "{fontSizes.40}",
+            "type": "fontSizes"
+          },
+          "h3": {
+            "value": "{fontSizes.32}",
+            "type": "fontSizes"
+          },
+          "h4": {
+            "value": "{fontSizes.24}",
+            "type": "fontSizes"
+          },
+          "h5": {
+            "value": "{fontSizes.20}",
+            "type": "fontSizes"
+          },
+          "h6": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          }
+        },
+        "body": {
+          "bodyRegular": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          },
+          "bodySmall": {
+            "value": "{fontSizes.14}",
+            "type": "fontSizes"
+          },
+          "bodyExtraSmall": {
+            "value": "{fontSizes.12}",
+            "type": "fontSizes"
+          }
+        },
+        "button": {
+          "large": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          },
+          "regular": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          },
+          "small": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          }
+        },
+        "link": {
+          "large": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          },
+          "regular": {
+            "value": "{fontSizes.14}",
+            "type": "fontSizes"
+          },
+          "small": {
+            "value": "{fontSizes.12}",
+            "type": "fontSizes"
+          }
+        }
+      },
+      "dropShadow": {
+        "default": {
+          "value": {
+            "x": "0",
+            "y": "0",
+            "blur": "0",
+            "spread": "0",
+            "color": "rgba(0,0,0,0.2)",
+            "type": "dropShadow"
+          },
+          "type": "boxShadow"
+        }
+      }
+    },
+    "fontFamilies": {
+      "heading": {
+        "default": {
+          "value": "{oxygen.fontFamilies.heading}",
+          "type": "fontFamilies"
+        }
+      },
+      "body": {
+        "default": {
+          "value": "{oxygen.fontFamilies.body}",
+          "type": "fontFamilies"
+        }
+      }
+    },
+    "typography": {
+      "heading": {
+        "default": {
+          "value": "{oxygen.fontWeights.semibold}",
+          "type": "fontWeights"
+        },
+        "h1": {
+          "value": {
+            "fontFamily": "{fontFamilies.heading.default}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h1}"
+          },
+          "type": "typography"
+        },
+        "h2": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.heading}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h2}"
+          },
+          "type": "typography"
+        },
+        "h3": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.heading}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h3}"
+          },
+          "type": "typography"
+        },
+        "h4": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.heading}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h4}"
+          },
+          "type": "typography"
+        },
+        "h5": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.heading}",
+            "fontWeight": "{typography.heading.default}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h5}"
+          },
+          "type": "typography"
+        },
+        "h6": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.heading}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h6}"
+          },
+          "type": "typography"
+        }
+      },
+      "body": {
+        "default": {
+          "value": "{oxygen.fontWeights.regular}",
+          "type": "fontWeights"
+        },
+        "paragraph-1": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.body}",
+            "fontWeight": "{fontWeights.regular}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.body.bodyRegular}"
+          },
+          "type": "typography"
+        },
+        "paragraph-2": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.body}",
+            "fontWeight": "{fontWeights.regular}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.body.bodySmall}"
+          },
+          "type": "typography"
+        },
+        "paragraph-3": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.body}",
+            "fontWeight": "{fontWeights.regular}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.body.bodyExtraSmall}"
+          },
+          "type": "typography"
+        }
+      },
+      "button": {
+        "large": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "130%",
+            "fontSize": "{oxygen.fontSizes.button.large}"
+          },
+          "type": "typography"
+        },
+        "regular": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "150%",
+            "fontSize": "{oxygen.fontSizes.button.regular}"
+          },
+          "type": "typography"
+        },
+        "small": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "100%",
+            "fontSize": "{oxygen.fontSizes.button.small}"
+          },
+          "type": "typography"
+        }
+      },
+      "link": {
+        "large": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{fontWeights.semi-bold}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.link.large}"
+          },
+          "type": "typography"
+        },
+        "regular": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{fontWeights.semi-bold}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.link.regular}"
+          },
+          "type": "typography"
+        },
+        "small": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{fontWeights.semi-bold}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.link.small}"
+          },
+          "type": "typography"
+        }
+      }
+    },
+    "lineHeights": {
+      "heading": {
+        "default": {
+          "value": "{oxygen.lineHeights.heading}",
+          "type": "lineHeights"
+        }
+      },
+      "body": {
+        "default": {
+          "value": "{oxygen.lineHeights.body}",
+          "type": "lineHeights"
+        }
+      }
+    },
+    "fontSizes": {
+      "heading": {
+        "h1": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h1}",
+            "type": "fontSizes"
+          }
+        },
+        "h2": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h2}",
+            "type": "fontSizes"
+          }
+        },
+        "h3": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h3}",
+            "type": "fontSizes"
+          }
+        },
+        "h4": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h4}",
+            "type": "fontSizes"
+          }
+        },
+        "h5": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h5}",
+            "type": "fontSizes"
+          }
+        },
+        "h6": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h6}",
+            "type": "fontSizes"
+          }
+        }
+      },
+      "body": {
+        "regular": {
+          "default": {
+            "value": "{oxygen.fontSizes.body.bodyRegular}",
+            "type": "fontSizes"
+          }
+        },
+        "small": {
+          "default": {
+            "value": "{oxygen.fontSizes.body.bodySmall}",
+            "type": "fontSizes"
+          }
+        },
+        "extraSmall": {
+          "default": {
+            "value": "{oxygen.fontSizes.body.bodyExtraSmall}",
+            "type": "fontSizes"
+          }
+        }
+      }
+    },
+    "color": {
+      "action": {
+        "cta": {
+          "button": {
+            "background": {
+              "primary": {
+                "default": {
+                  "value": "{oxygen.colors.background.primary}",
+                  "type": "color"
+                }
+              },
+              "secondary": {
+                "default": {
+                  "value": "{oxygen.colors.background.default}",
+                  "type": "color"
+                }
+              }
+            },
+            "text": {
+              "primary": {
+                "default": {
+                  "value": "{oxygen.colors.text.darker}",
+                  "type": "color"
+                }
+              }
+            }
+          },
+          "link": {
+            "text": {
+              "primary": {
+                "default": {
+                  "value": "{oxygen.colors.text.primary}",
+                  "type": "color"
+                }
+              }
+            }
+          }
+        },
+        "input": {
+          "text-field": {
+            "background": {
+              "default": {
+                "value": "{oxygen.colors.background.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{oxygen.colors.background.default}",
+                "type": "color"
+              }
+            },
+            "placeholder": {
+              "default": {
+                "value": "{oxygen.colors.text.light}",
+                "type": "color"
+              }
+            },
+            "label": {
+              "default": {
+                "value": "{oxygen.colors.text.dark}",
+                "type": "color"
+              }
+            },
+            "border": {
+              "default": {
+                "value": "{oxygen.colors.border.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{oxygen.colors.border.primary}",
+                "type": "color"
+              }
+            }
+          }
+        }
+      },
+      "feedback": {
+        "registration": {
+          "login": {
+            "background": {
+              "default": {
+                "value": "{oxygen.colors.background.default}",
+                "type": "color"
+              }
+            },
+            "border": {
+              "default": {
+                "value": "{oxygen.colors.border.default}",
+                "type": "color"
+              }
+            }
+          }
+        },
+        "page": {
+          "background": {
+            "default": {
+              "value": "{oxygen.colors.background.default}",
+              "type": "color"
+            }
+          }
+        }
+      },
+      "typography": {
+        "heading": {
+          "h1": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "h2": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "h3": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "h4": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "h5": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "h6": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          }
+        },
+        "body": {
+          "paragraph-1": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "paragraph-2": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "paragraph-3": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          }
+        }
+      }
+    },
+    "borderRadius": {
+      "action": {
+        "cta": {
+          "button": {
+            "primary": {
+              "large": {
+                "value": "{oxygen.borderRadius.sm}",
+                "type": "borderRadius"
+              },
+              "regular": {
+                "value": "{oxygen.borderRadius.sm}",
+                "type": "borderRadius"
+              },
+              "small": {
+                "value": "{oxygen.borderRadius.sm}",
+                "type": "borderRadius"
+              }
+            }
+          }
+        },
+        "input": {
+          "text-field": {
+            "large": {
+              "value": "{oxygen.borderRadius.sm}",
+              "type": "borderRadius"
+            },
+            "regular": {
+              "value": "{oxygen.borderRadius.sm}",
+              "type": "borderRadius"
+            },
+            "small": {
+              "value": "{oxygen.borderRadius.sm}",
+              "type": "borderRadius"
+            }
+          }
+        },
+        "registration": {
+          "login": {
+            "sm": {
+              "value": "{oxygen.borderRadius.sm}",
+              "type": "borderRadius"
+            },
+            "md": {
+              "value": "{oxygen.borderRadius.12}",
+              "type": "borderRadius"
+            },
+            "lg": {
+              "value": "{oxygen.borderRadius.lg}",
+              "type": "borderRadius"
+            }
+          }
+        }
+      }
+    },
+    "spacing": {
+      "action": {
+        "cta": {
+          "button": {
+            "primary": {
+              "large": {
+                "right": {
+                  "value": "{oxygen.spacing.16}",
+                  "type": "spacing"
+                },
+                "left": {
+                  "value": "{oxygen.spacing.16}",
+                  "type": "spacing"
+                },
+                "top": {
+                  "value": "{oxygen.spacing.8}",
+                  "type": "spacing"
+                },
+                "bottom": {
+                  "value": "{oxygen.spacing.8}",
+                  "type": "spacing"
+                }
+              },
+              "regular": {
+                "right": {
+                  "value": "{oxygen.spacing.16}",
+                  "type": "spacing"
+                },
+                "left": {
+                  "value": "{oxygen.spacing.16}",
+                  "type": "spacing"
+                },
+                "top": {
+                  "value": "{oxygen.spacing.8}",
+                  "type": "spacing"
+                },
+                "bottom": {
+                  "value": "{oxygen.spacing.8}",
+                  "type": "spacing"
+                }
+              }
+            }
+          }
+        },
+        "registration": {
+          "login": {
+            "xs": {
+              "value": "{oxygen.spacing.4}",
+              "type": "spacing"
+            },
+            "sm": {
+              "value": "{oxygen.spacing.8}",
+              "type": "spacing"
+            },
+            "md": {
+              "value": "{oxygen.spacing.16}",
+              "type": "spacing"
+            },
+            "lg": {
+              "value": "{oxygen.spacing.32}",
+              "type": "spacing"
+            },
+            "xl": {
+              "value": "{oxygen.spacing.64}",
+              "type": "spacing"
+            }
+          }
+        }
+      }
+    },
+    "logo": {
+      "value": "https://pbs.twimg.com/profile_images/1444722601708769282/nxy72-Kn_400x400.jpg",
+      "type": "asset"
+    },
+    "dropShadow": {
+      "action": {
+        "cta": {
+          "button": {
+            "primary": {
+              "default": {
+                "value": "{oxygen.dropShadow.default}",
+                "type": "boxShadow"
+              }
+            }
+          }
+        }
+      }
+    }
+  },
+  "choreo": {
+    "oxygen": {
+      "colors": {
+        "primary": {
+          "lighter": {
+            "value": "{colors.indigo.200}",
+            "type": "color"
+          },
+          "light": {
+            "value": "{colors.indigo.300}",
+            "type": "color"
+          },
+          "default": {
+            "value": "{colors.indigo.400}",
+            "type": "color"
+          },
+          "dark": {
+            "value": "{colors.indigo.500}",
+            "type": "color"
+          },
+          "darker": {
+            "value": "{colors.indigo.600}",
+            "type": "color"
+          }
+        },
+        "secondary": {
+          "lighter": {
+            "value": "{colors.orange.300}",
+            "type": "color"
+          },
+          "light": {
+            "value": "{colors.orange.400}",
+            "type": "color"
+          },
+          "default": {
+            "value": "{colors.orange.500}",
+            "type": "color"
+          },
+          "dark": {
+            "value": "{colors.orange.600}",
+            "type": "color"
+          },
+          "darker": {
+            "value": "{colors.orange.700}",
+            "type": "color"
+          }
+        },
+        "text": {
+          "darker": {
+            "value": "{colors.neutrals.black}",
+            "type": "color"
+          },
+          "dark": {
+            "value": "{colors.gray.800}",
+            "type": "color"
+          },
+          "light": {
+            "value": "{colors.gray.400}",
+            "type": "color"
+          },
+          "lighter": {
+            "value": "{colors.neutrals.white}",
+            "type": "color"
+          },
+          "primary": {
+            "value": "{oxygen.colors.primary.default}",
+            "type": "color"
+          }
+        },
+        "background": {
+          "default": {
+            "value": "{colors.neutrals.white}",
+            "type": "color"
+          },
+          "success": {
+            "value": "{oxygen.colors.extended.success.lightest}",
+            "type": "color"
+          },
+          "warning": {
+            "value": "{oxygen.colors.extended.warning.lightest}",
+            "type": "color"
+          },
+          "info": {
+            "value": "{oxygen.colors.extended.info.lightest}",
+            "type": "color"
+          },
+          "danger": {
+            "value": "{oxygen.colors.extended.danger.lightest}",
+            "type": "color"
+          },
+          "primary": {
+            "value": "{oxygen.colors.primary.default}",
+            "type": "color"
+          },
+          "gray": {
+            "value": "{colors.gray.900}",
+            "type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "{colors.gray.200}",
+            "type": "color"
+          },
+          "primary": {
+            "value": "{oxygen.colors.primary.light}",
+            "type": "color"
+          }
+        },
+        "icon": {
+          "default": {
+            "value": "{colors.neutrals.black}",
+            "type": "color"
+          },
+          "success": {
+            "value": "{oxygen.colors.extended.success.default}",
+            "type": "color"
+          },
+          "warning": {
+            "value": "{oxygen.colors.extended.warning.default}",
+            "type": "color"
+          },
+          "info": {
+            "value": "{oxygen.colors.extended.info.default}",
+            "type": "color"
+          },
+          "danger": {
+            "value": "{oxygen.colors.extended.danger.default}",
+            "type": "color"
+          }
+        },
+        "extended": {
+          "warning": {
+            "lightest": {
+              "value": "{colors.yellow.100}",
+              "type": "color"
+            },
+            "lighter": {
+              "value": "{colors.yellow.300}",
+              "type": "color"
+            },
+            "light": {
+              "value": "{colors.yellow.400}",
+              "type": "color"
+            },
+            "default": {
+              "value": "{colors.yellow.500}",
+              "type": "color"
+            },
+            "dark": {
+              "value": "{colors.yellow.600}",
+              "type": "color"
+            }
+          },
+          "success": {
+            "lightest": {
+              "value": "{colors.green.100}",
+              "type": "color"
+            },
+            "lighter": {
+              "value": "{colors.green.300}",
+              "type": "color"
+            },
+            "light": {
+              "value": "{colors.green.400}",
+              "type": "color"
+            },
+            "default": {
+              "value": "{colors.green.500}",
+              "type": "color"
+            },
+            "dark": {
+              "value": "{colors.green.600}",
+              "type": "color"
+            }
+          },
+          "danger": {
+            "lightest": {
+              "value": "{colors.red.100}",
+              "type": "color"
+            },
+            "lighter": {
+              "value": "{colors.red.300}",
+              "type": "color"
+            },
+            "light": {
+              "value": "{colors.red.400}",
+              "type": "color"
+            },
+            "default": {
+              "value": "{colors.red.500}",
+              "type": "color"
+            },
+            "dark": {
+              "value": "{colors.red.600}",
+              "type": "color"
+            }
+          },
+          "info": {
+            "lightest": {
+              "value": "{colors.blue.100}",
+              "type": "color"
+            },
+            "lighter": {
+              "value": "{colors.blue.300}",
+              "type": "color"
+            },
+            "light": {
+              "value": "{colors.blue.400}",
+              "type": "color"
+            },
+            "default": {
+              "value": "{colors.blue.500}",
+              "type": "color"
+            },
+            "dark": {
+              "value": "{colors.blue.600}",
+              "type": "color"
+            }
+          }
+        }
+      },
+      "borderRadius": {
+        "sm": {
+          "value": "{borderRadius.sm}",
+          "type": "borderRadius"
+        },
+        "md": {
+          "value": "{borderRadius.md}",
+          "type": "borderRadius"
+        },
+        "none": {
+          "value": "{borderRadius.none}",
+          "type": "borderRadius"
+        },
+        "lg": {
+          "value": "{borderRadius.lg}",
+          "type": "borderRadius"
+        }
+      },
+      "spacing": {
+        "1": {
+          "value": "{spacing.1}",
+          "type": "spacing"
+        },
+        "2": {
+          "value": "{spacing.2}",
+          "type": "spacing"
+        },
+        "4": {
+          "value": "{spacing.4}",
+          "type": "spacing"
+        },
+        "6": {
+          "value": "{spacing.6}",
+          "type": "spacing"
+        },
+        "8": {
+          "value": "{spacing.8}",
+          "type": "spacing"
+        },
+        "10": {
+          "value": "{spacing.10}",
+          "type": "spacing"
+        },
+        "12": {
+          "value": "{spacing.12}",
+          "type": "spacing"
+        },
+        "14": {
+          "value": "{spacing.14}",
+          "type": "spacing"
+        },
+        "16": {
+          "value": "{spacing.16}",
+          "type": "spacing"
+        },
+        "32": {
+          "value": "{spacing.32}",
+          "type": "spacing"
+        },
+        "64": {
+          "value": "{spacing.64}",
+          "type": "spacing"
+        },
+        "none": {
+          "value": "{spacing.0}",
+          "type": "spacing"
+        }
+      },
+      "fontFamilies": {
+        "heading": {
+          "value": "{fontFamilies.inter}",
+          "type": "fontFamilies"
+        },
+        "body": {
+          "value": "{fontFamilies.roboto}",
+          "type": "fontFamilies"
+        }
+      },
+      "fontWeights": {
+        "regular": {
+          "value": "{fontWeights.regular}",
+          "type": "fontWeights"
+        },
+        "semibold": {
+          "value": "{fontWeights.semi-bold}",
+          "type": "fontWeights"
+        },
+        "bold": {
+          "value": "{fontWeights.bold}",
+          "type": "fontWeights"
+        }
+      },
+      "lineHeights": {
+        "heading": {
+          "value": "{lineHeights.150}",
+          "type": "lineHeights"
+        },
+        "body": {
+          "value": "{lineHeights.130}",
+          "type": "lineHeights"
+        }
+      },
+      "fontSizes": {
+        "heading": {
+          "h1": {
+            "value": "{fontSizes.48}",
+            "type": "fontSizes"
+          },
+          "h2": {
+            "value": "{fontSizes.40}",
+            "type": "fontSizes"
+          },
+          "h3": {
+            "value": "{fontSizes.32}",
+            "type": "fontSizes"
+          },
+          "h4": {
+            "value": "{fontSizes.24}",
+            "type": "fontSizes"
+          },
+          "h5": {
+            "value": "{fontSizes.20}",
+            "type": "fontSizes"
+          },
+          "h6": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          }
+        },
+        "body": {
+          "bodyRegular": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          },
+          "bodySmall": {
+            "value": "{fontSizes.14}",
+            "type": "fontSizes"
+          },
+          "bodyExtraSmall": {
+            "value": "{fontSizes.12}",
+            "type": "fontSizes"
+          }
+        },
+        "button": {
+          "large": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          },
+          "regular": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          },
+          "small": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          }
+        },
+        "link": {
+          "large": {
+            "value": "{fontSizes.16}",
+            "type": "fontSizes"
+          },
+          "regular": {
+            "value": "{fontSizes.14}",
+            "type": "fontSizes"
+          },
+          "small": {
+            "value": "{fontSizes.12}",
+            "type": "fontSizes"
+          }
+        }
+      },
+      "dropShadow": {
+        "default": {
+          "value": {
+            "x": "0",
+            "y": "1",
+            "blur": "4",
+            "spread": "0",
+            "color": "rgba(0,0,0,0.2)",
+            "type": "dropShadow"
+          },
+          "type": "boxShadow"
+        }
+      }
+    },
+    "fontFamilies": {
+      "heading": {
+        "default": {
+          "value": "{oxygen.fontFamilies.heading}",
+          "type": "fontFamilies"
+        }
+      },
+      "body": {
+        "default": {
+          "value": "{oxygen.fontFamilies.body}",
+          "type": "fontFamilies"
+        }
+      }
+    },
+    "typography": {
+      "heading": {
+        "default": {
+          "value": "{oxygen.fontWeights.semibold}",
+          "type": "fontWeights"
+        },
+        "h1": {
+          "value": {
+            "fontFamily": "{fontFamilies.heading.default}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h1}"
+          },
+          "type": "typography"
+        },
+        "h2": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.heading}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h2}"
+          },
+          "type": "typography"
+        },
+        "h3": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.heading}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h3}"
+          },
+          "type": "typography"
+        },
+        "h4": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.heading}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h4}"
+          },
+          "type": "typography"
+        },
+        "h5": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.heading}",
+            "fontWeight": "{typography.heading.default}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h5}"
+          },
+          "type": "typography"
+        },
+        "h6": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.heading}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "{oxygen.lineHeights.heading}",
+            "fontSize": "{oxygen.fontSizes.heading.h6}"
+          },
+          "type": "typography"
+        }
+      },
+      "body": {
+        "default": {
+          "value": "{oxygen.fontWeights.regular}",
+          "type": "fontWeights"
+        },
+        "paragraph-1": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.body}",
+            "fontWeight": "{fontWeights.regular}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.body.bodyRegular}"
+          },
+          "type": "typography"
+        },
+        "paragraph-2": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.body}",
+            "fontWeight": "{fontWeights.regular}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.body.bodySmall}"
+          },
+          "type": "typography"
+        },
+        "paragraph-3": {
+          "value": {
+            "fontFamily": "{oxygen.fontFamilies.body}",
+            "fontWeight": "{fontWeights.regular}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.body.bodyExtraSmall}"
+          },
+          "type": "typography"
+        }
+      },
+      "button": {
+        "large": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "130%",
+            "fontSize": "{oxygen.fontSizes.button.large}"
+          },
+          "type": "typography"
+        },
+        "regular": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "150%",
+            "fontSize": "{oxygen.fontSizes.button.regular}"
+          },
+          "type": "typography"
+        },
+        "small": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{oxygen.fontWeights.semibold}",
+            "lineHeight": "100%",
+            "fontSize": "{oxygen.fontSizes.button.small}"
+          },
+          "type": "typography"
+        }
+      },
+      "link": {
+        "large": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{fontWeights.semi-bold}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.link.large}"
+          },
+          "type": "typography"
+        },
+        "regular": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{fontWeights.semi-bold}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.link.regular}"
+          },
+          "type": "typography"
+        },
+        "small": {
+          "value": {
+            "fontFamily": "{fontFamilies.inter}",
+            "fontWeight": "{fontWeights.semi-bold}",
+            "lineHeight": "{oxygen.lineHeights.body}",
+            "fontSize": "{oxygen.fontSizes.link.small}"
+          },
+          "type": "typography"
+        }
+      }
+    },
+    "lineHeights": {
+      "heading": {
+        "default": {
+          "value": "{oxygen.lineHeights.heading}",
+          "type": "lineHeights"
+        }
+      },
+      "body": {
+        "default": {
+          "value": "{oxygen.lineHeights.body}",
+          "type": "lineHeights"
+        }
+      }
+    },
+    "fontSizes": {
+      "heading": {
+        "h1": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h1}",
+            "type": "fontSizes"
+          }
+        },
+        "h2": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h2}",
+            "type": "fontSizes"
+          }
+        },
+        "h3": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h3}",
+            "type": "fontSizes"
+          }
+        },
+        "h4": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h4}",
+            "type": "fontSizes"
+          }
+        },
+        "h5": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h5}",
+            "type": "fontSizes"
+          }
+        },
+        "h6": {
+          "default": {
+            "value": "{oxygen.fontSizes.heading.h6}",
+            "type": "fontSizes"
+          }
+        }
+      },
+      "body": {
+        "regular": {
+          "default": {
+            "value": "{oxygen.fontSizes.body.bodyRegular}",
+            "type": "fontSizes"
+          }
+        },
+        "small": {
+          "default": {
+            "value": "{oxygen.fontSizes.body.bodySmall}",
+            "type": "fontSizes"
+          }
+        },
+        "extraSmall": {
+          "default": {
+            "value": "{oxygen.fontSizes.body.bodyExtraSmall}",
+            "type": "fontSizes"
+          }
+        }
+      }
+    },
+    "color": {
+      "action": {
+        "cta": {
+          "button": {
+            "background": {
+              "primary": {
+                "default": {
+                  "value": "{oxygen.colors.background.primary}",
+                  "type": "color"
+                }
+              },
+              "secondary": {
+                "default": {
+                  "value": "{oxygen.colors.background.default}",
+                  "type": "color"
+                }
+              }
+            },
+            "text": {
+              "primary": {
+                "default": {
+                  "value": "{oxygen.colors.text.lighter}",
+                  "type": "color"
+                }
+              }
+            }
+          },
+          "link": {
+            "text": {
+              "primary": {
+                "default": {
+                  "value": "{oxygen.colors.text.primary}",
+                  "type": "color"
+                }
+              }
+            }
+          }
+        },
+        "input": {
+          "text-field": {
+            "background": {
+              "default": {
+                "value": "{oxygen.colors.background.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{oxygen.colors.background.default}",
+                "type": "color"
+              }
+            },
+            "placeholder": {
+              "default": {
+                "value": "{oxygen.colors.text.light}",
+                "type": "color"
+              }
+            },
+            "label": {
+              "default": {
+                "value": "{oxygen.colors.text.dark}",
+                "type": "color"
+              }
+            },
+            "border": {
+              "default": {
+                "value": "{oxygen.colors.border.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{oxygen.colors.border.primary}",
+                "type": "color"
+              }
+            }
+          }
+        }
+      },
+      "feedback": {
+        "registration": {
+          "login": {
+            "background": {
+              "default": {
+                "value": "{oxygen.colors.background.default}",
+                "type": "color"
+              }
+            },
+            "border": {
+              "default": {
+                "value": "{oxygen.colors.border.default}",
+                "type": "color"
+              }
+            }
+          }
+        },
+        "page": {
+          "background": {
+            "default": {
+              "value": "{oxygen.colors.background.default}",
+              "type": "color"
+            }
+          }
+        }
+      },
+      "typography": {
+        "heading": {
+          "h1": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "h2": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "h3": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "h4": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "h5": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "h6": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          }
+        },
+        "body": {
+          "paragraph-1": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "paragraph-2": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          },
+          "paragraph-3": {
+            "default": {
+              "value": "{oxygen.colors.text.darker}",
+              "type": "color"
+            }
+          }
+        }
+      }
+    },
+    "borderRadius": {
+      "action": {
+        "cta": {
+          "button": {
+            "primary": {
+              "large": {
+                "value": "{oxygen.borderRadius.sm}",
+                "type": "borderRadius"
+              },
+              "regular": {
+                "value": "{oxygen.borderRadius.md}",
+                "type": "borderRadius"
+              },
+              "small": {
+                "value": "{oxygen.borderRadius.sm}",
+                "type": "borderRadius"
+              }
+            }
+          }
+        },
+        "input": {
+          "text-field": {
+            "large": {
+              "value": "{oxygen.borderRadius.sm}",
+              "type": "borderRadius"
+            },
+            "regular": {
+              "value": "{oxygen.borderRadius.sm}",
+              "type": "borderRadius"
+            },
+            "small": {
+              "value": "{oxygen.borderRadius.sm}",
+              "type": "borderRadius"
+            }
+          }
+        },
+        "registration": {
+          "login": {
+            "sm": {
+              "value": "{oxygen.borderRadius.sm}",
+              "type": "borderRadius"
+            },
+            "md": {
+              "value": "{oxygen.borderRadius.lg}",
+              "type": "borderRadius"
+            },
+            "lg": {
+              "value": "{oxygen.borderRadius.lg}",
+              "type": "borderRadius"
+            }
+          }
+        }
+      }
+    },
+    "spacing": {
+      "action": {
+        "cta": {
+          "button": {
+            "primary": {
+              "large": {
+                "right": {
+                  "value": "{oxygen.spacing.16}",
+                  "type": "spacing"
+                },
+                "left": {
+                  "value": "{oxygen.spacing.16}",
+                  "type": "spacing"
+                },
+                "top": {
+                  "value": "{oxygen.spacing.8}",
+                  "type": "spacing"
+                },
+                "bottom": {
+                  "value": "{oxygen.spacing.8}",
+                  "type": "spacing"
+                }
+              },
+              "regular": {
+                "right": {
+                  "value": "{oxygen.spacing.16}",
+                  "type": "spacing"
+                },
+                "left": {
+                  "value": "{oxygen.spacing.16}",
+                  "type": "spacing"
+                },
+                "top": {
+                  "value": "{oxygen.spacing.8}",
+                  "type": "spacing"
+                },
+                "bottom": {
+                  "value": "{oxygen.spacing.8}",
+                  "type": "spacing"
+                }
+              }
+            }
+          }
+        },
+        "registration": {
+          "login": {
+            "xs": {
+              "value": "{oxygen.spacing.4}",
+              "type": "spacing"
+            },
+            "sm": {
+              "value": "{oxygen.spacing.8}",
+              "type": "spacing"
+            },
+            "md": {
+              "value": "{oxygen.spacing.32}",
+              "type": "spacing"
+            },
+            "lg": {
+              "value": "{oxygen.spacing.32}",
+              "type": "spacing"
+            },
+            "xl": {
+              "value": "{oxygen.spacing.64}",
+              "type": "spacing"
+            }
+          }
+        }
+      }
+    },
+    "logo": {
+      "value": "https://pbs.twimg.com/profile_images/1401837804812857346/aTC9YutF_400x400.png",
+      "type": "asset"
+    },
+    "dropShadow": {
+      "action": {
+        "cta": {
+          "button": {
+            "primary": {
+              "default": {
+                "value": "{oxygen.dropShadow.default}",
+                "type": "boxShadow"
+              }
+            }
+          }
+        }
+      }
+    }
+  },
+  "$themes": [],
+  "$metadata": {
+    "tokenSetOrder": [
+      "global",
+      "global-dark",
+      "oxygen",
+      "oxygen-dark",
+      "asgardeo",
+      "choreo"
+    ]
+  }
+}