@gntik-ai/tokens 0.0.0-stage → 0.3.0

package/dist/tokens.d.ts

@@ -0,0 +1,11 @@
+// Generated by @gntik-ai/tokens/scripts/export-tokens.mjs. Do not edit.
+export declare const themes: readonly [ "dark", "light", "high_contrast" ];
+export type Theme = (typeof themes)[number];
+export declare const colorTokens: readonly ["primary", "primary-foreground", "brand-secondary", "brand-accent", "ring", "background", "foreground", "card", "card-foreground", "popover", "popover-foreground", "muted", "muted-foreground", "secondary", "secondary-foreground", "accent", "accent-foreground", "border", "input", "chrome", "destructive", "destructive-foreground", "success", "warning", "info", "category-rose", "category-violet", "category-amber", "category-cyan", "primary-text", "success-text", "warning-text", "destructive-text", "focus-ring", "primary-chip-text", "success-chip-text", "warning-chip-text", "destructive-chip-text"];
+export type ColorToken = (typeof colorTokens)[number];
+export declare const colors: Record<Theme, Record<ColorToken, string>>;
+export declare const cssVar: (token: ColorToken) => string;
+export declare const radius: Readonly<Record<"base" | "sm" | "md" | "lg" | "xl", number>>;
+export declare const fonts: Readonly<Record<"sans" | "mono", string>>;
+export declare const shadows: Readonly<Record<Theme, Readonly<Record<"sm" | "md" | "lg", string>>>>;
+export declare const motion: Readonly<Record<"duration-fast" | "duration-normal" | "duration-slow" | "ease-standard" | "ease-emphasized" | "ease-exit", string>>;

package/dist/tokens.js

