frappe-ui 1.0.0-beta.2 → 1.0.0-beta.21

package/tailwind/generated/colors.json

@@ -0,0 +1,1217 @@
+{
+  "lightMode": {
+    "gray": {
+      "50": "#f8f8f8",
+      "100": "#f3f3f3",
+      "200": "#ededed",
+      "300": "#e2e2e2",
+      "400": "#c7c7c7",
+      "500": "#999999",
+      "600": "#7c7c7c",
+      "700": "#525252",
+      "800": "#383838",
+      "900": "#171717",
+      "950": "#0f0f0f"
+    },
+    "blue": {
+      "50": "#f1f8fe",
+      "100": "#e6f4ff",
+      "200": "#d1eaff",
+      "300": "#b5ddfd",
+      "400": "#61afef",
+      "500": "#0d8ef8",
+      "600": "#077ddf",
+      "700": "#0375d3",
+      "800": "#005cad",
+      "900": "#004880",
+      "950": "#032e63"
+    },
+    "green": {
+      "50": "#f0faf3",
+      "100": "#e4faeb",
+      "200": "#bdefcc",
+      "300": "#a8e6be",
+      "400": "#7edaa1",
+      "500": "#43ac79",
+      "600": "#268c5c",
+      "700": "#14804d",
+      "800": "#075e35",
+      "900": "#173b2c",
+      "950": "#0a3020"
+    },
+    "red": {
+      "50": "#fff5f5",
+      "100": "#ffe7e7",
+      "200": "#ffd8d8",
+      "300": "#fdc2c2",
+      "400": "#f79596",
+      "500": "#e03434",
+      "600": "#ce2c2c",
+      "700": "#b41d1d",
+      "800": "#941f1f",
+      "900": "#6b1515",
+      "950": "#4c0d0d"
+    },
+    "orange": {
+      "50": "#fff4ed",
+      "100": "#ffefe4",
+      "200": "#ffdec5",
+      "300": "#ffcba3",
+      "400": "#f4b07f",
+      "500": "#e86c13",
+      "600": "#d35a09",
+      "700": "#bd3e0c",
+      "800": "#9e3513",
+      "900": "#6b2711",
+      "950": "#491605"
+    },
+    "amber": {
+      "50": "#fdf8ed",
+      "100": "#fff4d3",
+      "200": "#f6eac0",
+      "300": "#f3e3b4",
+      "400": "#f4cd80",
+      "500": "#df9311",
+      "600": "#ca7e0c",
+      "700": "#bb6f0c",
+      "800": "#91400d",
+      "900": "#763813",
+      "950": "#4e2209"
+    },
+    "yellow": {
+      "50": "#fcfbe8",
+      "100": "#fff7d3",
+      "200": "#f7e9a8",
+      "300": "#f5e171",
+      "400": "#f2d14b",
+      "500": "#edba13",
+      "600": "#ab790d",
+      "700": "#9a6304",
+      "800": "#8c5600",
+      "900": "#733f12",
+      "950": "#542e0d"
+    },
+    "teal": {
+      "50": "#eefbf8",
+      "100": "#e6f7f4",
+      "200": "#bae8e1",
+      "300": "#97ded4",
+      "400": "#73d1c4",
+      "500": "#36baad",
+      "600": "#0a857b",
+      "700": "#0f736b",
+      "800": "#115c57",
+      "900": "#114541",
+      "950": "#053734"
+    },
+    "cyan": {
+      "50": "#f2fbfd",
+      "100": "#ddf7ff",
+      "200": "#b3e8f7",
+      "300": "#99e2f8",
+      "400": "#72d5f3",
+      "500": "#3bbde5",
+      "600": "#1f8cad",
+      "700": "#1d7f9d",
+      "800": "#125c73",
+      "900": "#164759",
+      "950": "#05383f"
+    },
+    "purple": {
+      "50": "#f8f3fb",
+      "100": "#f6e9ff",
+      "200": "#ecd3ff",
+      "300": "#e2b9fc",
+      "400": "#bf78fa",
+      "500": "#9c45e3",
+      "600": "#8e49ca",
+      "700": "#6e399d",
+      "800": "#5c2f83",
+      "900": "#401863",
+      "950": "#2d084e"
+    },
+    "pink": {
+      "50": "#fff7fc",
+      "100": "#fde8f5",
+      "200": "#ffd5f0",
+      "300": "#f9b9e0",
+      "400": "#f77cc6",
+      "500": "#e34aa6",
+      "600": "#cf3a96",
+      "700": "#9c2671",
+      "800": "#801458",
+      "900": "#570f3e",
+      "950": "#40062c"
+    },
+    "violet": {
+      "50": "#f7f6fe",
+      "100": "#eee8ff",
+      "200": "#dbd5ff",
+      "300": "#d2c5fc",
+      "400": "#b5a1fc",
+      "500": "#7757ee",
+      "600": "#6e57d1",
+      "700": "#4f3da1",
+      "800": "#392980",
+      "900": "#251959",
+      "950": "#150655"
+    },
+    "gray-alpha": {
+      "50": "#00000008",
+      "100": "#0000000b",
+      "200": "#00000012",
+      "300": "#0000001d",
+      "400": "#00000038",
+      "500": "#00000066",
+      "600": "#00000083",
+      "700": "#000000ad",
+      "800": "#000000c7",
+      "900": "#000000e8",
+      "950": "#000000f0"
+    }
+  },
+  "darkMode": {
+    "gray": {
+      "50": "#f8f8f8",
+      "100": "#d9d9d9",
+      "200": "#afafaf",
+      "300": "#999999",
+      "400": "#7a7a7a",
+      "450": "#575757",
+      "500": "#424242",
+      "600": "#383838",
+      "700": "#292929",
+      "800": "#242424",
+      "900": "#1f1f1f",
+      "950": "#171717"
+    },
+    "blue": {
+      "50": "#c9e0f5",
+      "100": "#add2f5",
+      "200": "#76bef9",
+      "300": "#349bef",
+      "400": "#2480cc",
+      "500": "#1c6ec4",
+      "600": "#0c59a2",
+      "700": "#074783",
+      "800": "#063465",
+      "900": "#0a2e5c",
+      "950": "#0f233d"
+    },
+    "green": {
+      "50": "#c8f3de",
+      "100": "#9be6c1",
+      "200": "#7dc5a2",
+      "300": "#359768",
+      "400": "#128251",
+      "500": "#117846",
+      "600": "#077241",
+      "700": "#085934",
+      "800": "#0a4229",
+      "900": "#0e3521",
+      "950": "#072716"
+    },
+    "red": {
+      "50": "#ffdede",
+      "100": "#ffc1c1",
+      "200": "#ff7575",
+      "300": "#eb4c4c",
+      "400": "#c23838",
+      "500": "#b03030",
+      "600": "#8e2e2e",
+      "700": "#852929",
+      "800": "#742a2a",
+      "900": "#592222",
+      "950": "#391416"
+    },
+    "orange": {
+      "50": "#ffcdad",
+      "100": "#ffa873",
+      "200": "#fa8a40",
+      "300": "#e3701c",
+      "400": "#e16914",
+      "500": "#984509",
+      "600": "#823906",
+      "700": "#683108",
+      "800": "#532707",
+      "900": "#361c09",
+      "950": "#2b1708"
+    },
+    "amber": {
+      "50": "#ffe59a",
+      "100": "#f4c25f",
+      "200": "#e9a144",
+      "300": "#c67515",
+      "400": "#bd660f",
+      "500": "#af5e0e",
+      "600": "#985315",
+      "700": "#753a07",
+      "800": "#5a2d07",
+      "900": "#452608",
+      "950": "#331c06"
+    },
+    "yellow": {
+      "50": "#ffeeb8",
+      "100": "#ffe386",
+      "200": "#f8d76a",
+      "300": "#ecc02e",
+      "400": "#bb972a",
+      "500": "#9c7e1c",
+      "600": "#99780a",
+      "700": "#705606",
+      "800": "#5b4605",
+      "900": "#3a2c04",
+      "950": "#261d03"
+    },
+    "teal": {
+      "50": "#a0f7ed",
+      "100": "#7ef3e7",
+      "200": "#51decf",
+      "300": "#28bcac",
+      "400": "#2ca094",
+      "500": "#1b7169",
+      "600": "#145b54",
+      "700": "#0b4942",
+      "800": "#0b3a35",
+      "900": "#0a2d29",
+      "950": "#0b2320"
+    },
+    "cyan": {
+      "50": "#d0f0fa",
+      "100": "#95e3f6",
+      "200": "#62cae9",
+      "300": "#3cb8dc",
+      "400": "#249cc2",
+      "500": "#107b9b",
+      "600": "#0c6783",
+      "700": "#104f62",
+      "800": "#0d3b49",
+      "900": "#0b2932",
+      "950": "#0b2028"
+    },
+    "purple": {
+      "50": "#e5c6fb",
+      "100": "#d9aff5",
+      "200": "#c993ef",
+      "300": "#b168e8",
+      "400": "#a26fce",
+      "500": "#7a2db9",
+      "600": "#622195",
+      "700": "#491870",
+      "800": "#391457",
+      "900": "#2c1042",
+      "950": "#23132f"
+    },
+    "pink": {
+      "50": "#ffbbe4",
+      "100": "#f69ad1",
+      "200": "#ed77be",
+      "300": "#e359ab",
+      "400": "#cb5d9e",
+      "500": "#ac377d",
+      "600": "#892660",
+      "700": "#6f1d4d",
+      "800": "#5b183f",
+      "900": "#42132f",
+      "950": "#2e0f22"
+    },
+    "violet": {
+      "50": "#d0c2ff",
+      "100": "#c2b0fc",
+      "200": "#baa8f5",
+      "300": "#9175f0",
+      "400": "#6c4dd5",
+      "500": "#593bbf",
+      "600": "#403397",
+      "700": "#423691",
+      "800": "#3c2a92",
+      "900": "#2f236c",
+      "950": "#1e1646"
+    },
+    "gray-alpha": {
+      "50": "#fffffff7",
+      "100": "#ffffffd4",
+      "200": "#ffffffa8",
+      "300": "#ffffff8f",
+      "400": "#ffffff6c",
+      "450": "#ffffff46",
+      "500": "#ffffff2f",
+      "600": "#ffffff24",
+      "700": "#ffffff14",
+      "800": "#ffffff0e",
+      "900": "#ffffff09",
+      "950": "#0000000a"
+    }
+  },
+  "overlay": {
+    "white": {
+      "50": "#ffffff1a",
+      "100": "#ffffff2e",
+      "200": "#ffffff45",
+      "300": "#ffffff5c",
+      "400": "#ffffff73",
+      "500": "#ffffff8a",
+      "600": "#ffffffa1",
+      "700": "#ffffffb8",
+      "800": "#ffffffcf",
+      "900": "#ffffffe5",
+      "950": "#fffffff2"
+    },
+    "black": {
+      "50": "#00000017",
+      "100": "#0000002e",
+      "200": "#00000045",
+      "300": "#0000005c",
+      "400": "#00000073",
+      "500": "#0000008a",
+      "600": "#000000a1",
+      "700": "#000000b8",
+      "800": "#000000cf",
+      "900": "#000000e5",
+      "950": "#000000f2"
+    }
+  },
+  "neutral": {
+    "white": "#ffffff",
+    "black": "#000000",
+    "transparent": "#ffffff00"
+  },
+  "themedVariables": {
+    "light": {
+      "surface": {
+        "base": "neutral/white",
+        "gray-1": "lightMode/gray/50",
+        "gray-2": "lightMode/gray/100",
+        "gray-3": "lightMode/gray/200",
+        "gray-4": "lightMode/gray/300",
+        "gray-5": "lightMode/gray/400",
+        "gray-6": "lightMode/gray/500",
+        "gray-7": "lightMode/gray/600",
+        "gray-8": "lightMode/gray/700",
+        "gray-9": "lightMode/gray/800",
+        "gray-10": "lightMode/gray/900",
+        "sidebar": "lightMode/gray/50",
+        "elevation-1": "neutral/white",
+        "elevation-2": "neutral/white",
+        "elevation-3": "neutral/white",
+        "red-1": "lightMode/red/50",
+        "red-2": "lightMode/red/100",
+        "red-3": "lightMode/red/200",
+        "red-4": "lightMode/red/300",
+        "red-5": "lightMode/red/400",
+        "red-6": "lightMode/red/500",
+        "red-7": "lightMode/red/600",
+        "red-8": "lightMode/red/700",
+        "red-9": "lightMode/red/800",
+        "red-10": "lightMode/red/900",
+        "blue-1": "lightMode/blue/50",
+        "blue-2": "lightMode/blue/100",
+        "blue-3": "lightMode/blue/200",
+        "blue-4": "lightMode/blue/300",
+        "blue-5": "lightMode/blue/400",
+        "blue-6": "lightMode/blue/500",
+        "blue-7": "lightMode/blue/600",
+        "blue-8": "lightMode/blue/700",
+        "blue-9": "lightMode/blue/800",
+        "blue-10": "lightMode/blue/900",
+        "green-1": "lightMode/green/50",
+        "green-2": "lightMode/green/100",
+        "green-3": "lightMode/green/200",
+        "green-4": "lightMode/green/300",
+        "green-5": "lightMode/green/400",
+        "green-6": "lightMode/green/500",
+        "green-7": "lightMode/green/600",
+        "green-8": "lightMode/green/700",
+        "green-9": "lightMode/green/800",
+        "green-10": "lightMode/green/900",
+        "amber-1": "lightMode/amber/50",
+        "amber-2": "lightMode/amber/100",
+        "amber-3": "lightMode/amber/200",
+        "amber-4": "lightMode/amber/300",
+        "amber-5": "lightMode/amber/400",
+        "amber-6": "lightMode/amber/500",
+        "amber-7": "lightMode/amber/600",
+        "amber-8": "lightMode/amber/700",
+        "amber-9": "lightMode/amber/800",
+        "amber-10": "lightMode/amber/900",
+        "violet-1": "lightMode/violet/50",
+        "violet-2": "lightMode/violet/100",
+        "violet-3": "lightMode/violet/200",
+        "violet-4": "lightMode/violet/300",
+        "violet-5": "lightMode/violet/400",
+        "violet-6": "lightMode/violet/500",
+        "violet-7": "lightMode/violet/600",
+        "violet-8": "lightMode/violet/700",
+        "violet-9": "lightMode/violet/800",
+        "violet-10": "lightMode/violet/900",
+        "yellow-1": "lightMode/yellow/50",
+        "yellow-2": "lightMode/yellow/100",
+        "yellow-3": "lightMode/yellow/200",
+        "yellow-4": "lightMode/yellow/300",
+        "yellow-5": "lightMode/yellow/400",
+        "yellow-6": "lightMode/yellow/500",
+        "yellow-7": "lightMode/yellow/600",
+        "yellow-8": "lightMode/yellow/700",
+        "yellow-9": "lightMode/yellow/800",
+        "yellow-10": "lightMode/yellow/900",
+        "orange-1": "lightMode/orange/50",
+        "orange-2": "lightMode/orange/100",
+        "orange-3": "lightMode/orange/200",
+        "orange-4": "lightMode/orange/300",
+        "orange-5": "lightMode/orange/400",
+        "orange-6": "lightMode/orange/500",
+        "orange-7": "lightMode/orange/600",
+        "orange-8": "lightMode/orange/700",
+        "orange-9": "lightMode/orange/800",
+        "orange-10": "lightMode/orange/900",
+        "teal-1": "lightMode/teal/50",
+        "teal-2": "lightMode/teal/100",
+        "teal-3": "lightMode/teal/200",
+        "teal-4": "lightMode/teal/300",
+        "teal-5": "lightMode/teal/400",
+        "teal-6": "lightMode/teal/500",
+        "teal-7": "lightMode/teal/600",
+        "teal-8": "lightMode/teal/700",
+        "teal-9": "lightMode/teal/800",
+        "teal-10": "lightMode/teal/900",
+        "cyan-1": "lightMode/cyan/50",
+        "cyan-2": "lightMode/cyan/100",
+        "cyan-3": "lightMode/cyan/200",
+        "cyan-4": "lightMode/cyan/300",
+        "cyan-5": "lightMode/cyan/400",
+        "cyan-6": "lightMode/cyan/500",
+        "cyan-7": "lightMode/cyan/600",
+        "cyan-8": "lightMode/cyan/700",
+        "cyan-9": "lightMode/cyan/800",
+        "cyan-10": "lightMode/cyan/900",
+        "purple-1": "lightMode/purple/50",
+        "purple-2": "lightMode/purple/100",
+        "purple-3": "lightMode/purple/200",
+        "purple-4": "lightMode/purple/300",
+        "purple-5": "lightMode/purple/400",
+        "purple-6": "lightMode/purple/500",
+        "purple-7": "lightMode/purple/600",
+        "purple-8": "lightMode/purple/700",
+        "purple-9": "lightMode/purple/800",
+        "purple-10": "lightMode/purple/900",
+        "pink-1": "lightMode/pink/50",
+        "pink-2": "lightMode/pink/100",
+        "pink-3": "lightMode/pink/200",
+        "pink-4": "lightMode/pink/300",
+        "pink-5": "lightMode/pink/400",
+        "pink-6": "lightMode/pink/500",
+        "pink-7": "lightMode/pink/600",
+        "pink-8": "lightMode/pink/700",
+        "pink-9": "lightMode/pink/800",
+        "pink-10": "lightMode/pink/900",
+        "alert-button-default": "neutral/white",
+        "alert-button-info": "neutral/white",
+        "alert-button-success": "neutral/white",
+        "alert-button-warning": "neutral/white",
+        "alert-button-error": "neutral/white"
+      },
+      "surface-alpha": {
+        "base": "neutral/white",
+        "gray-1": "lightMode/gray-alpha/50",
+        "gray-2": "lightMode/gray-alpha/100",
+        "gray-3": "lightMode/gray-alpha/200",
+        "gray-4": "lightMode/gray-alpha/300",
+        "gray-5": "lightMode/gray-alpha/400",
+        "gray-6": "lightMode/gray-alpha/500",
+        "gray-7": "lightMode/gray-alpha/600",
+        "gray-8": "lightMode/gray-alpha/700",
+        "gray-9": "lightMode/gray-alpha/800",
+        "gray-10": "lightMode/gray-alpha/900",
+        "sidebar": "lightMode/gray/50",
+        "elevation-1": "neutral/white",
+        "elevation-2": "neutral/white",
+        "elevation-3": "neutral/white",
+        "gray-2-overlay": "overlay/black/50"
+      },
+      "ink": {
+        "base": "neutral/white",
+        "gray-1": "lightMode/gray/200",
+        "gray-2": "lightMode/gray/300",
+        "gray-3": "lightMode/gray/400",
+        "gray-4": "lightMode/gray/500",
+        "gray-5": "lightMode/gray/600",
+        "gray-6": "lightMode/gray/700",
+        "gray-7": "lightMode/gray/800",
+        "gray-8": "lightMode/gray/900",
+        "gray-9": "lightMode/gray/950",
+        "red-1": "neutral/white",
+        "red-2": "lightMode/red/100",
+        "red-3": "lightMode/red/200",
+        "red-4": "lightMode/red/300",
+        "red-5": "lightMode/red/400",
+        "red-6": "lightMode/red/500",
+        "red-7": "lightMode/red/600",
+        "red-8": "lightMode/red/700",
+        "red-9": "lightMode/red/800",
+        "red-10": "lightMode/red/900",
+        "blue-1": "neutral/white",
+        "blue-2": "lightMode/blue/100",
+        "blue-3": "lightMode/blue/200",
+        "blue-4": "lightMode/blue/300",
+        "blue-5": "lightMode/blue/400",
+        "blue-6": "lightMode/blue/500",
+        "blue-7": "lightMode/blue/600",
+        "blue-8": "lightMode/blue/700",
+        "blue-9": "lightMode/blue/800",
+        "blue-10": "lightMode/blue/900",
+        "green-1": "neutral/white",
+        "green-2": "lightMode/green/100",
+        "green-3": "lightMode/green/200",
+        "green-4": "lightMode/green/300",
+        "green-5": "lightMode/green/400",
+        "green-6": "lightMode/green/500",
+        "green-7": "lightMode/green/600",
+        "green-8": "lightMode/green/700",
+        "green-9": "lightMode/green/800",
+        "green-10": "lightMode/green/900",
+        "amber-1": "neutral/white",
+        "amber-2": "lightMode/amber/100",
+        "amber-3": "lightMode/amber/200",
+        "amber-4": "lightMode/amber/300",
+        "amber-5": "lightMode/amber/400",
+        "amber-6": "lightMode/amber/500",
+        "amber-7": "lightMode/amber/600",
+        "amber-8": "lightMode/amber/700",
+        "amber-9": "lightMode/amber/800",
+        "amber-10": "lightMode/amber/900",
+        "violet-1": "neutral/white",
+        "violet-2": "lightMode/violet/100",
+        "violet-3": "lightMode/violet/200",
+        "violet-4": "lightMode/violet/300",
+        "violet-5": "lightMode/violet/400",
+        "violet-6": "lightMode/violet/500",
+        "violet-7": "lightMode/violet/600",
+        "violet-8": "lightMode/violet/700",
+        "violet-9": "lightMode/violet/800",
+        "violet-10": "lightMode/violet/900",
+        "yellow-1": "neutral/white",
+        "yellow-2": "lightMode/yellow/100",
+        "yellow-3": "lightMode/yellow/200",
+        "yellow-4": "lightMode/yellow/300",
+        "yellow-5": "lightMode/yellow/400",
+        "yellow-6": "lightMode/yellow/500",
+        "yellow-7": "lightMode/yellow/600",
+        "yellow-8": "lightMode/yellow/700",
+        "yellow-9": "lightMode/yellow/800",
+        "yellow-10": "lightMode/yellow/900",
+        "orange-1": "neutral/white",
+        "orange-2": "lightMode/orange/100",
+        "orange-3": "lightMode/orange/200",
+        "orange-4": "lightMode/orange/300",
+        "orange-5": "lightMode/orange/400",
+        "orange-6": "lightMode/orange/500",
+        "orange-7": "lightMode/orange/600",
+        "orange-8": "lightMode/orange/700",
+        "orange-9": "lightMode/orange/800",
+        "orange-10": "lightMode/orange/900",
+        "teal-1": "neutral/white",
+        "teal-2": "lightMode/teal/100",
+        "teal-3": "lightMode/teal/200",
+        "teal-4": "lightMode/teal/300",
+        "teal-5": "lightMode/teal/400",
+        "teal-6": "lightMode/teal/500",
+        "teal-7": "lightMode/teal/600",
+        "teal-8": "lightMode/teal/700",
+        "teal-9": "lightMode/teal/800",
+        "teal-10": "lightMode/teal/900",
+        "cyan-1": "neutral/white",
+        "cyan-2": "lightMode/cyan/100",
+        "cyan-3": "lightMode/cyan/200",
+        "cyan-4": "lightMode/cyan/300",
+        "cyan-5": "lightMode/cyan/400",
+        "cyan-6": "lightMode/cyan/500",
+        "cyan-7": "lightMode/cyan/600",
+        "cyan-8": "lightMode/cyan/700",
+        "cyan-9": "lightMode/cyan/800",
+        "cyan-10": "lightMode/cyan/900",
+        "purple-1": "neutral/white",
+        "purple-2": "lightMode/purple/100",
+        "purple-3": "lightMode/purple/200",
+        "purple-4": "lightMode/purple/300",
+        "purple-5": "lightMode/purple/400",
+        "purple-6": "lightMode/purple/500",
+        "purple-7": "lightMode/purple/600",
+        "purple-8": "lightMode/purple/700",
+        "purple-9": "lightMode/purple/800",
+        "purple-10": "lightMode/purple/900",
+        "pink-1": "neutral/white",
+        "pink-2": "lightMode/pink/100",
+        "pink-3": "lightMode/pink/200",
+        "pink-4": "lightMode/pink/300",
+        "pink-5": "lightMode/pink/400",
+        "pink-6": "lightMode/pink/500",
+        "pink-7": "lightMode/pink/600",
+        "pink-8": "lightMode/pink/700",
+        "pink-9": "lightMode/pink/800",
+        "pink-10": "lightMode/pink/900",
+        "alert-button-default": "lightMode/gray/900",
+        "alert-button-info": "lightMode/gray/900",
+        "alert-button-success": "lightMode/gray/900",
+        "alert-button-warning": "lightMode/gray/900",
+        "alert-button-error": "lightMode/gray/900",
+        "blue-link": "lightMode/blue/500"
+      },
+      "outline": {
+        "base": "neutral/white",
+        "gray-1": "lightMode/gray/200",
+        "gray-2": "lightMode/gray/300",
+        "gray-3": "lightMode/gray/400",
+        "gray-4": "lightMode/gray/500",
+        "gray-5": "lightMode/gray/600",
+        "gray-6": "lightMode/gray/700",
+        "gray-7": "lightMode/gray/800",
+        "gray-8": "lightMode/gray/900",
+        "gray-9": "lightMode/gray/950",
+        "red-1": "lightMode/red/100",
+        "red-2": "lightMode/red/200",
+        "red-3": "lightMode/red/300",
+        "red-4": "lightMode/red/400",
+        "red-5": "lightMode/red/500",
+        "red-6": "lightMode/red/600",
+        "red-7": "lightMode/red/700",
+        "red-8": "lightMode/red/800",
+        "red-9": "lightMode/red/900",
+        "red-10": "lightMode/red/950",
+        "blue-1": "lightMode/blue/100",
+        "blue-2": "lightMode/blue/200",
+        "blue-3": "lightMode/blue/300",
+        "blue-4": "lightMode/blue/400",
+        "blue-5": "lightMode/blue/500",
+        "blue-6": "lightMode/blue/600",
+        "blue-7": "lightMode/blue/700",
+        "blue-8": "lightMode/blue/800",
+        "blue-9": "lightMode/blue/900",
+        "blue-10": "lightMode/blue/950",
+        "green-1": "lightMode/green/100",
+        "green-2": "lightMode/green/200",
+        "green-3": "lightMode/green/300",
+        "green-4": "lightMode/green/400",
+        "green-5": "lightMode/green/500",
+        "green-6": "lightMode/green/600",
+        "green-7": "lightMode/green/700",
+        "green-8": "lightMode/green/800",
+        "green-9": "lightMode/green/900",
+        "green-10": "lightMode/green/950",
+        "amber-1": "lightMode/amber/100",
+        "amber-2": "lightMode/amber/200",
+        "amber-3": "lightMode/amber/300",
+        "amber-4": "lightMode/amber/400",
+        "amber-5": "lightMode/amber/500",
+        "amber-6": "lightMode/amber/600",
+        "amber-7": "lightMode/amber/700",
+        "amber-8": "lightMode/amber/800",
+        "amber-9": "lightMode/amber/900",
+        "amber-10": "lightMode/amber/950",
+        "violet-1": "lightMode/violet/100",
+        "violet-2": "lightMode/violet/200",
+        "violet-3": "lightMode/violet/300",
+        "violet-4": "lightMode/violet/400",
+        "violet-5": "lightMode/violet/500",
+        "violet-6": "lightMode/violet/600",
+        "violet-7": "lightMode/violet/700",
+        "violet-8": "lightMode/violet/800",
+        "violet-9": "lightMode/violet/900",
+        "violet-10": "lightMode/violet/950",
+        "yellow-1": "lightMode/yellow/100",
+        "yellow-2": "lightMode/yellow/200",
+        "yellow-3": "lightMode/yellow/300",
+        "yellow-4": "lightMode/yellow/400",
+        "yellow-5": "lightMode/yellow/500",
+        "yellow-6": "lightMode/yellow/600",
+        "yellow-7": "lightMode/yellow/700",
+        "yellow-8": "lightMode/yellow/800",
+        "yellow-9": "lightMode/yellow/900",
+        "yellow-10": "lightMode/yellow/950",
+        "orange-1": "lightMode/orange/100",
+        "orange-2": "lightMode/orange/200",
+        "orange-3": "lightMode/orange/300",
+        "orange-4": "lightMode/orange/400",
+        "orange-5": "lightMode/orange/500",
+        "orange-6": "lightMode/orange/600",
+        "orange-7": "lightMode/orange/700",
+        "orange-8": "lightMode/orange/800",
+        "orange-9": "lightMode/orange/900",
+        "orange-10": "lightMode/orange/950",
+        "teal-1": "lightMode/teal/100",
+        "teal-2": "lightMode/teal/200",
+        "teal-3": "lightMode/teal/300",
+        "teal-4": "lightMode/teal/400",
+        "teal-5": "lightMode/teal/500",
+        "teal-6": "lightMode/teal/600",
+        "teal-7": "lightMode/teal/700",
+        "teal-8": "lightMode/teal/800",
+        "teal-9": "lightMode/teal/900",
+        "teal-10": "lightMode/teal/950",
+        "cyan-1": "lightMode/cyan/100",
+        "cyan-2": "lightMode/cyan/200",
+        "cyan-3": "lightMode/cyan/300",
+        "cyan-4": "lightMode/cyan/400",
+        "cyan-5": "lightMode/cyan/500",
+        "cyan-6": "lightMode/cyan/600",
+        "cyan-7": "lightMode/cyan/700",
+        "cyan-8": "lightMode/cyan/800",
+        "cyan-9": "lightMode/cyan/900",
+        "cyan-10": "lightMode/cyan/950",
+        "purple-1": "lightMode/purple/100",
+        "purple-2": "lightMode/purple/200",
+        "purple-3": "lightMode/purple/300",
+        "purple-4": "lightMode/purple/400",
+        "purple-5": "lightMode/purple/500",
+        "purple-6": "lightMode/purple/600",
+        "purple-7": "lightMode/purple/700",
+        "purple-8": "lightMode/purple/800",
+        "purple-9": "lightMode/purple/900",
+        "purple-10": "lightMode/purple/950",
+        "pink-1": "lightMode/pink/100",
+        "pink-2": "lightMode/pink/200",
+        "pink-3": "lightMode/pink/300",
+        "pink-4": "lightMode/pink/400",
+        "pink-5": "lightMode/pink/500",
+        "pink-6": "lightMode/pink/600",
+        "pink-7": "lightMode/pink/700",
+        "pink-8": "lightMode/pink/800",
+        "pink-9": "lightMode/pink/900",
+        "pink-10": "lightMode/pink/950",
+        "elevation-1": "lightMode/gray/200",
+        "elevation-2": "lightMode/gray/200"
+      },
+      "outline-alpha": {
+        "base": "neutral/white",
+        "gray-1": "lightMode/gray-alpha/200",
+        "gray-2": "lightMode/gray-alpha/300",
+        "gray-3": "lightMode/gray-alpha/400",
+        "gray-4": "lightMode/gray-alpha/500",
+        "gray-5": "lightMode/gray-alpha/600",
+        "gray-6": "lightMode/gray-alpha/700",
+        "gray-7": "lightMode/gray-alpha/800",
+        "gray-8": "lightMode/gray-alpha/900",
+        "gray-9": "lightMode/gray-alpha/950",
+        "elevation-1": "lightMode/gray-alpha/200",
+        "elevation-2": "lightMode/gray-alpha/200"
+      }
+    },
+    "dark": {
+      "surface": {
+        "base": "darkMode/gray/950",
+        "gray-1": "darkMode/gray/900",
+        "gray-2": "darkMode/gray/700",
+        "gray-3": "darkMode/gray/600",
+        "gray-4": "darkMode/gray/500",
+        "gray-5": "darkMode/gray/450",
+        "gray-6": "darkMode/gray/400",
+        "gray-7": "darkMode/gray/300",
+        "gray-8": "darkMode/gray/200",
+        "gray-9": "darkMode/gray/100",
+        "gray-10": "darkMode/gray/50",
+        "sidebar": "neutral/transparent",
+        "elevation-1": "darkMode/gray/900",
+        "elevation-2": "darkMode/gray/800",
+        "elevation-3": "darkMode/gray/600",
+        "red-1": "darkMode/red/950",
+        "red-2": "darkMode/red/900",
+        "red-3": "darkMode/red/800",
+        "red-4": "darkMode/red/700",
+        "red-5": "darkMode/red/600",
+        "red-6": "darkMode/red/500",
+        "red-7": "darkMode/red/400",
+        "red-8": "darkMode/red/300",
+        "red-9": "darkMode/red/200",
+        "red-10": "darkMode/red/100",
+        "blue-1": "darkMode/blue/950",
+        "blue-2": "darkMode/blue/900",
+        "blue-3": "darkMode/blue/800",
+        "blue-4": "darkMode/blue/700",
+        "blue-5": "darkMode/blue/600",
+        "blue-6": "darkMode/blue/500",
+        "blue-7": "darkMode/blue/400",
+        "blue-8": "darkMode/blue/300",
+        "blue-9": "darkMode/blue/200",
+        "blue-10": "darkMode/blue/100",
+        "green-1": "darkMode/green/950",
+        "green-2": "darkMode/green/900",
+        "green-3": "darkMode/green/800",
+        "green-4": "darkMode/green/700",
+        "green-5": "darkMode/green/600",
+        "green-6": "darkMode/green/500",
+        "green-7": "darkMode/green/400",
+        "green-8": "darkMode/green/300",
+        "green-9": "darkMode/green/200",
+        "green-10": "darkMode/green/100",
+        "amber-1": "darkMode/amber/950",
+        "amber-2": "darkMode/amber/900",
+        "amber-3": "darkMode/amber/800",
+        "amber-4": "darkMode/amber/700",
+        "amber-5": "darkMode/amber/600",
+        "amber-6": "darkMode/amber/500",
+        "amber-7": "darkMode/amber/400",
+        "amber-8": "darkMode/amber/300",
+        "amber-9": "darkMode/amber/200",
+        "amber-10": "darkMode/amber/100",
+        "violet-1": "darkMode/violet/950",
+        "violet-2": "darkMode/violet/900",
+        "violet-3": "darkMode/violet/800",
+        "violet-4": "darkMode/violet/700",
+        "violet-5": "darkMode/violet/600",
+        "violet-6": "darkMode/violet/500",
+        "violet-7": "darkMode/violet/400",
+        "violet-8": "darkMode/violet/300",
+        "violet-9": "darkMode/violet/200",
+        "violet-10": "darkMode/violet/100",
+        "yellow-1": "darkMode/yellow/950",
+        "yellow-2": "darkMode/yellow/900",
+        "yellow-3": "darkMode/yellow/800",
+        "yellow-4": "darkMode/yellow/700",
+        "yellow-5": "darkMode/yellow/600",
+        "yellow-6": "darkMode/yellow/500",
+        "yellow-7": "darkMode/yellow/400",
+        "yellow-8": "darkMode/yellow/300",
+        "yellow-9": "darkMode/yellow/200",
+        "yellow-10": "darkMode/yellow/100",
+        "orange-1": "darkMode/orange/950",
+        "orange-2": "darkMode/orange/900",
+        "orange-3": "darkMode/orange/800",
+        "orange-4": "darkMode/orange/700",
+        "orange-5": "darkMode/orange/600",
+        "orange-6": "darkMode/orange/500",
+        "orange-7": "darkMode/orange/400",
+        "orange-8": "darkMode/orange/300",
+        "orange-9": "darkMode/orange/200",
+        "orange-10": "darkMode/orange/100",
+        "teal-1": "darkMode/teal/950",
+        "teal-2": "darkMode/teal/900",
+        "teal-3": "darkMode/teal/800",
+        "teal-4": "darkMode/teal/700",
+        "teal-5": "darkMode/teal/600",
+        "teal-6": "darkMode/teal/500",
+        "teal-7": "darkMode/teal/400",
+        "teal-8": "darkMode/teal/300",
+        "teal-9": "darkMode/teal/200",
+        "teal-10": "darkMode/teal/100",
+        "cyan-1": "darkMode/cyan/950",
+        "cyan-2": "darkMode/cyan/900",
+        "cyan-3": "darkMode/cyan/800",
+        "cyan-4": "darkMode/cyan/700",
+        "cyan-5": "darkMode/cyan/600",
+        "cyan-6": "darkMode/cyan/500",
+        "cyan-7": "darkMode/cyan/400",
+        "cyan-8": "darkMode/cyan/300",
+        "cyan-9": "darkMode/cyan/200",
+        "cyan-10": "darkMode/cyan/100",
+        "purple-1": "darkMode/purple/950",
+        "purple-2": "darkMode/purple/900",
+        "purple-3": "darkMode/purple/800",
+        "purple-4": "darkMode/purple/700",
+        "purple-5": "darkMode/purple/600",
+        "purple-6": "darkMode/purple/500",
+        "purple-7": "darkMode/purple/400",
+        "purple-8": "darkMode/purple/300",
+        "purple-9": "darkMode/purple/200",
+        "purple-10": "darkMode/purple/100",
+        "pink-1": "darkMode/pink/950",
+        "pink-2": "darkMode/pink/900",
+        "pink-3": "darkMode/pink/800",
+        "pink-4": "darkMode/pink/700",
+        "pink-5": "darkMode/pink/600",
+        "pink-6": "darkMode/pink/500",
+        "pink-7": "darkMode/pink/400",
+        "pink-8": "darkMode/pink/300",
+        "pink-9": "darkMode/pink/200",
+        "pink-10": "darkMode/pink/100",
+        "alert-button-default": "darkMode/gray/500",
+        "alert-button-info": "darkMode/blue/700",
+        "alert-button-success": "darkMode/green/700",
+        "alert-button-warning": "darkMode/amber/700",
+        "alert-button-error": "darkMode/red/700"
+      },
+      "surface-alpha": {
+        "base": "darkMode/gray-alpha/950",
+        "gray-1": "darkMode/gray-alpha/800",
+        "gray-2": "darkMode/gray-alpha/700",
+        "gray-3": "darkMode/gray-alpha/600",
+        "gray-4": "darkMode/gray-alpha/500",
+        "gray-5": "darkMode/gray-alpha/450",
+        "gray-6": "darkMode/gray-alpha/400",
+        "gray-7": "darkMode/gray-alpha/300",
+        "gray-8": "darkMode/gray-alpha/200",
+        "gray-9": "darkMode/gray-alpha/100",
+        "gray-10": "darkMode/gray-alpha/50",
+        "sidebar": "darkMode/gray-alpha/950",
+        "elevation-1": "darkMode/gray-alpha/900",
+        "elevation-2": "darkMode/gray-alpha/800",
+        "elevation-3": "darkMode/gray-alpha/600",
+        "gray-2-overlay": "overlay/white/50"
+      },
+      "ink": {
+        "base": "darkMode/gray/950",
+        "gray-1": "darkMode/gray/800",
+        "gray-2": "darkMode/gray/600",
+        "gray-3": "darkMode/gray/500",
+        "gray-4": "darkMode/gray/400",
+        "gray-5": "darkMode/gray/400",
+        "gray-6": "darkMode/gray/300",
+        "gray-7": "darkMode/gray/200",
+        "gray-8": "darkMode/gray/100",
+        "gray-9": "darkMode/gray/50",
+        "red-1": "neutral/white",
+        "red-2": "darkMode/red/800",
+        "red-3": "darkMode/red/700",
+        "red-4": "darkMode/red/600",
+        "red-5": "darkMode/red/500",
+        "red-6": "darkMode/red/400",
+        "red-7": "darkMode/red/300",
+        "red-8": "darkMode/red/200",
+        "red-9": "darkMode/red/100",
+        "red-10": "darkMode/red/50",
+        "blue-1": "neutral/white",
+        "blue-2": "darkMode/blue/800",
+        "blue-3": "darkMode/blue/700",
+        "blue-4": "darkMode/blue/600",
+        "blue-5": "darkMode/blue/500",
+        "blue-6": "darkMode/blue/400",
+        "blue-7": "darkMode/blue/300",
+        "blue-8": "darkMode/blue/200",
+        "blue-9": "darkMode/blue/100",
+        "blue-10": "darkMode/blue/50",
+        "green-1": "neutral/white",
+        "green-2": "darkMode/green/800",
+        "green-3": "darkMode/green/700",
+        "green-4": "darkMode/green/600",
+        "green-5": "darkMode/green/500",
+        "green-6": "darkMode/green/400",
+        "green-7": "darkMode/green/300",
+        "green-8": "darkMode/green/200",
+        "green-9": "darkMode/green/100",
+        "green-10": "darkMode/green/50",
+        "amber-1": "neutral/white",
+        "amber-2": "darkMode/amber/800",
+        "amber-3": "darkMode/amber/700",
+        "amber-4": "darkMode/amber/600",
+        "amber-5": "darkMode/amber/500",
+        "amber-6": "darkMode/amber/400",
+        "amber-7": "darkMode/amber/300",
+        "amber-8": "darkMode/amber/200",
+        "amber-9": "darkMode/amber/100",
+        "amber-10": "darkMode/amber/50",
+        "violet-1": "neutral/white",
+        "violet-2": "darkMode/violet/800",
+        "violet-3": "darkMode/violet/700",
+        "violet-4": "darkMode/violet/600",
+        "violet-5": "darkMode/violet/500",
+        "violet-6": "darkMode/violet/400",
+        "violet-7": "darkMode/violet/300",
+        "violet-8": "darkMode/violet/200",
+        "violet-9": "darkMode/violet/100",
+        "violet-10": "darkMode/violet/50",
+        "yellow-1": "neutral/white",
+        "yellow-2": "darkMode/yellow/800",
+        "yellow-3": "darkMode/yellow/700",
+        "yellow-4": "darkMode/yellow/600",
+        "yellow-5": "darkMode/yellow/500",
+        "yellow-6": "darkMode/yellow/400",
+        "yellow-7": "darkMode/yellow/300",
+        "yellow-8": "darkMode/yellow/200",
+        "yellow-9": "darkMode/yellow/100",
+        "yellow-10": "darkMode/yellow/50",
+        "orange-1": "neutral/white",
+        "orange-2": "darkMode/orange/800",
+        "orange-3": "darkMode/orange/700",
+        "orange-4": "darkMode/orange/600",
+        "orange-5": "darkMode/orange/500",
+        "orange-6": "darkMode/orange/400",
+        "orange-7": "darkMode/orange/300",
+        "orange-8": "darkMode/orange/200",
+        "orange-9": "darkMode/orange/100",
+        "orange-10": "darkMode/orange/50",
+        "teal-1": "neutral/white",
+        "teal-2": "darkMode/teal/800",
+        "teal-3": "darkMode/teal/700",
+        "teal-4": "darkMode/teal/600",
+        "teal-5": "darkMode/teal/500",
+        "teal-6": "darkMode/teal/400",
+        "teal-7": "darkMode/teal/300",
+        "teal-8": "darkMode/teal/200",
+        "teal-9": "darkMode/teal/100",
+        "teal-10": "darkMode/teal/50",
+        "cyan-1": "neutral/white",
+        "cyan-2": "darkMode/cyan/800",
+        "cyan-3": "darkMode/cyan/700",
+        "cyan-4": "darkMode/cyan/600",
+        "cyan-5": "darkMode/cyan/500",
+        "cyan-6": "darkMode/cyan/400",
+        "cyan-7": "darkMode/cyan/300",
+        "cyan-8": "darkMode/cyan/200",
+        "cyan-9": "darkMode/cyan/100",
+        "cyan-10": "darkMode/cyan/50",
+        "purple-1": "neutral/white",
+        "purple-2": "darkMode/purple/800",
+        "purple-3": "darkMode/purple/700",
+        "purple-4": "darkMode/purple/600",
+        "purple-5": "darkMode/purple/500",
+        "purple-6": "darkMode/purple/400",
+        "purple-7": "darkMode/purple/300",
+        "purple-8": "darkMode/purple/200",
+        "purple-9": "darkMode/purple/100",
+        "purple-10": "darkMode/purple/50",
+        "pink-1": "neutral/white",
+        "pink-2": "darkMode/pink/800",
+        "pink-3": "darkMode/pink/700",
+        "pink-4": "darkMode/pink/600",
+        "pink-5": "darkMode/pink/500",
+        "pink-6": "darkMode/pink/400",
+        "pink-7": "darkMode/pink/300",
+        "pink-8": "darkMode/pink/200",
+        "pink-9": "darkMode/pink/100",
+        "pink-10": "darkMode/pink/50",
+        "alert-button-default": "darkMode/gray/50",
+        "alert-button-info": "darkMode/blue/200",
+        "alert-button-success": "darkMode/green/200",
+        "alert-button-warning": "darkMode/amber/200",
+        "alert-button-error": "darkMode/red/200",
+        "blue-link": "darkMode/blue/500"
+      },
+      "outline": {
+        "base": "darkMode/gray/950",
+        "gray-1": "darkMode/gray/800",
+        "gray-2": "darkMode/gray/600",
+        "gray-3": "darkMode/gray/500",
+        "gray-4": "darkMode/gray/450",
+        "gray-5": "darkMode/gray/400",
+        "gray-6": "darkMode/gray/300",
+        "gray-7": "lightMode/gray/200",
+        "gray-8": "lightMode/gray/100",
+        "gray-9": "lightMode/gray/50",
+        "red-1": "darkMode/red/900",
+        "red-2": "darkMode/red/800",
+        "red-3": "darkMode/red/700",
+        "red-4": "darkMode/red/600",
+        "red-5": "darkMode/red/500",
+        "red-6": "darkMode/red/400",
+        "red-7": "darkMode/red/300",
+        "red-8": "darkMode/red/200",
+        "red-9": "darkMode/red/100",
+        "red-10": "darkMode/red/50",
+        "blue-1": "darkMode/blue/900",
+        "blue-2": "darkMode/blue/800",
+        "blue-3": "darkMode/blue/700",
+        "blue-4": "darkMode/blue/600",
+        "blue-5": "darkMode/blue/500",
+        "blue-6": "darkMode/blue/400",
+        "blue-7": "darkMode/blue/300",
+        "blue-8": "darkMode/blue/200",
+        "blue-9": "darkMode/blue/100",
+        "blue-10": "darkMode/blue/50",
+        "green-1": "darkMode/green/900",
+        "green-2": "darkMode/green/800",
+        "green-3": "darkMode/green/700",
+        "green-4": "darkMode/green/600",
+        "green-5": "darkMode/green/500",
+        "green-6": "darkMode/green/400",
+        "green-7": "darkMode/green/300",
+        "green-8": "darkMode/green/200",
+        "green-9": "darkMode/green/100",
+        "green-10": "darkMode/green/50",
+        "amber-1": "darkMode/amber/900",
+        "amber-2": "darkMode/amber/800",
+        "amber-3": "darkMode/amber/700",
+        "amber-4": "darkMode/amber/600",
+        "amber-5": "darkMode/amber/500",
+        "amber-6": "darkMode/amber/400",
+        "amber-7": "darkMode/amber/300",
+        "amber-8": "darkMode/amber/200",
+        "amber-9": "darkMode/amber/100",
+        "amber-10": "darkMode/amber/50",
+        "violet-1": "darkMode/violet/900",
+        "violet-2": "darkMode/violet/800",
+        "violet-3": "darkMode/violet/700",
+        "violet-4": "darkMode/violet/600",
+        "violet-5": "darkMode/violet/500",
+        "violet-6": "darkMode/violet/400",
+        "violet-7": "darkMode/violet/300",
+        "violet-8": "darkMode/violet/200",
+        "violet-9": "darkMode/violet/100",
+        "violet-10": "darkMode/violet/50",
+        "yellow-1": "darkMode/yellow/900",
+        "yellow-2": "darkMode/yellow/800",
+        "yellow-3": "darkMode/yellow/700",
+        "yellow-4": "darkMode/yellow/600",
+        "yellow-5": "darkMode/yellow/500",
+        "yellow-6": "darkMode/yellow/400",
+        "yellow-7": "darkMode/yellow/300",
+        "yellow-8": "darkMode/yellow/200",
+        "yellow-9": "darkMode/yellow/100",
+        "yellow-10": "darkMode/yellow/50",
+        "orange-1": "darkMode/orange/900",
+        "orange-2": "darkMode/orange/800",
+        "orange-3": "darkMode/orange/700",
+        "orange-4": "darkMode/orange/600",
+        "orange-5": "darkMode/orange/500",
+        "orange-6": "darkMode/orange/400",
+        "orange-7": "darkMode/orange/300",
+        "orange-8": "darkMode/orange/200",
+        "orange-9": "darkMode/orange/100",
+        "orange-10": "darkMode/orange/50",
+        "teal-1": "darkMode/teal/900",
+        "teal-2": "darkMode/teal/800",
+        "teal-3": "darkMode/teal/700",
+        "teal-4": "darkMode/teal/600",
+        "teal-5": "darkMode/teal/500",
+        "teal-6": "darkMode/teal/400",
+        "teal-7": "darkMode/teal/300",
+        "teal-8": "darkMode/teal/200",
+        "teal-9": "darkMode/teal/100",
+        "teal-10": "darkMode/teal/50",
+        "cyan-1": "darkMode/cyan/900",
+        "cyan-2": "darkMode/cyan/800",
+        "cyan-3": "darkMode/cyan/700",
+        "cyan-4": "darkMode/cyan/600",
+        "cyan-5": "darkMode/cyan/500",
+        "cyan-6": "darkMode/cyan/400",
+        "cyan-7": "darkMode/cyan/300",
+        "cyan-8": "darkMode/cyan/200",
+        "cyan-9": "darkMode/cyan/100",
+        "cyan-10": "darkMode/cyan/50",
+        "purple-1": "darkMode/purple/900",
+        "purple-2": "darkMode/purple/800",
+        "purple-3": "darkMode/purple/700",
+        "purple-4": "darkMode/purple/600",
+        "purple-5": "darkMode/purple/500",
+        "purple-6": "darkMode/purple/400",
+        "purple-7": "darkMode/purple/300",
+        "purple-8": "darkMode/purple/200",
+        "purple-9": "darkMode/purple/100",
+        "purple-10": "darkMode/purple/50",
+        "pink-1": "darkMode/pink/900",
+        "pink-2": "darkMode/pink/800",
+        "pink-3": "darkMode/pink/700",
+        "pink-4": "darkMode/pink/600",
+        "pink-5": "darkMode/pink/500",
+        "pink-6": "darkMode/pink/400",
+        "pink-7": "darkMode/pink/300",
+        "pink-8": "darkMode/pink/200",
+        "pink-9": "darkMode/pink/100",
+        "pink-10": "darkMode/pink/50",
+        "elevation-1": "darkMode/gray/700",
+        "elevation-2": "darkMode/gray/600"
+      },
+      "outline-alpha": {
+        "base": "darkMode/gray-alpha/950",
+        "gray-1": "darkMode/gray-alpha/800",
+        "gray-2": "darkMode/gray-alpha/600",
+        "gray-3": "darkMode/gray-alpha/500",
+        "gray-4": "darkMode/gray-alpha/450",
+        "gray-5": "darkMode/gray-alpha/400",
+        "gray-6": "darkMode/gray-alpha/300",
+        "gray-7": "darkMode/gray-alpha/200",
+        "gray-8": "darkMode/gray-alpha/100",
+        "gray-9": "darkMode/gray-alpha/50",
+        "elevation-1": "darkMode/gray-alpha/700",
+        "elevation-2": "darkMode/gray-alpha/600"
+      }
+    }
+  }
+}