@kwtv/tokens 0.1.0

package/tokens/tokens.json

@@ -0,0 +1,811 @@
+{
+  "$schema": "https://design-tokens.org/schema.json",
+  "_note": "Generated by scripts/build-tokens.py. Do not edit by hand.",
+  "color": {
+    "sage": {
+      "xlight": {
+        "$value": "#DCF1E8",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      },
+      "light": {
+        "$value": "#B1C9BF",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      },
+      "base": {
+        "$value": "#7D938A",
+        "$type": "color",
+        "oklch": "",
+        "anchor": true,
+        "roleOnly": false
+      },
+      "text": {
+        "$value": "#496158",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      },
+      "dark": {
+        "$value": "#364A42",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      },
+      "xdark": {
+        "$value": "#162620",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      }
+    },
+    "ivory": {
+      "xlight": {
+        "$value": "#FAF7F0",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      },
+      "light": {
+        "$value": "#F1EBDC",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      },
+      "base": {
+        "$value": "#E9E2D2",
+        "$type": "color",
+        "oklch": "",
+        "anchor": true,
+        "roleOnly": false
+      },
+      "dark": {
+        "$value": "#C9C2B1",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      }
+    },
+    "charcoal": {
+      "light": {
+        "$value": "#5A6164",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      },
+      "base": {
+        "$value": "#2F3437",
+        "$type": "color",
+        "oklch": "",
+        "anchor": true,
+        "roleOnly": false
+      },
+      "dark": {
+        "$value": "#252A2C",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      },
+      "xdark": {
+        "$value": "#171B1D",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      }
+    },
+    "burgundy": {
+      "xlight": {
+        "$value": "#F6E2E4",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      },
+      "light": {
+        "$value": "#D9A3A9",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      },
+      "rose": {
+        "$value": "#E97A8C",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": true
+      },
+      "base": {
+        "$value": "#7A2338",
+        "$type": "color",
+        "oklch": "",
+        "anchor": true,
+        "roleOnly": false
+      },
+      "text": {
+        "$value": "#5C1A29",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      },
+      "dark": {
+        "$value": "#47131F",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      },
+      "xdark": {
+        "$value": "#2E0F18",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      }
+    },
+    "amber": {
+      "xlight": {
+        "$value": "#FBEBD2",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      },
+      "light": {
+        "$value": "#E8B978",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      },
+      "base": {
+        "$value": "#8A5A16",
+        "$type": "color",
+        "oklch": "",
+        "anchor": true,
+        "roleOnly": false
+      },
+      "dark": {
+        "$value": "#5E3D0F",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      }
+    },
+    "white": {
+      "base": {
+        "$value": "#FFFFFF",
+        "$type": "color",
+        "oklch": "",
+        "anchor": false,
+        "roleOnly": false
+      }
+    }
+  },
+  "semantic": {
+    "light": {
+      "bg": {
+        "$value": "#FAF7F0",
+        "$type": "color"
+      },
+      "surface": {
+        "$value": "#FAF7F0",
+        "$type": "color"
+      },
+      "surface-hover": {
+        "$value": "#F1EBDC",
+        "$type": "color"
+      },
+      "surface-accent": {
+        "$value": "#B1C9BF",
+        "$type": "color"
+      },
+      "surface-accent-fg": {
+        "$value": "#162620",
+        "$type": "color"
+      },
+      "surface-accent-muted": {
+        "$value": "#364A42",
+        "$type": "color"
+      },
+      "border": {
+        "$value": "#C9C2B1",
+        "$type": "color"
+      },
+      "border-strong": {
+        "$value": "#496158",
+        "$type": "color"
+      },
+      "focus": {
+        "$value": "#5A6164",
+        "$type": "color"
+      },
+      "focus-outer": {
+        "$value": "#F1EBDC",
+        "$type": "color"
+      },
+      "text": {
+        "$value": "#171B1D",
+        "$type": "color"
+      },
+      "text-muted": {
+        "$value": "#5A6164",
+        "$type": "color"
+      },
+      "text-inverse": {
+        "$value": "#F1EBDC",
+        "$type": "color"
+      },
+      "link": {
+        "$value": "#364A42",
+        "$type": "color"
+      },
+      "link-hover": {
+        "$value": "#162620",
+        "$type": "color"
+      },
+      "primary": {
+        "$value": "#364A42",
+        "$type": "color"
+      },
+      "primary-hover": {
+        "$value": "#162620",
+        "$type": "color"
+      },
+      "primary-fg": {
+        "$value": "#FFFFFF",
+        "$type": "color"
+      },
+      "accent": {
+        "$value": "#7A2338",
+        "$type": "color"
+      },
+      "accent-hover": {
+        "$value": "#5C1A29",
+        "$type": "color"
+      },
+      "accent-fg": {
+        "$value": "#FFFFFF",
+        "$type": "color"
+      },
+      "success": {
+        "$value": "#364A42",
+        "$type": "color"
+      },
+      "success-bg": {
+        "$value": "#DCF1E8",
+        "$type": "color"
+      },
+      "warning": {
+        "$value": "#8A5A16",
+        "$type": "color"
+      },
+      "warning-bg": {
+        "$value": "#FBEBD2",
+        "$type": "color"
+      },
+      "danger": {
+        "$value": "#7A2338",
+        "$type": "color"
+      },
+      "danger-bg": {
+        "$value": "#F6E2E4",
+        "$type": "color"
+      }
+    },
+    "dark": {
+      "bg": {
+        "$value": "#171B1D",
+        "$type": "color"
+      },
+      "surface": {
+        "$value": "#162620",
+        "$type": "color"
+      },
+      "surface-hover": {
+        "$value": "#364A42",
+        "$type": "color"
+      },
+      "surface-accent": {
+        "$value": "#496158",
+        "$type": "color"
+      },
+      "surface-accent-fg": {
+        "$value": "#F1EBDC",
+        "$type": "color"
+      },
+      "surface-accent-muted": {
+        "$value": "#E9E2D2",
+        "$type": "color"
+      },
+      "border": {
+        "$value": "#364A42",
+        "$type": "color"
+      },
+      "border-strong": {
+        "$value": "#7D938A",
+        "$type": "color"
+      },
+      "focus": {
+        "$value": "#F1EBDC",
+        "$type": "color"
+      },
+      "focus-outer": {
+        "$value": "#171B1D",
+        "$type": "color"
+      },
+      "text": {
+        "$value": "#F1EBDC",
+        "$type": "color"
+      },
+      "text-muted": {
+        "$value": "#B1C9BF",
+        "$type": "color"
+      },
+      "text-inverse": {
+        "$value": "#171B1D",
+        "$type": "color"
+      },
+      "link": {
+        "$value": "#B1C9BF",
+        "$type": "color"
+      },
+      "link-hover": {
+        "$value": "#DCF1E8",
+        "$type": "color"
+      },
+      "primary": {
+        "$value": "#B1C9BF",
+        "$type": "color"
+      },
+      "primary-hover": {
+        "$value": "#DCF1E8",
+        "$type": "color"
+      },
+      "primary-fg": {
+        "$value": "#171B1D",
+        "$type": "color"
+      },
+      "accent": {
+        "$value": "#D9A3A9",
+        "$type": "color"
+      },
+      "accent-hover": {
+        "$value": "#F6E2E4",
+        "$type": "color"
+      },
+      "accent-fg": {
+        "$value": "#171B1D",
+        "$type": "color"
+      },
+      "success": {
+        "$value": "#B1C9BF",
+        "$type": "color"
+      },
+      "success-bg": {
+        "$value": "#364A42",
+        "$type": "color"
+      },
+      "warning": {
+        "$value": "#E8B978",
+        "$type": "color"
+      },
+      "warning-bg": {
+        "$value": "#5E3D0F",
+        "$type": "color"
+      },
+      "danger": {
+        "$value": "#E97A8C",
+        "$type": "color"
+      },
+      "danger-bg": {
+        "$value": "#5C1A29",
+        "$type": "color"
+      }
+    }
+  },
+  "font": {
+    "family": {
+      "sans": {
+        "$value": "\"Hanken Grotesk\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
+        "$type": "fontFamily"
+      },
+      "serif": {
+        "$value": "\"Source Serif 4 Variable\", \"Source Serif 4\", ui-serif, Georgia, serif",
+        "$type": "fontFamily"
+      },
+      "mono": {
+        "$value": "\"JetBrains Mono Variable\", \"JetBrains Mono\", ui-monospace, \"SF Mono\", Menlo, monospace",
+        "$type": "fontFamily"
+      }
+    },
+    "weight": {
+      "regular": {
+        "$value": "400",
+        "$type": "fontWeight"
+      },
+      "medium": {
+        "$value": "500",
+        "$type": "fontWeight"
+      },
+      "semibold": {
+        "$value": "600",
+        "$type": "fontWeight"
+      },
+      "bold": {
+        "$value": "700",
+        "$type": "fontWeight"
+      }
+    }
+  },
+  "fontSize": {
+    "3xs": {
+      "$value": "0.625rem",
+      "$type": "dimension",
+      "lineHeight": "1rem"
+    },
+    "2xs": {
+      "$value": "0.6875rem",
+      "$type": "dimension",
+      "lineHeight": "1rem"
+    },
+    "xs": {
+      "$value": "0.75rem",
+      "$type": "dimension",
+      "lineHeight": "1.125rem"
+    },
+    "sm": {
+      "$value": "0.875rem",
+      "$type": "dimension",
+      "lineHeight": "1.375rem"
+    },
+    "base": {
+      "$value": "1rem",
+      "$type": "dimension",
+      "lineHeight": "1.625rem"
+    },
+    "lg": {
+      "$value": "1.125rem",
+      "$type": "dimension",
+      "lineHeight": "1.75rem"
+    },
+    "xl": {
+      "$value": "1.25rem",
+      "$type": "dimension",
+      "lineHeight": "1.875rem"
+    },
+    "2xl": {
+      "$value": "1.5rem",
+      "$type": "dimension",
+      "lineHeight": "2rem"
+    },
+    "3xl": {
+      "$value": "1.875rem",
+      "$type": "dimension",
+      "lineHeight": "2.25rem"
+    },
+    "4xl": {
+      "$value": "2.25rem",
+      "$type": "dimension",
+      "lineHeight": "2.5rem"
+    },
+    "5xl": {
+      "$value": "3rem",
+      "$type": "dimension",
+      "lineHeight": "1.08"
+    },
+    "6xl": {
+      "$value": "3.75rem",
+      "$type": "dimension",
+      "lineHeight": "1.05"
+    },
+    "7xl": {
+      "$value": "4.5rem",
+      "$type": "dimension",
+      "lineHeight": "1.02"
+    }
+  },
+  "tracking": {
+    "tighter": {
+      "$value": "-0.03em",
+      "$type": "dimension"
+    },
+    "tight": {
+      "$value": "-0.015em",
+      "$type": "dimension"
+    },
+    "normal": {
+      "$value": "0",
+      "$type": "dimension"
+    },
+    "wide": {
+      "$value": "0.02em",
+      "$type": "dimension"
+    },
+    "wider": {
+      "$value": "0.06em",
+      "$type": "dimension"
+    },
+    "widest": {
+      "$value": "0.14em",
+      "$type": "dimension"
+    }
+  },
+  "space": {
+    "0": {
+      "$value": "0",
+      "$type": "dimension"
+    },
+    "px": {
+      "$value": "1px",
+      "$type": "dimension"
+    },
+    "0.5": {
+      "$value": "0.125rem",
+      "$type": "dimension"
+    },
+    "1": {
+      "$value": "0.25rem",
+      "$type": "dimension"
+    },
+    "1.5": {
+      "$value": "0.375rem",
+      "$type": "dimension"
+    },
+    "2": {
+      "$value": "0.5rem",
+      "$type": "dimension"
+    },
+    "2.5": {
+      "$value": "0.625rem",
+      "$type": "dimension"
+    },
+    "3": {
+      "$value": "0.75rem",
+      "$type": "dimension"
+    },
+    "4": {
+      "$value": "1rem",
+      "$type": "dimension"
+    },
+    "4.5": {
+      "$value": "1.125rem",
+      "$type": "dimension"
+    },
+    "5": {
+      "$value": "1.25rem",
+      "$type": "dimension"
+    },
+    "6": {
+      "$value": "1.5rem",
+      "$type": "dimension"
+    },
+    "7": {
+      "$value": "1.75rem",
+      "$type": "dimension"
+    },
+    "8": {
+      "$value": "2rem",
+      "$type": "dimension"
+    },
+    "10": {
+      "$value": "2.5rem",
+      "$type": "dimension"
+    },
+    "12": {
+      "$value": "3rem",
+      "$type": "dimension"
+    },
+    "16": {
+      "$value": "4rem",
+      "$type": "dimension"
+    },
+    "20": {
+      "$value": "5rem",
+      "$type": "dimension"
+    },
+    "24": {
+      "$value": "6rem",
+      "$type": "dimension"
+    },
+    "32": {
+      "$value": "8rem",
+      "$type": "dimension"
+    },
+    "40": {
+      "$value": "10rem",
+      "$type": "dimension"
+    },
+    "48": {
+      "$value": "12rem",
+      "$type": "dimension"
+    }
+  },
+  "radius": {
+    "none": {
+      "$value": "0",
+      "$type": "dimension"
+    },
+    "sm": {
+      "$value": "0.1875rem",
+      "$type": "dimension"
+    },
+    "md": {
+      "$value": "0.375rem",
+      "$type": "dimension"
+    },
+    "lg": {
+      "$value": "0.625rem",
+      "$type": "dimension"
+    },
+    "xl": {
+      "$value": "1rem",
+      "$type": "dimension"
+    },
+    "2xl": {
+      "$value": "1.5rem",
+      "$type": "dimension"
+    },
+    "full": {
+      "$value": "9999px",
+      "$type": "dimension"
+    }
+  },
+  "shadow": {
+    "light": {
+      "xs": {
+        "$value": "0 1px 2px rgba(44,52,47,.05)",
+        "$type": "shadow"
+      },
+      "sm": {
+        "$value": "0 1px 2px rgba(44,52,47,.06), 0 1px 3px rgba(44,52,47,.08)",
+        "$type": "shadow"
+      },
+      "md": {
+        "$value": "0 2px 4px rgba(44,52,47,.06), 0 4px 12px rgba(44,52,47,.08)",
+        "$type": "shadow"
+      },
+      "lg": {
+        "$value": "0 4px 8px rgba(44,52,47,.06), 0 12px 28px rgba(44,52,47,.10)",
+        "$type": "shadow"
+      },
+      "xl": {
+        "$value": "0 8px 16px rgba(44,52,47,.08), 0 24px 48px rgba(44,52,47,.12)",
+        "$type": "shadow"
+      }
+    },
+    "dark": {
+      "xs": {
+        "$value": "0 1px 2px rgba(0,0,0,.30)",
+        "$type": "shadow"
+      },
+      "sm": {
+        "$value": "0 1px 2px rgba(0,0,0,.36), 0 1px 3px rgba(0,0,0,.40)",
+        "$type": "shadow"
+      },
+      "md": {
+        "$value": "0 2px 4px rgba(0,0,0,.36), 0 4px 12px rgba(0,0,0,.44)",
+        "$type": "shadow"
+      },
+      "lg": {
+        "$value": "0 4px 8px rgba(0,0,0,.40), 0 12px 28px rgba(0,0,0,.50)",
+        "$type": "shadow"
+      },
+      "xl": {
+        "$value": "0 8px 16px rgba(0,0,0,.44), 0 24px 48px rgba(0,0,0,.56)",
+        "$type": "shadow"
+      }
+    }
+  },
+  "duration": {
+    "instant": {
+      "$value": "0ms",
+      "$type": "duration"
+    },
+    "fast": {
+      "$value": "120ms",
+      "$type": "duration"
+    },
+    "base": {
+      "$value": "200ms",
+      "$type": "duration"
+    },
+    "slow": {
+      "$value": "320ms",
+      "$type": "duration"
+    },
+    "slower": {
+      "$value": "480ms",
+      "$type": "duration"
+    }
+  },
+  "easing": {
+    "standard": {
+      "$value": "cubic-bezier(.2,0,0,1)",
+      "$type": "cubicBezier"
+    },
+    "enter": {
+      "$value": "cubic-bezier(0,0,0,1)",
+      "$type": "cubicBezier"
+    },
+    "exit": {
+      "$value": "cubic-bezier(.3,0,1,1)",
+      "$type": "cubicBezier"
+    },
+    "spring": {
+      "$value": "cubic-bezier(.2,1.3,.4,1)",
+      "$type": "cubicBezier"
+    }
+  },
+  "breakpoint": {
+    "sm": {
+      "$value": "640px",
+      "$type": "dimension"
+    },
+    "md": {
+      "$value": "768px",
+      "$type": "dimension"
+    },
+    "lg": {
+      "$value": "1024px",
+      "$type": "dimension"
+    },
+    "xl": {
+      "$value": "1280px",
+      "$type": "dimension"
+    },
+    "2xl": {
+      "$value": "1536px",
+      "$type": "dimension"
+    }
+  },
+  "zIndex": {
+    "base": {
+      "$value": "0",
+      "$type": "number"
+    },
+    "dropdown": {
+      "$value": "1000",
+      "$type": "number"
+    },
+    "sticky": {
+      "$value": "1100",
+      "$type": "number"
+    },
+    "overlay": {
+      "$value": "1200",
+      "$type": "number"
+    },
+    "modal": {
+      "$value": "1300",
+      "$type": "number"
+    },
+    "popover": {
+      "$value": "1400",
+      "$type": "number"
+    },
+    "toast": {
+      "$value": "1500",
+      "$type": "number"
+    },
+    "tooltip": {
+      "$value": "1600",
+      "$type": "number"
+    }
+  }
+}