@@ -0,0 +1,210 @@
+// Generated by @gntik-ai/tokens/scripts/export-tokens.mjs from brand.css. Do not edit.
+export const themes = [
+  "dark",
+  "light",
+  "high_contrast"
+];
+export const colorTokens = [
+  "primary",
+  "primary-foreground",
+  "brand-secondary",
+  "brand-accent",
+  "ring",
+  "background",
+  "foreground",
+  "card",
+  "card-foreground",
+  "popover",
+  "popover-foreground",
+  "muted",
+  "muted-foreground",
+  "secondary",
+  "secondary-foreground",
+  "accent",
+  "accent-foreground",
+  "border",
+  "input",
+  "chrome",
+  "destructive",
+  "destructive-foreground",
+  "success",
+  "warning",
+  "info",
+  "category-rose",
+  "category-violet",
+  "category-amber",
+  "category-cyan",
+  "primary-text",
+  "success-text",
+  "warning-text",
+  "destructive-text",
+  "focus-ring",
+  "primary-chip-text",
+  "success-chip-text",
+  "warning-chip-text",
+  "destructive-chip-text"
+];
+/** sRGB hex per theme (aliases resolved). Prefer CSS classes; use these for canvas/SVG/design tools. */
+export const colors = {
+  "dark": {
+    "primary": "#32cd73",
+    "primary-foreground": "#0a1a12",
+    "brand-secondary": "#2a7952",
+    "brand-accent": "#67e09f",
+    "ring": "#32cd73",
+    "background": "#0d1914",
+    "foreground": "#eef2ef",
+    "card": "#13201a",
+    "card-foreground": "#eef2ef",
+    "popover": "#111d17",
+    "popover-foreground": "#eef2ef",
+    "muted": "#26362e",
+    "muted-foreground": "#a5b6ac",
+    "secondary": "#213029",
+    "secondary-foreground": "#eef2ef",
+    "accent": "#1e3329",
+    "accent-foreground": "#90dfb1",
+    "border": "#2b3b33",
+    "input": "#2b3b33",
+    "chrome": "#08120d",
+    "destructive": "#dd2c2c",
+    "destructive-foreground": "#ffffff",
+    "success": "#32cd73",
+    "warning": "#faaf2e",
+    "info": "#58bcee",
+    "category-rose": "#eb476b",
+    "category-violet": "#9e74e7",
+    "category-amber": "#fab338",
+    "category-cyan": "#33cceb",
+    "primary-text": "#32cd73",
+    "success-text": "#32cd73",
+    "warning-text": "#faaf2e",
+    "destructive-text": "#eb476b",
+    "focus-ring": "#32cd73",
+    "primary-chip-text": "#32cd73",
+    "success-chip-text": "#32cd73",
+    "warning-chip-text": "#faaf2e",
+    "destructive-chip-text": "#eef2ef"
+  },
+  "light": {
+    "primary": "#32cd73",
+    "primary-foreground": "#0b1e14",
+    "brand-secondary": "#206545",
+    "brand-accent": "#279b59",
+    "ring": "#32cd73",
+    "background": "#f6f8f2",
+    "foreground": "#13251d",
+    "card": "#ffffff",
+    "card-foreground": "#13251d",
+    "popover": "#ffffff",
+    "popover-foreground": "#13251d",
+    "muted": "#eff1ea",
+    "muted-foreground": "#5e6e66",
+    "secondary": "#edefe7",
+    "secondary-foreground": "#1d352a",
+    "accent": "#e1f4e9",
+    "accent-foreground": "#19573b",
+    "border": "#dbe0d6",
+    "input": "#dbe0d6",
+    "chrome": "#f8f9f6",
+    "destructive": "#d32222",
+    "destructive-foreground": "#ffffff",
+    "success": "#32cd73",
+    "warning": "#f59f0a",
+    "info": "#1673b6",
+    "category-rose": "#e21d48",
+    "category-violet": "#7945d3",
+    "category-amber": "#f59f0a",
+    "category-cyan": "#15a4c1",
+    "primary-text": "#19573b",
+    "success-text": "#19573b",
+    "warning-text": "#13251d",
+    "destructive-text": "#d32222",
+    "focus-ring": "#206545",
+    "primary-chip-text": "#19573b",
+    "success-chip-text": "#19573b",
+    "warning-chip-text": "#13251d",
+    "destructive-chip-text": "#13251d"
+  },
+  "high_contrast": {
+    "primary": "#ffee00",
+    "primary-foreground": "#000000",
+    "brand-secondary": "#00ddff",
+    "brand-accent": "#00f541",
+    "ring": "#ffee00",
+    "background": "#000000",
+    "foreground": "#ffffff",
+    "card": "#0a0a0a",
+    "card-foreground": "#ffffff",
+    "popover": "#0f0f0f",
+    "popover-foreground": "#ffffff",
+    "muted": "#1f1f1f",
+    "muted-foreground": "#e0e0e0",
+    "secondary": "#1f1f1f",
+    "secondary-foreground": "#ffffff",
+    "accent": "#00ddff",
+    "accent-foreground": "#000000",
+    "border": "#b8b8b8",
+    "input": "#b8b8b8",
+    "chrome": "#000000",
+    "destructive": "#ff3d3d",
+    "destructive-foreground": "#000000",
+    "success": "#00f541",
+    "warning": "#ffbb00",
+    "info": "#00ddff",
+    "category-rose": "#ff3d3d",
+    "category-violet": "#cc66ff",
+    "category-amber": "#ffbb00",
+    "category-cyan": "#00ddff",
+    "primary-text": "#ffee00",
+    "success-text": "#00f541",
+    "warning-text": "#ffbb00",
+    "destructive-text": "#ff3d3d",
+    "focus-ring": "#ffee00",
+    "primary-chip-text": "#ffee00",
+    "success-chip-text": "#00f541",
+    "warning-chip-text": "#ffbb00",
+    "destructive-chip-text": "#ffffff"
+  }
+};
+/** CSS custom property for a token: cssVar('primary') → "--primary". */
+export const cssVar = (token) => `--${token}`;
+/** Radii in px (16px root). */
+export const radius = {
+  "base": 10,
+  "sm": 6,
+  "md": 8,
+  "lg": 10,
+  "xl": 16
+};
+export const fonts = {
+  "sans": "\"Geist\",\"Helvetica Neue\",Arial,sans-serif",
+  "mono": "\"Geist Mono\",ui-monospace,\"SFMono-Regular\",Menlo,monospace"
+};
+/** CSS box-shadow value per theme. */
+export const shadows = {
+  "dark": {
+    "sm": "0 1px 2px -1px hsl(152 60% 2% / .55),0 1px 1px hsl(152 60% 2% / .35)",
+    "md": "0 4px 14px -2px hsl(152 70% 1% / .6),0 14px 36px -14px hsl(152 70% 1% / .55)",
+    "lg": "0 2px 4px -2px hsl(152 70% 1% / .6),0 16px 40px -16px hsl(152 70% 1% / .55)"
+  },
+  "light": {
+    "sm": "0 1px 2px -1px hsl(152 40% 4% / .16),0 1px 1px hsl(152 40% 4% / .08)",
+    "md": "0 4px 12px -2px hsl(152 40% 4% / .12),0 12px 32px -12px hsl(152 40% 4% / .18)",
+    "lg": "0 2px 4px -2px hsl(152 40% 4% / .2),0 16px 40px -16px hsl(152 40% 4% / .2)"
+  },
+  "high_contrast": {
+    "sm": "0 0 0 1px hsl(0 0% 72%)",
+    "md": "0 0 0 1px hsl(0 0% 72%)",
+    "lg": "0 0 0 2px hsl(0 0% 80%)"
+  }
+};
+/** Motion tokens (durations collapse to 0ms under prefers-reduced-motion in CSS). */
+export const motion = {
+  "duration-fast": "120ms",
+  "duration-normal": "200ms",
+  "duration-slow": "320ms",
+  "ease-standard": "cubic-bezier(0.2, 0, 0, 1)",
+  "ease-emphasized": "cubic-bezier(0.05, 0.7, 0.1, 1)",
+  "ease-exit": "cubic-bezier(0.3, 0, 1, 1)"
+};