@x12i/tokens 0.0.0-stage → 1.0.0

package/dist/tokens-studio.json

@@ -0,0 +1,2068 @@
+{
+  "global": {
+    "color": {
+      "black": {
+        "value": "#000000",
+        "type": "color"
+      },
+      "white": {
+        "value": "#ffffff",
+        "type": "color"
+      },
+      "neutral": {
+        "1": {
+          "value": "#07090e",
+          "type": "color"
+        },
+        "2": {
+          "value": "#0f1217",
+          "type": "color"
+        },
+        "3": {
+          "value": "#181b20",
+          "type": "color"
+        },
+        "4": {
+          "value": "#24262c",
+          "type": "color"
+        },
+        "5": {
+          "value": "#32353c",
+          "type": "color"
+        },
+        "6": {
+          "value": "#44484e",
+          "type": "color"
+        },
+        "7": {
+          "value": "#5d6067",
+          "type": "color"
+        },
+        "8": {
+          "value": "#777a82",
+          "type": "color"
+        },
+        "9": {
+          "value": "#92959d",
+          "type": "color"
+        },
+        "10": {
+          "value": "#b0b4bc",
+          "type": "color"
+        },
+        "11": {
+          "value": "#e7ebf4",
+          "type": "color"
+        },
+        "12": {
+          "value": "#f8faff",
+          "type": "color"
+        }
+      },
+      "accent": {
+        "1": {
+          "value": "#0a0c25",
+          "type": "color"
+        },
+        "2": {
+          "value": "#12163a",
+          "type": "color"
+        },
+        "3": {
+          "value": "#1d2059",
+          "type": "color"
+        },
+        "4": {
+          "value": "#282d74",
+          "type": "color"
+        },
+        "5": {
+          "value": "#373e94",
+          "type": "color"
+        },
+        "6": {
+          "value": "#444cb2",
+          "type": "color"
+        },
+        "7": {
+          "value": "#5057dc",
+          "type": "color"
+        },
+        "8": {
+          "value": "#5d67ee",
+          "type": "color"
+        },
+        "9": {
+          "value": "#6e7cfd",
+          "type": "color"
+        },
+        "10": {
+          "value": "#8b9bff",
+          "type": "color"
+        },
+        "11": {
+          "value": "#e1e7ff",
+          "type": "color"
+        },
+        "12": {
+          "value": "#f4f6ff",
+          "type": "color"
+        }
+      },
+      "success": {
+        "1": {
+          "value": "#011408",
+          "type": "color"
+        },
+        "2": {
+          "value": "#00220f",
+          "type": "color"
+        },
+        "3": {
+          "value": "#003219",
+          "type": "color"
+        },
+        "4": {
+          "value": "#004424",
+          "type": "color"
+        },
+        "5": {
+          "value": "#005a31",
+          "type": "color"
+        },
+        "6": {
+          "value": "#006d3c",
+          "type": "color"
+        },
+        "7": {
+          "value": "#008148",
+          "type": "color"
+        },
+        "8": {
+          "value": "#009253",
+          "type": "color"
+        },
+        "9": {
+          "value": "#19a661",
+          "type": "color"
+        },
+        "10": {
+          "value": "#59bc81",
+          "type": "color"
+        },
+        "11": {
+          "value": "#d0f2da",
+          "type": "color"
+        },
+        "12": {
+          "value": "#effaf2",
+          "type": "color"
+        }
+      },
+      "warning": {
+        "1": {
+          "value": "#180d00",
+          "type": "color"
+        },
+        "2": {
+          "value": "#271700",
+          "type": "color"
+        },
+        "3": {
+          "value": "#3a2400",
+          "type": "color"
+        },
+        "4": {
+          "value": "#4d3200",
+          "type": "color"
+        },
+        "5": {
+          "value": "#654200",
+          "type": "color"
+        },
+        "6": {
+          "value": "#7b5100",
+          "type": "color"
+        },
+        "7": {
+          "value": "#916100",
+          "type": "color"
+        },
+        "8": {
+          "value": "#a46e00",
+          "type": "color"
+        },
+        "9": {
+          "value": "#bb7e00",
+          "type": "color"
+        },
+        "10": {
+          "value": "#d09945",
+          "type": "color"
+        },
+        "11": {
+          "value": "#fae4c7",
+          "type": "color"
+        },
+        "12": {
+          "value": "#fdf6ec",
+          "type": "color"
+        }
+      },
+      "danger": {
+        "1": {
+          "value": "#210505",
+          "type": "color"
+        },
+        "2": {
+          "value": "#340909",
+          "type": "color"
+        },
+        "3": {
+          "value": "#4f0a0d",
+          "type": "color"
+        },
+        "4": {
+          "value": "#691214",
+          "type": "color"
+        },
+        "5": {
+          "value": "#861d1f",
+          "type": "color"
+        },
+        "6": {
+          "value": "#a12628",
+          "type": "color"
+        },
+        "7": {
+          "value": "#c51d28",
+          "type": "color"
+        },
+        "8": {
+          "value": "#d73337",
+          "type": "color"
+        },
+        "9": {
+          "value": "#e9504d",
+          "type": "color"
+        },
+        "10": {
+          "value": "#f97770",
+          "type": "color"
+        },
+        "11": {
+          "value": "#ffdfdc",
+          "type": "color"
+        },
+        "12": {
+          "value": "#fff4f3",
+          "type": "color"
+        }
+      },
+      "info": {
+        "1": {
+          "value": "#00121d",
+          "type": "color"
+        },
+        "2": {
+          "value": "#001e2d",
+          "type": "color"
+        },
+        "3": {
+          "value": "#002d42",
+          "type": "color"
+        },
+        "4": {
+          "value": "#003d58",
+          "type": "color"
+        },
+        "5": {
+          "value": "#005172",
+          "type": "color"
+        },
+        "6": {
+          "value": "#00628a",
+          "type": "color"
+        },
+        "7": {
+          "value": "#0075a3",
+          "type": "color"
+        },
+        "8": {
+          "value": "#0084b8",
+          "type": "color"
+        },
+        "9": {
+          "value": "#0097d2",
+          "type": "color"
+        },
+        "10": {
+          "value": "#4cb0e5",
+          "type": "color"
+        },
+        "11": {
+          "value": "#d0edff",
+          "type": "color"
+        },
+        "12": {
+          "value": "#eef9ff",
+          "type": "color"
+        }
+      },
+      "categorical": {
+        "light": {
+          "1": {
+            "value": "#2971c6",
+            "type": "color"
+          },
+          "2": {
+            "value": "#ac5700",
+            "type": "color"
+          },
+          "3": {
+            "value": "#008758",
+            "type": "color"
+          },
+          "4": {
+            "value": "#a8488d",
+            "type": "color"
+          },
+          "5": {
+            "value": "#867000",
+            "type": "color"
+          },
+          "6": {
+            "value": "#00818c",
+            "type": "color"
+          },
+          "7": {
+            "value": "#b94642",
+            "type": "color"
+          },
+          "8": {
+            "value": "#8059bb",
+            "type": "color"
+          }
+        },
+        "dark": {
+          "1": {
+            "value": "#70adfb",
+            "type": "color"
+          },
+          "2": {
+            "value": "#e99355",
+            "type": "color"
+          },
+          "3": {
+            "value": "#53c48e",
+            "type": "color"
+          },
+          "4": {
+            "value": "#e189c5",
+            "type": "color"
+          },
+          "5": {
+            "value": "#c5a93b",
+            "type": "color"
+          },
+          "6": {
+            "value": "#00c1d0",
+            "type": "color"
+          },
+          "7": {
+            "value": "#f28881",
+            "type": "color"
+          },
+          "8": {
+            "value": "#b897f0",
+            "type": "color"
+          }
+        }
+      },
+      "sequential": {
+        "1": {
+          "value": "#e9f3ff",
+          "type": "color"
+        },
+        "2": {
+          "value": "#bcd9ff",
+          "type": "color"
+        },
+        "3": {
+          "value": "#8ebfff",
+          "type": "color"
+        },
+        "4": {
+          "value": "#5ea4fd",
+          "type": "color"
+        },
+        "5": {
+          "value": "#478ade",
+          "type": "color"
+        },
+        "6": {
+          "value": "#3f72b2",
+          "type": "color"
+        },
+        "7": {
+          "value": "#3f5b7f",
+          "type": "color"
+        },
+        "8": {
+          "value": "#384453",
+          "type": "color"
+        },
+        "9": {
+          "value": "#242f3d",
+          "type": "color"
+        }
+      },
+      "diverging": {
+        "1": {
+          "value": "#2a6cba",
+          "type": "color"
+        },
+        "2": {
+          "value": "#5e8dc9",
+          "type": "color"
+        },
+        "3": {
+          "value": "#8dadd7",
+          "type": "color"
+        },
+        "4": {
+          "value": "#bdcee3",
+          "type": "color"
+        },
+        "5": {
+          "value": "#eeeeee",
+          "type": "color"
+        },
+        "6": {
+          "value": "#dfc7b7",
+          "type": "color"
+        },
+        "7": {
+          "value": "#cea081",
+          "type": "color"
+        },
+        "8": {
+          "value": "#bb7949",
+          "type": "color"
+        },
+        "9": {
+          "value": "#a45300",
+          "type": "color"
+        }
+      }
+    },
+    "space": {
+      "0": {
+        "value": "0px",
+        "type": "spacing"
+      },
+      "1": {
+        "value": "4px",
+        "type": "spacing"
+      },
+      "2": {
+        "value": "8px",
+        "type": "spacing"
+      },
+      "3": {
+        "value": "12px",
+        "type": "spacing"
+      },
+      "4": {
+        "value": "16px",
+        "type": "spacing"
+      },
+      "5": {
+        "value": "20px",
+        "type": "spacing"
+      },
+      "6": {
+        "value": "24px",
+        "type": "spacing"
+      },
+      "8": {
+        "value": "32px",
+        "type": "spacing"
+      },
+      "10": {
+        "value": "40px",
+        "type": "spacing"
+      },
+      "12": {
+        "value": "48px",
+        "type": "spacing"
+      },
+      "16": {
+        "value": "64px",
+        "type": "spacing"
+      },
+      "20": {
+        "value": "80px",
+        "type": "spacing"
+      },
+      "24": {
+        "value": "96px",
+        "type": "spacing"
+      },
+      "0-5": {
+        "value": "2px",
+        "type": "spacing"
+      }
+    },
+    "radius": {
+      "2": {
+        "value": "2px",
+        "type": "borderRadius"
+      },
+      "4": {
+        "value": "4px",
+        "type": "borderRadius"
+      },
+      "6": {
+        "value": "6px",
+        "type": "borderRadius"
+      },
+      "8": {
+        "value": "8px",
+        "type": "borderRadius"
+      },
+      "12": {
+        "value": "12px",
+        "type": "borderRadius"
+      },
+      "16": {
+        "value": "16px",
+        "type": "borderRadius"
+      },
+      "full": {
+        "value": "9999px",
+        "type": "borderRadius"
+      },
+      "control": {
+        "value": "{radius.6}",
+        "type": "borderRadius"
+      },
+      "panel": {
+        "value": "{radius.8}",
+        "type": "borderRadius"
+      },
+      "overlay": {
+        "value": "{radius.12}",
+        "type": "borderRadius"
+      },
+      "pill": {
+        "value": "{radius.full}",
+        "type": "borderRadius"
+      }
+    },
+    "size": {
+      "12": {
+        "value": "12px",
+        "type": "sizing"
+      },
+      "16": {
+        "value": "16px",
+        "type": "sizing"
+      },
+      "20": {
+        "value": "20px",
+        "type": "sizing"
+      },
+      "24": {
+        "value": "24px",
+        "type": "sizing"
+      },
+      "28": {
+        "value": "28px",
+        "type": "sizing"
+      },
+      "32": {
+        "value": "32px",
+        "type": "sizing"
+      },
+      "40": {
+        "value": "40px",
+        "type": "sizing"
+      },
+      "44": {
+        "value": "44px",
+        "type": "sizing"
+      },
+      "48": {
+        "value": "48px",
+        "type": "sizing"
+      },
+      "56": {
+        "value": "56px",
+        "type": "sizing"
+      },
+      "icon": {
+        "xs": {
+          "value": "{size.12}",
+          "type": "sizing"
+        },
+        "sm": {
+          "value": "{size.16}",
+          "type": "sizing"
+        },
+        "md": {
+          "value": "{size.20}",
+          "type": "sizing"
+        },
+        "lg": {
+          "value": "{size.24}",
+          "type": "sizing"
+        }
+      },
+      "target": {
+        "min": {
+          "value": "{size.24}",
+          "type": "sizing"
+        },
+        "touch": {
+          "value": "{size.44}",
+          "type": "sizing"
+        }
+      }
+    },
+    "border": {
+      "width": {
+        "1": {
+          "value": "1px",
+          "type": "borderWidth"
+        },
+        "2": {
+          "value": "2px",
+          "type": "borderWidth"
+        },
+        "default": {
+          "value": "{border.width.1}",
+          "type": "borderWidth"
+        },
+        "emphasis": {
+          "value": "{border.width.2}",
+          "type": "borderWidth"
+        },
+        "focus": {
+          "value": "{border.width.2}",
+          "type": "borderWidth"
+        }
+      }
+    },
+    "font": {
+      "family": {
+        "sans": {
+          "value": "Inter, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans Hebrew, Noto Sans Arabic, Helvetica Neue, Arial, sans-serif",
+          "type": "fontFamilies"
+        },
+        "mono": {
+          "value": "JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Consolas, Liberation Mono, monospace",
+          "type": "fontFamilies"
+        }
+      },
+      "weight": {
+        "regular": {
+          "value": 400,
+          "type": "fontWeights"
+        },
+        "medium": {
+          "value": 500,
+          "type": "fontWeights"
+        },
+        "semibold": {
+          "value": 600,
+          "type": "fontWeights"
+        }
+      },
+      "size": {
+        "12": {
+          "value": "12px",
+          "type": "fontSizes"
+        },
+        "13": {
+          "value": "13px",
+          "type": "fontSizes"
+        },
+        "14": {
+          "value": "14px",
+          "type": "fontSizes"
+        },
+        "16": {
+          "value": "16px",
+          "type": "fontSizes"
+        },
+        "20": {
+          "value": "20px",
+          "type": "fontSizes"
+        },
+        "24": {
+          "value": "24px",
+          "type": "fontSizes"
+        },
+        "30": {
+          "value": "30px",
+          "type": "fontSizes"
+        },
+        "48": {
+          "value": "48px",
+          "type": "fontSizes"
+        }
+      },
+      "lineHeight": {
+        "16": {
+          "value": "16px",
+          "type": "lineHeights"
+        },
+        "20": {
+          "value": "20px",
+          "type": "lineHeights"
+        },
+        "22": {
+          "value": "22px",
+          "type": "lineHeights"
+        },
+        "24": {
+          "value": "24px",
+          "type": "lineHeights"
+        },
+        "28": {
+          "value": "28px",
+          "type": "lineHeights"
+        },
+        "32": {
+          "value": "32px",
+          "type": "lineHeights"
+        },
+        "38": {
+          "value": "38px",
+          "type": "lineHeights"
+        },
+        "56": {
+          "value": "56px",
+          "type": "lineHeights"
+        }
+      }
+    },
+    "text": {
+      "display": {
+        "size": {
+          "value": "{font.size.48}",
+          "type": "fontSizes"
+        },
+        "lineHeight": {
+          "value": "{font.lineHeight.56}",
+          "type": "lineHeights"
+        },
+        "weight": {
+          "value": "{font.weight.semibold}",
+          "type": "fontWeights"
+        }
+      },
+      "h1": {
+        "size": {
+          "value": "{font.size.30}",
+          "type": "fontSizes"
+        },
+        "lineHeight": {
+          "value": "{font.lineHeight.38}",
+          "type": "lineHeights"
+        },
+        "weight": {
+          "value": "{font.weight.semibold}",
+          "type": "fontWeights"
+        }
+      },
+      "h2": {
+        "size": {
+          "value": "{font.size.24}",
+          "type": "fontSizes"
+        },
+        "lineHeight": {
+          "value": "{font.lineHeight.32}",
+          "type": "lineHeights"
+        },
+        "weight": {
+          "value": "{font.weight.semibold}",
+          "type": "fontWeights"
+        }
+      },
+      "h3": {
+        "size": {
+          "value": "{font.size.20}",
+          "type": "fontSizes"
+        },
+        "lineHeight": {
+          "value": "{font.lineHeight.28}",
+          "type": "lineHeights"
+        },
+        "weight": {
+          "value": "{font.weight.semibold}",
+          "type": "fontWeights"
+        }
+      },
+      "h4": {
+        "size": {
+          "value": "{font.size.16}",
+          "type": "fontSizes"
+        },
+        "lineHeight": {
+          "value": "{font.lineHeight.24}",
+          "type": "lineHeights"
+        },
+        "weight": {
+          "value": "{font.weight.semibold}",
+          "type": "fontWeights"
+        }
+      },
+      "body": {
+        "size": {
+          "value": "{font.size.14}",
+          "type": "fontSizes"
+        },
+        "lineHeight": {
+          "value": "{font.lineHeight.22}",
+          "type": "lineHeights"
+        },
+        "weight": {
+          "value": "{font.weight.regular}",
+          "type": "fontWeights"
+        }
+      },
+      "label": {
+        "size": {
+          "value": "{font.size.13}",
+          "type": "fontSizes"
+        },
+        "lineHeight": {
+          "value": "{font.lineHeight.20}",
+          "type": "lineHeights"
+        },
+        "weight": {
+          "value": "{font.weight.medium}",
+          "type": "fontWeights"
+        }
+      },
+      "caption": {
+        "size": {
+          "value": "{font.size.12}",
+          "type": "fontSizes"
+        },
+        "lineHeight": {
+          "value": "{font.lineHeight.16}",
+          "type": "lineHeights"
+        },
+        "weight": {
+          "value": "{font.weight.regular}",
+          "type": "fontWeights"
+        }
+      },
+      "code": {
+        "size": {
+          "value": "{font.size.13}",
+          "type": "fontSizes"
+        },
+        "lineHeight": {
+          "value": "{font.lineHeight.20}",
+          "type": "lineHeights"
+        },
+        "weight": {
+          "value": "{font.weight.regular}",
+          "type": "fontWeights"
+        }
+      }
+    },
+    "icon": {
+      "strokeWidth": {
+        "value": 1.5,
+        "type": "other"
+      }
+    },
+    "duration": {
+      "instant": {
+        "value": "90ms",
+        "type": "other"
+      },
+      "fast": {
+        "value": "150ms",
+        "type": "other"
+      },
+      "base": {
+        "value": "240ms",
+        "type": "other"
+      },
+      "slow": {
+        "value": "400ms",
+        "type": "other"
+      }
+    },
+    "easing": {
+      "standard": {
+        "value": "cubic-bezier(0.2, 0, 0, 1)",
+        "type": "other"
+      },
+      "enter": {
+        "value": "cubic-bezier(0, 0, 0, 1)",
+        "type": "other"
+      },
+      "exit": {
+        "value": "cubic-bezier(0.3, 0, 1, 1)",
+        "type": "other"
+      }
+    },
+    "z": {
+      "base": {
+        "value": 0,
+        "type": "other"
+      },
+      "sticky": {
+        "value": 10,
+        "type": "other"
+      },
+      "dropdown": {
+        "value": 100,
+        "type": "other"
+      },
+      "overlay": {
+        "value": 200,
+        "type": "other"
+      },
+      "modal": {
+        "value": 300,
+        "type": "other"
+      },
+      "toast": {
+        "value": 400,
+        "type": "other"
+      },
+      "tooltip": {
+        "value": 500,
+        "type": "other"
+      }
+    },
+    "breakpoint": {
+      "xs": {
+        "value": "480px",
+        "type": "sizing"
+      },
+      "sm": {
+        "value": "640px",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "768px",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "1024px",
+        "type": "sizing"
+      },
+      "xl": {
+        "value": "1280px",
+        "type": "sizing"
+      },
+      "2xl": {
+        "value": "1536px",
+        "type": "sizing"
+      }
+    },
+    "button": {
+      "height": {
+        "xs": {
+          "value": "{size.control.xs}",
+          "type": "sizing"
+        },
+        "sm": {
+          "value": "{size.control.sm}",
+          "type": "sizing"
+        },
+        "md": {
+          "value": "{size.control.md}",
+          "type": "sizing"
+        },
+        "lg": {
+          "value": "{size.control.lg}",
+          "type": "sizing"
+        },
+        "xl": {
+          "value": "{size.control.xl}",
+          "type": "sizing"
+        }
+      },
+      "paddingInline": {
+        "xs": {
+          "value": "{space.control.inline.xs}",
+          "type": "sizing"
+        },
+        "sm": {
+          "value": "{space.control.inline.sm}",
+          "type": "sizing"
+        },
+        "md": {
+          "value": "{space.control.inline.md}",
+          "type": "sizing"
+        },
+        "lg": {
+          "value": "{space.control.inline.lg}",
+          "type": "sizing"
+        },
+        "xl": {
+          "value": "{space.control.inline.xl}",
+          "type": "sizing"
+        }
+      },
+      "gap": {
+        "value": "{space.control.gap}",
+        "type": "sizing"
+      }
+    },
+    "badge": {
+      "height": {
+        "sm": {
+          "value": "{size.16}",
+          "type": "sizing"
+        },
+        "md": {
+          "value": "{size.20}",
+          "type": "sizing"
+        }
+      }
+    },
+    "grid": {
+      "row": {
+        "height": {
+          "value": "{size.control.lg}",
+          "type": "sizing"
+        }
+      }
+    }
+  },
+  "light": {
+    "color": {
+      "bg": {
+        "canvas": {
+          "value": "{color.neutral.12}",
+          "type": "color"
+        },
+        "surface": {
+          "value": "{color.white}",
+          "type": "color"
+        },
+        "raised": {
+          "value": "{color.white}",
+          "type": "color"
+        },
+        "overlay": {
+          "value": "{color.white}",
+          "type": "color"
+        },
+        "inverse": {
+          "value": "{color.neutral.2}",
+          "type": "color"
+        }
+      },
+      "border": {
+        "subtle": {
+          "value": "{color.neutral.11}",
+          "type": "color"
+        },
+        "default": {
+          "value": "{color.neutral.8}",
+          "type": "color"
+        },
+        "strong": {
+          "value": "{color.neutral.7}",
+          "type": "color"
+        },
+        "focus": {
+          "value": "{color.accent.6}",
+          "type": "color"
+        }
+      },
+      "text": {
+        "primary": {
+          "value": "{color.neutral.2}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{color.neutral.6}",
+          "type": "color"
+        },
+        "tertiary": {
+          "value": "{color.neutral.7}",
+          "type": "color"
+        },
+        "disabled": {
+          "value": "{color.neutral.9}",
+          "type": "color"
+        },
+        "inverse": {
+          "value": "{color.neutral.12}",
+          "type": "color"
+        },
+        "link": {
+          "value": "{color.accent.5}",
+          "type": "color"
+        }
+      },
+      "accent": {
+        "default": {
+          "value": "{color.accent.6}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.accent.5}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.accent.4}",
+          "type": "color"
+        },
+        "subtle": {
+          "value": "{color.accent.11}",
+          "type": "color"
+        },
+        "on-accent": {
+          "value": "{color.white}",
+          "type": "color"
+        }
+      },
+      "status": {
+        "success": {
+          "background": {
+            "value": "{color.success.11}",
+            "type": "color"
+          },
+          "foreground": {
+            "value": "{color.success.3}",
+            "type": "color"
+          },
+          "border": {
+            "value": "{color.success.8}",
+            "type": "color"
+          }
+        },
+        "warning": {
+          "background": {
+            "value": "{color.warning.11}",
+            "type": "color"
+          },
+          "foreground": {
+            "value": "{color.warning.3}",
+            "type": "color"
+          },
+          "border": {
+            "value": "{color.warning.8}",
+            "type": "color"
+          }
+        },
+        "danger": {
+          "background": {
+            "value": "{color.danger.11}",
+            "type": "color"
+          },
+          "foreground": {
+            "value": "{color.danger.3}",
+            "type": "color"
+          },
+          "border": {
+            "value": "{color.danger.8}",
+            "type": "color"
+          }
+        },
+        "info": {
+          "background": {
+            "value": "{color.info.11}",
+            "type": "color"
+          },
+          "foreground": {
+            "value": "{color.info.3}",
+            "type": "color"
+          },
+          "border": {
+            "value": "{color.info.8}",
+            "type": "color"
+          }
+        }
+      },
+      "chart": {
+        "axis": {
+          "value": "{color.neutral.6}",
+          "type": "color"
+        },
+        "grid": {
+          "value": "{color.neutral.11}",
+          "type": "color"
+        },
+        "muted": {
+          "value": "{color.neutral.8}",
+          "type": "color"
+        },
+        "reference": {
+          "value": "{color.neutral.7}",
+          "type": "color"
+        },
+        "categorical": {
+          "1": {
+            "value": "{color.categorical.light.1}",
+            "type": "color"
+          },
+          "2": {
+            "value": "{color.categorical.light.2}",
+            "type": "color"
+          },
+          "3": {
+            "value": "{color.categorical.light.3}",
+            "type": "color"
+          },
+          "4": {
+            "value": "{color.categorical.light.4}",
+            "type": "color"
+          },
+          "5": {
+            "value": "{color.categorical.light.5}",
+            "type": "color"
+          },
+          "6": {
+            "value": "{color.categorical.light.6}",
+            "type": "color"
+          },
+          "7": {
+            "value": "{color.categorical.light.7}",
+            "type": "color"
+          },
+          "8": {
+            "value": "{color.categorical.light.8}",
+            "type": "color"
+          }
+        },
+        "good": {
+          "value": "{color.success.6}",
+          "type": "color"
+        },
+        "warning": {
+          "value": "{color.warning.6}",
+          "type": "color"
+        },
+        "critical": {
+          "value": "{color.danger.6}",
+          "type": "color"
+        }
+      },
+      "selection": {
+        "value": "{color.accent.10}",
+        "type": "color"
+      },
+      "highlight": {
+        "value": "{color.warning.10}",
+        "type": "color"
+      },
+      "scrim": {
+        "value": "#07090e80",
+        "type": "color"
+      }
+    },
+    "shadow": {
+      "raised": {
+        "value": {
+          "x": "0px",
+          "y": "1px",
+          "blur": "3px",
+          "spread": "0px",
+          "color": "#0f12171a",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "overlay": {
+        "value": {
+          "x": "0px",
+          "y": "6px",
+          "blur": "16px",
+          "spread": "-2px",
+          "color": "#0f121724",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "modal": {
+        "value": {
+          "x": "0px",
+          "y": "16px",
+          "blur": "40px",
+          "spread": "-4px",
+          "color": "#0f12172e",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "toast": {
+        "value": {
+          "x": "0px",
+          "y": "8px",
+          "blur": "24px",
+          "spread": "-4px",
+          "color": "#0f121729",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      }
+    }
+  },
+  "dark": {
+    "color": {
+      "bg": {
+        "canvas": {
+          "value": "{color.neutral.1}",
+          "type": "color"
+        },
+        "surface": {
+          "value": "{color.neutral.2}",
+          "type": "color"
+        },
+        "raised": {
+          "value": "{color.neutral.3}",
+          "type": "color"
+        },
+        "overlay": {
+          "value": "{color.neutral.4}",
+          "type": "color"
+        },
+        "inverse": {
+          "value": "{color.neutral.12}",
+          "type": "color"
+        }
+      },
+      "border": {
+        "subtle": {
+          "value": "{color.neutral.4}",
+          "type": "color"
+        },
+        "default": {
+          "value": "{color.neutral.8}",
+          "type": "color"
+        },
+        "strong": {
+          "value": "{color.neutral.9}",
+          "type": "color"
+        },
+        "focus": {
+          "value": "{color.accent.9}",
+          "type": "color"
+        }
+      },
+      "text": {
+        "primary": {
+          "value": "{color.neutral.12}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{color.neutral.10}",
+          "type": "color"
+        },
+        "tertiary": {
+          "value": "{color.neutral.9}",
+          "type": "color"
+        },
+        "disabled": {
+          "value": "{color.neutral.6}",
+          "type": "color"
+        },
+        "inverse": {
+          "value": "{color.neutral.1}",
+          "type": "color"
+        },
+        "link": {
+          "value": "{color.accent.10}",
+          "type": "color"
+        }
+      },
+      "accent": {
+        "default": {
+          "value": "{color.accent.8}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.accent.7}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.accent.6}",
+          "type": "color"
+        },
+        "subtle": {
+          "value": "{color.accent.3}",
+          "type": "color"
+        },
+        "on-accent": {
+          "value": "{color.white}",
+          "type": "color"
+        }
+      },
+      "status": {
+        "success": {
+          "background": {
+            "value": "{color.success.2}",
+            "type": "color"
+          },
+          "foreground": {
+            "value": "{color.success.10}",
+            "type": "color"
+          },
+          "border": {
+            "value": "{color.success.6}",
+            "type": "color"
+          }
+        },
+        "warning": {
+          "background": {
+            "value": "{color.warning.2}",
+            "type": "color"
+          },
+          "foreground": {
+            "value": "{color.warning.10}",
+            "type": "color"
+          },
+          "border": {
+            "value": "{color.warning.6}",
+            "type": "color"
+          }
+        },
+        "danger": {
+          "background": {
+            "value": "{color.danger.2}",
+            "type": "color"
+          },
+          "foreground": {
+            "value": "{color.danger.10}",
+            "type": "color"
+          },
+          "border": {
+            "value": "{color.danger.6}",
+            "type": "color"
+          }
+        },
+        "info": {
+          "background": {
+            "value": "{color.info.2}",
+            "type": "color"
+          },
+          "foreground": {
+            "value": "{color.info.10}",
+            "type": "color"
+          },
+          "border": {
+            "value": "{color.info.6}",
+            "type": "color"
+          }
+        }
+      },
+      "chart": {
+        "axis": {
+          "value": "{color.neutral.10}",
+          "type": "color"
+        },
+        "grid": {
+          "value": "{color.neutral.4}",
+          "type": "color"
+        },
+        "muted": {
+          "value": "{color.neutral.8}",
+          "type": "color"
+        },
+        "reference": {
+          "value": "{color.neutral.9}",
+          "type": "color"
+        },
+        "categorical": {
+          "1": {
+            "value": "{color.categorical.dark.1}",
+            "type": "color"
+          },
+          "2": {
+            "value": "{color.categorical.dark.2}",
+            "type": "color"
+          },
+          "3": {
+            "value": "{color.categorical.dark.3}",
+            "type": "color"
+          },
+          "4": {
+            "value": "{color.categorical.dark.4}",
+            "type": "color"
+          },
+          "5": {
+            "value": "{color.categorical.dark.5}",
+            "type": "color"
+          },
+          "6": {
+            "value": "{color.categorical.dark.6}",
+            "type": "color"
+          },
+          "7": {
+            "value": "{color.categorical.dark.7}",
+            "type": "color"
+          },
+          "8": {
+            "value": "{color.categorical.dark.8}",
+            "type": "color"
+          }
+        },
+        "good": {
+          "value": "{color.success.8}",
+          "type": "color"
+        },
+        "warning": {
+          "value": "{color.warning.8}",
+          "type": "color"
+        },
+        "critical": {
+          "value": "{color.danger.8}",
+          "type": "color"
+        }
+      },
+      "selection": {
+        "value": "{color.accent.4}",
+        "type": "color"
+      },
+      "highlight": {
+        "value": "{color.warning.4}",
+        "type": "color"
+      },
+      "scrim": {
+        "value": "#000000b3",
+        "type": "color"
+      }
+    },
+    "shadow": {
+      "raised": {
+        "value": {
+          "x": "0px",
+          "y": "0px",
+          "blur": "0px",
+          "spread": "1px",
+          "color": "#ffffff14",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "overlay": {
+        "value": {
+          "x": "0px",
+          "y": "8px",
+          "blur": "24px",
+          "spread": "0px",
+          "color": "#00000080",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "modal": {
+        "value": {
+          "x": "0px",
+          "y": "16px",
+          "blur": "48px",
+          "spread": "0px",
+          "color": "#000000a6",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "toast": {
+        "value": {
+          "x": "0px",
+          "y": "8px",
+          "blur": "24px",
+          "spread": "0px",
+          "color": "#00000080",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      }
+    }
+  },
+  "hc": {
+    "color": {
+      "bg": {
+        "canvas": {
+          "value": "{color.black}",
+          "type": "color"
+        },
+        "surface": {
+          "value": "{color.black}",
+          "type": "color"
+        },
+        "raised": {
+          "value": "{color.neutral.1}",
+          "type": "color"
+        },
+        "overlay": {
+          "value": "{color.neutral.2}",
+          "type": "color"
+        },
+        "inverse": {
+          "value": "{color.white}",
+          "type": "color"
+        }
+      },
+      "border": {
+        "subtle": {
+          "value": "{color.neutral.8}",
+          "type": "color"
+        },
+        "default": {
+          "value": "{color.neutral.10}",
+          "type": "color"
+        },
+        "strong": {
+          "value": "{color.white}",
+          "type": "color"
+        },
+        "focus": {
+          "value": "{color.warning.10}",
+          "type": "color"
+        }
+      },
+      "text": {
+        "primary": {
+          "value": "{color.white}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{color.neutral.11}",
+          "type": "color"
+        },
+        "tertiary": {
+          "value": "{color.neutral.10}",
+          "type": "color"
+        },
+        "disabled": {
+          "value": "{color.neutral.8}",
+          "type": "color"
+        },
+        "inverse": {
+          "value": "{color.black}",
+          "type": "color"
+        },
+        "link": {
+          "value": "{color.accent.10}",
+          "type": "color"
+        }
+      },
+      "accent": {
+        "default": {
+          "value": "{color.accent.10}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.accent.11}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.accent.12}",
+          "type": "color"
+        },
+        "subtle": {
+          "value": "{color.accent.1}",
+          "type": "color"
+        },
+        "on-accent": {
+          "value": "{color.black}",
+          "type": "color"
+        }
+      },
+      "status": {
+        "success": {
+          "background": {
+            "value": "{color.black}",
+            "type": "color"
+          },
+          "foreground": {
+            "value": "{color.success.10}",
+            "type": "color"
+          },
+          "border": {
+            "value": "{color.success.10}",
+            "type": "color"
+          }
+        },
+        "warning": {
+          "background": {
+            "value": "{color.black}",
+            "type": "color"
+          },
+          "foreground": {
+            "value": "{color.warning.10}",
+            "type": "color"
+          },
+          "border": {
+            "value": "{color.warning.10}",
+            "type": "color"
+          }
+        },
+        "danger": {
+          "background": {
+            "value": "{color.black}",
+            "type": "color"
+          },
+          "foreground": {
+            "value": "{color.danger.10}",
+            "type": "color"
+          },
+          "border": {
+            "value": "{color.danger.10}",
+            "type": "color"
+          }
+        },
+        "info": {
+          "background": {
+            "value": "{color.black}",
+            "type": "color"
+          },
+          "foreground": {
+            "value": "{color.info.10}",
+            "type": "color"
+          },
+          "border": {
+            "value": "{color.info.10}",
+            "type": "color"
+          }
+        }
+      },
+      "chart": {
+        "axis": {
+          "value": "{color.neutral.11}",
+          "type": "color"
+        },
+        "grid": {
+          "value": "{color.neutral.6}",
+          "type": "color"
+        },
+        "muted": {
+          "value": "{color.neutral.9}",
+          "type": "color"
+        },
+        "reference": {
+          "value": "{color.neutral.10}",
+          "type": "color"
+        },
+        "categorical": {
+          "1": {
+            "value": "{color.categorical.dark.1}",
+            "type": "color"
+          },
+          "2": {
+            "value": "{color.categorical.dark.2}",
+            "type": "color"
+          },
+          "3": {
+            "value": "{color.categorical.dark.3}",
+            "type": "color"
+          },
+          "4": {
+            "value": "{color.categorical.dark.4}",
+            "type": "color"
+          },
+          "5": {
+            "value": "{color.categorical.dark.5}",
+            "type": "color"
+          },
+          "6": {
+            "value": "{color.categorical.dark.6}",
+            "type": "color"
+          },
+          "7": {
+            "value": "{color.categorical.dark.7}",
+            "type": "color"
+          },
+          "8": {
+            "value": "{color.categorical.dark.8}",
+            "type": "color"
+          }
+        },
+        "good": {
+          "value": "{color.success.10}",
+          "type": "color"
+        },
+        "warning": {
+          "value": "{color.warning.10}",
+          "type": "color"
+        },
+        "critical": {
+          "value": "{color.danger.10}",
+          "type": "color"
+        }
+      },
+      "selection": {
+        "value": "{color.accent.5}",
+        "type": "color"
+      },
+      "highlight": {
+        "value": "{color.warning.5}",
+        "type": "color"
+      },
+      "scrim": {
+        "value": "#000000e6",
+        "type": "color"
+      }
+    },
+    "shadow": {
+      "raised": {
+        "value": {
+          "x": "0px",
+          "y": "0px",
+          "blur": "0px",
+          "spread": "0px",
+          "color": "#00000000",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "overlay": {
+        "value": {
+          "x": "0px",
+          "y": "0px",
+          "blur": "0px",
+          "spread": "0px",
+          "color": "#00000000",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "modal": {
+        "value": {
+          "x": "0px",
+          "y": "0px",
+          "blur": "0px",
+          "spread": "0px",
+          "color": "#00000000",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "toast": {
+        "value": {
+          "x": "0px",
+          "y": "0px",
+          "blur": "0px",
+          "spread": "0px",
+          "color": "#00000000",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      }
+    }
+  },
+  "density-default": {
+    "size": {
+      "control": {
+        "xs": {
+          "value": "{size.24}",
+          "type": "sizing"
+        },
+        "sm": {
+          "value": "{size.28}",
+          "type": "sizing"
+        },
+        "md": {
+          "value": "{size.32}",
+          "type": "sizing"
+        },
+        "lg": {
+          "value": "{size.40}",
+          "type": "sizing"
+        },
+        "xl": {
+          "value": "{size.48}",
+          "type": "sizing"
+        }
+      }
+    },
+    "space": {
+      "control": {
+        "inline": {
+          "xs": {
+            "value": "{space.2}",
+            "type": "spacing"
+          },
+          "sm": {
+            "value": "{space.2}",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "{space.3}",
+            "type": "spacing"
+          },
+          "lg": {
+            "value": "{space.4}",
+            "type": "spacing"
+          },
+          "xl": {
+            "value": "{space.5}",
+            "type": "spacing"
+          }
+        },
+        "gap": {
+          "value": "{space.2}",
+          "type": "spacing"
+        }
+      }
+    }
+  },
+  "density-compact": {
+    "size": {
+      "control": {
+        "xs": {
+          "value": "{size.20}",
+          "type": "sizing"
+        },
+        "sm": {
+          "value": "{size.24}",
+          "type": "sizing"
+        },
+        "md": {
+          "value": "{size.28}",
+          "type": "sizing"
+        },
+        "lg": {
+          "value": "{size.32}",
+          "type": "sizing"
+        },
+        "xl": {
+          "value": "{size.40}",
+          "type": "sizing"
+        }
+      }
+    },
+    "space": {
+      "control": {
+        "inline": {
+          "xs": {
+            "value": "{space.1}",
+            "type": "spacing"
+          },
+          "sm": {
+            "value": "{space.1}",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "{space.2}",
+            "type": "spacing"
+          },
+          "lg": {
+            "value": "{space.3}",
+            "type": "spacing"
+          },
+          "xl": {
+            "value": "{space.4}",
+            "type": "spacing"
+          }
+        },
+        "gap": {
+          "value": "{space.1}",
+          "type": "spacing"
+        }
+      }
+    }
+  },
+  "density-comfortable": {
+    "size": {
+      "control": {
+        "xs": {
+          "value": "{size.28}",
+          "type": "sizing"
+        },
+        "sm": {
+          "value": "{size.32}",
+          "type": "sizing"
+        },
+        "md": {
+          "value": "{size.40}",
+          "type": "sizing"
+        },
+        "lg": {
+          "value": "{size.48}",
+          "type": "sizing"
+        },
+        "xl": {
+          "value": "{size.56}",
+          "type": "sizing"
+        }
+      }
+    },
+    "space": {
+      "control": {
+        "inline": {
+          "xs": {
+            "value": "{space.3}",
+            "type": "spacing"
+          },
+          "sm": {
+            "value": "{space.3}",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "{space.4}",
+            "type": "spacing"
+          },
+          "lg": {
+            "value": "{space.5}",
+            "type": "spacing"
+          },
+          "xl": {
+            "value": "{space.6}",
+            "type": "spacing"
+          }
+        },
+        "gap": {
+          "value": "{space.3}",
+          "type": "spacing"
+        }
+      }
+    }
+  },
+  "$themes": [
+    {
+      "id": "light",
+      "name": "light",
+      "selectedTokenSets": {
+        "global": "source",
+        "density-default": "enabled",
+        "light": "enabled"
+      }
+    },
+    {
+      "id": "dark",
+      "name": "dark",
+      "selectedTokenSets": {
+        "global": "source",
+        "density-default": "enabled",
+        "dark": "enabled"
+      }
+    },
+    {
+      "id": "hc",
+      "name": "hc",
+      "selectedTokenSets": {
+        "global": "source",
+        "density-default": "enabled",
+        "hc": "enabled"
+      }
+    }
+  ],
+  "$metadata": {
+    "tokenSetOrder": [
+      "global",
+      "light",
+      "dark",
+      "hc",
+      "density-default",
+      "density-compact",
+      "density-comfortable"
+    ]
+  }
+}