@x12i/tokens 1.0.0 → 1.1.0

package/dist/chunk-W3FHW2SE.js

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