@kiefer-tek/sophea-design-system 0.15.0

package/dist/tokens/index.d.ts

@@ -0,0 +1,79 @@
+import { default as tokensJson } from './tokens.json';
+export { tokensJson as tokens };
+export declare const cssVar: (name: string) => string;
+export declare const colors: {
+    readonly brand: {
+        readonly primary04: string;
+        readonly primary05: string;
+        readonly primary06: string;
+    };
+    readonly text: {
+        readonly t01: string;
+        readonly t02: string;
+        readonly t03: string;
+        readonly t04: string;
+        readonly t05: string;
+        readonly inverted05: string;
+        readonly inverted04: string;
+        readonly inverted03: string;
+    };
+    readonly surface: {
+        readonly s1: string;
+        readonly s2: string;
+        readonly s3: string;
+        readonly s4: string;
+    };
+    readonly border: {
+        readonly b01: string;
+        readonly b02: string;
+        readonly b03: string;
+        readonly b04: string;
+        readonly b05: string;
+    };
+};
+export declare const elevation: {
+    readonly e0: {
+        readonly bg: string;
+        readonly shadow: string;
+    };
+    readonly e1: {
+        readonly bg: string;
+        readonly shadow: string;
+    };
+    readonly e2: {
+        readonly bg: string;
+        readonly shadow: string;
+    };
+    readonly e3: {
+        readonly bg: string;
+        readonly shadow: string;
+    };
+    readonly e4: {
+        readonly bg: string;
+        readonly shadow: string;
+    };
+};
+export declare const motion: {
+    readonly durationFast: string;
+    readonly durationBase: string;
+    readonly durationSlow: string;
+    readonly durationDeliberate: string;
+    readonly easeOut: string;
+    readonly easeInOut: string;
+    readonly spring: string;
+};
+export declare const radii: {
+    readonly sm: "8px";
+    readonly md: "12px";
+    readonly lg: "16px";
+    readonly xl: "24px";
+    readonly full: "999px";
+};
+export declare const density: {
+    readonly row: string;
+    readonly tap: string;
+    readonly xPad: string;
+    readonly yPad: string;
+    readonly gap: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,eAAe,CAAuB;AAE7D,OAAO,EAAE,UAAU,IAAI,MAAM,EAAE,CAAC;AAEhC,eAAO,MAAM,MAAM,GAAI,MAAM,MAAM,KAAG,MAA0B,CAAC;AAEjE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BT,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAMZ,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;;;CAQT,CAAC;AAEX,eAAO,MAAM,KAAK;;;;;;CAMR,CAAC;AAEX,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC"}

package/dist/tokens/index.js

@@ -0,0 +1,465 @@
+const $schema = "https://design-tokens.github.io/community-group/format/";
+const $description = "Sophea Design System — tokens (light values). See colors_and_type.css for full primitive + dark + semantic + accessibility-mode definitions.";
+const $version = "1.0.0";
+const color = {
+  brand: {
+    "primary-04": {
+      $value: "#5891D0",
+      $type: "color",
+      $description: "Hover"
+    },
+    "primary-05": {
+      $value: "#2E6DAD",
+      $type: "color",
+      $description: "Idle — the Sophea brand"
+    },
+    "primary-06": {
+      $value: "#1F4F7B",
+      $type: "color",
+      $description: "Pressed"
+    },
+    "ink-100": {
+      $value: "#143656",
+      $type: "color"
+    },
+    "ink-95": {
+      $value: "#1F4F7B",
+      $type: "color"
+    },
+    "ink-90": {
+      $value: "#2E6DAD",
+      $type: "color"
+    }
+  },
+  fg: {
+    "text-05": {
+      $value: "#0f172a",
+      $type: "color",
+      $description: "Strong"
+    },
+    "text-04": {
+      $value: "#475569",
+      $type: "color",
+      $description: "Body (default)"
+    },
+    "text-03": {
+      $value: "#5f6d82",
+      $type: "color",
+      $description: "Tertiary"
+    },
+    "text-02": {
+      $value: "#94a3b8",
+      $type: "color",
+      $description: "Muted — large text only"
+    },
+    "text-01": {
+      $value: "#cbd5e1",
+      $type: "color",
+      $description: "Disabled / decorative"
+    },
+    "inverted-05": {
+      $value: "#ffffff",
+      $type: "color"
+    }
+  },
+  surface: {
+    s1: {
+      $value: "#eef3fa",
+      $type: "color",
+      $description: "App backdrop / shell frame"
+    },
+    s2: {
+      $value: "#ffffff",
+      $type: "color",
+      $description: "Panel — workhorse"
+    },
+    s3: {
+      $value: "#f4f7fb",
+      $type: "color",
+      $description: "Inset / inputs / hover"
+    },
+    s4: {
+      $value: "#e2e9f5",
+      $type: "color",
+      $description: "Active / selected"
+    }
+  },
+  border: {
+    "01": {
+      $value: "#f1f5f9",
+      $type: "color"
+    },
+    "02": {
+      $value: "#e2e8f0",
+      $type: "color"
+    },
+    "03": {
+      $value: "#cbd5e1",
+      $type: "color"
+    },
+    "04": {
+      $value: "#7f8da1",
+      $type: "color",
+      $description: "Interactive boundary"
+    },
+    "05": {
+      $value: "#0f172a",
+      $type: "color"
+    }
+  },
+  action: {
+    "link-06": {
+      $value: "#1F4F7B",
+      $type: "color"
+    },
+    "link-05": {
+      $value: "#2E6DAD",
+      $type: "color"
+    },
+    "link-04": {
+      $value: "#5891D0",
+      $type: "color"
+    },
+    "link-02": {
+      $value: "#E5EEF6",
+      $type: "color",
+      $description: "Selection wash"
+    },
+    "danger-06": {
+      $value: "#991b1b",
+      $type: "color"
+    },
+    "danger-05": {
+      $value: "#dc2626",
+      $type: "color"
+    },
+    "danger-04": {
+      $value: "#ef4444",
+      $type: "color"
+    }
+  },
+  status: {
+    "success-05": {
+      $value: "#00a43f",
+      $type: "color"
+    },
+    "info-05": {
+      $value: "#286df8",
+      $type: "color"
+    },
+    "warning-05": {
+      $value: "#ec5b13",
+      $type: "color"
+    },
+    "error-05": {
+      $value: "#dc2626",
+      $type: "color"
+    }
+  },
+  focus: {
+    ring: {
+      $value: "#2E6DAD",
+      $type: "color"
+    }
+  }
+};
+const space = {
+  "0": {
+    $value: "0",
+    $type: "dimension"
+  },
+  "1": {
+    $value: "4px",
+    $type: "dimension"
+  },
+  "2": {
+    $value: "8px",
+    $type: "dimension"
+  },
+  "3": {
+    $value: "12px",
+    $type: "dimension"
+  },
+  "4": {
+    $value: "16px",
+    $type: "dimension"
+  },
+  "5": {
+    $value: "20px",
+    $type: "dimension"
+  },
+  "6": {
+    $value: "24px",
+    $type: "dimension"
+  },
+  "8": {
+    $value: "32px",
+    $type: "dimension"
+  },
+  "10": {
+    $value: "40px",
+    $type: "dimension"
+  },
+  "12": {
+    $value: "48px",
+    $type: "dimension"
+  },
+  "16": {
+    $value: "64px",
+    $type: "dimension"
+  }
+};
+const radius = {
+  sm: {
+    $value: "4px",
+    $type: "dimension"
+  },
+  md: {
+    $value: "8px",
+    $type: "dimension"
+  },
+  lg: {
+    $value: "12px",
+    $type: "dimension",
+    $description: "Cards & surfaces"
+  },
+  xl: {
+    $value: "16px",
+    $type: "dimension",
+    $description: "Outer chrome"
+  },
+  "2xl": {
+    $value: "24px",
+    $type: "dimension"
+  },
+  full: {
+    $value: "9999px",
+    $type: "dimension"
+  }
+};
+const density$1 = {
+  "row-h": {
+    $value: "36px",
+    $type: "dimension",
+    $description: "Comfortable (default)"
+  },
+  "row-h-compact": {
+    $value: "30px",
+    $type: "dimension"
+  }
+};
+const motion$1 = {
+  duration: {
+    instant: {
+      $value: "0ms",
+      $type: "duration"
+    },
+    fast: {
+      $value: "120ms",
+      $type: "duration"
+    },
+    base: {
+      $value: "200ms",
+      $type: "duration"
+    },
+    slow: {
+      $value: "320ms",
+      $type: "duration"
+    },
+    deliberate: {
+      $value: "480ms",
+      $type: "duration"
+    }
+  },
+  easing: {
+    out: {
+      $value: "cubic-bezier(0.22, 0.61, 0.36, 1)",
+      $type: "cubicBezier"
+    },
+    "in-out": {
+      $value: "cubic-bezier(0.45, 0,    0.55, 1)",
+      $type: "cubicBezier"
+    },
+    spring: {
+      $value: "cubic-bezier(0.34, 1.56, 0.64, 1)",
+      $type: "cubicBezier"
+    }
+  }
+};
+const font = {
+  family: {
+    sans: {
+      $value: "Geist, Geist Variable, ui-sans-serif, system-ui, sans-serif",
+      $type: "fontFamily"
+    },
+    mono: {
+      $value: "DM Mono, ui-monospace, SFMono-Regular, Menlo, monospace",
+      $type: "fontFamily"
+    }
+  },
+  size: {
+    xs: {
+      $value: "12px",
+      $type: "dimension"
+    },
+    sm: {
+      $value: "14px",
+      $type: "dimension"
+    },
+    base: {
+      $value: "16px",
+      $type: "dimension"
+    },
+    lg: {
+      $value: "18px",
+      $type: "dimension"
+    },
+    xl: {
+      $value: "20px",
+      $type: "dimension"
+    },
+    "2xl": {
+      $value: "24px",
+      $type: "dimension"
+    },
+    "3xl": {
+      $value: "30px",
+      $type: "dimension"
+    },
+    "4xl": {
+      $value: "36px",
+      $type: "dimension"
+    }
+  },
+  weight: {
+    regular: {
+      $value: 400,
+      $type: "fontWeight"
+    },
+    medium: {
+      $value: 500,
+      $type: "fontWeight"
+    },
+    semibold: {
+      $value: 600,
+      $type: "fontWeight"
+    },
+    bold: {
+      $value: 700,
+      $type: "fontWeight"
+    }
+  }
+};
+const z = {
+  base: {
+    $value: 0,
+    $type: "number"
+  },
+  raised: {
+    $value: 10,
+    $type: "number"
+  },
+  sticky: {
+    $value: 20,
+    $type: "number"
+  },
+  popover: {
+    $value: 40,
+    $type: "number"
+  },
+  modal: {
+    $value: 50,
+    $type: "number"
+  },
+  toast: {
+    $value: 60,
+    $type: "number"
+  },
+  tooltip: {
+    $value: 70,
+    $type: "number"
+  }
+};
+const tokens = {
+  $schema,
+  $description,
+  $version,
+  color,
+  space,
+  radius,
+  density: density$1,
+  motion: motion$1,
+  font,
+  z
+};
+const cssVar = (name) => `var(--${name})`;
+const colors = {
+  brand: {
+    primary04: cssVar("theme-primary-04"),
+    primary05: cssVar("theme-primary-05"),
+    primary06: cssVar("theme-primary-06")
+  },
+  text: {
+    t01: cssVar("text-01"),
+    t02: cssVar("text-02"),
+    t03: cssVar("text-03"),
+    t04: cssVar("text-04"),
+    t05: cssVar("text-05"),
+    inverted05: cssVar("text-inverted-05"),
+    inverted04: cssVar("text-inverted-04"),
+    inverted03: cssVar("text-inverted-03")
+  },
+  surface: {
+    s1: cssVar("surface-s1"),
+    s2: cssVar("surface-s2"),
+    s3: cssVar("surface-s3"),
+    s4: cssVar("surface-s4")
+  },
+  border: {
+    b01: cssVar("border-01"),
+    b02: cssVar("border-02"),
+    b03: cssVar("border-03"),
+    b04: cssVar("border-04"),
+    b05: cssVar("border-05")
+  }
+};
+const elevation = {
+  e0: { bg: cssVar("elevation-0-bg"), shadow: cssVar("elevation-0-shadow") },
+  e1: { bg: cssVar("elevation-1-bg"), shadow: cssVar("elevation-1-shadow") },
+  e2: { bg: cssVar("elevation-2-bg"), shadow: cssVar("elevation-2-shadow") },
+  e3: { bg: cssVar("elevation-3-bg"), shadow: cssVar("elevation-3-shadow") },
+  e4: { bg: cssVar("elevation-4-bg"), shadow: cssVar("elevation-4-shadow") }
+};
+const motion = {
+  durationFast: cssVar("duration-fast"),
+  durationBase: cssVar("duration-base"),
+  durationSlow: cssVar("duration-slow"),
+  durationDeliberate: cssVar("duration-deliberate"),
+  easeOut: cssVar("ease-out"),
+  easeInOut: cssVar("ease-in-out"),
+  spring: cssVar("ease-spring")
+};
+const radii = {
+  sm: "8px",
+  md: "12px",
+  lg: "16px",
+  xl: "24px",
+  full: "999px"
+};
+const density = {
+  row: cssVar("density-row"),
+  tap: cssVar("density-tap"),
+  xPad: cssVar("density-x-pad"),
+  yPad: cssVar("density-y-pad"),
+  gap: cssVar("density-gap")
+};
+export {
+  colors,
+  cssVar,
+  density,
+  elevation,
+  motion,
+  radii,
+  tokens
+};
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/tokens/index.ts"],"sourcesContent":["import tokensJson from \"./tokens.json\" with { type: \"json\" };\n\nexport { tokensJson as tokens };\n\nexport const cssVar = (name: string): string => `var(--${name})`;\n\nexport const colors = {\n  brand: {\n    primary04: cssVar(\"theme-primary-04\"),\n    primary05: cssVar(\"theme-primary-05\"),\n    primary06: cssVar(\"theme-primary-06\"),\n  },\n  text: {\n    t01: cssVar(\"text-01\"),\n    t02: cssVar(\"text-02\"),\n    t03: cssVar(\"text-03\"),\n    t04: cssVar(\"text-04\"),\n    t05: cssVar(\"text-05\"),\n    inverted05: cssVar(\"text-inverted-05\"),\n    inverted04: cssVar(\"text-inverted-04\"),\n    inverted03: cssVar(\"text-inverted-03\"),\n  },\n  surface: {\n    s1: cssVar(\"surface-s1\"),\n    s2: cssVar(\"surface-s2\"),\n    s3: cssVar(\"surface-s3\"),\n    s4: cssVar(\"surface-s4\"),\n  },\n  border: {\n    b01: cssVar(\"border-01\"),\n    b02: cssVar(\"border-02\"),\n    b03: cssVar(\"border-03\"),\n    b04: cssVar(\"border-04\"),\n    b05: cssVar(\"border-05\"),\n  },\n} as const;\n\nexport const elevation = {\n  e0: { bg: cssVar(\"elevation-0-bg\"), shadow: cssVar(\"elevation-0-shadow\") },\n  e1: { bg: cssVar(\"elevation-1-bg\"), shadow: cssVar(\"elevation-1-shadow\") },\n  e2: { bg: cssVar(\"elevation-2-bg\"), shadow: cssVar(\"elevation-2-shadow\") },\n  e3: { bg: cssVar(\"elevation-3-bg\"), shadow: cssVar(\"elevation-3-shadow\") },\n  e4: { bg: cssVar(\"elevation-4-bg\"), shadow: cssVar(\"elevation-4-shadow\") },\n} as const;\n\nexport const motion = {\n  durationFast: cssVar(\"duration-fast\"),\n  durationBase: cssVar(\"duration-base\"),\n  durationSlow: cssVar(\"duration-slow\"),\n  durationDeliberate: cssVar(\"duration-deliberate\"),\n  easeOut: cssVar(\"ease-out\"),\n  easeInOut: cssVar(\"ease-in-out\"),\n  spring: cssVar(\"ease-spring\"),\n} as const;\n\nexport const radii = {\n  sm: \"8px\",\n  md: \"12px\",\n  lg: \"16px\",\n  xl: \"24px\",\n  full: \"999px\",\n} as const;\n\nexport const density = {\n  row: cssVar(\"density-row\"),\n  tap: cssVar(\"density-tap\"),\n  xPad: cssVar(\"density-x-pad\"),\n  yPad: cssVar(\"density-y-pad\"),\n  gap: cssVar(\"density-gap\"),\n} as const;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,SAAS,CAAC,SAAyB,SAAS,IAAI;AAEtD,MAAM,SAAS;AAAA,EACpB,OAAO;AAAA,IACL,WAAW,OAAO,kBAAkB;AAAA,IACpC,WAAW,OAAO,kBAAkB;AAAA,IACpC,WAAW,OAAO,kBAAkB;AAAA,EAAA;AAAA,EAEtC,MAAM;AAAA,IACJ,KAAK,OAAO,SAAS;AAAA,IACrB,KAAK,OAAO,SAAS;AAAA,IACrB,KAAK,OAAO,SAAS;AAAA,IACrB,KAAK,OAAO,SAAS;AAAA,IACrB,KAAK,OAAO,SAAS;AAAA,IACrB,YAAY,OAAO,kBAAkB;AAAA,IACrC,YAAY,OAAO,kBAAkB;AAAA,IACrC,YAAY,OAAO,kBAAkB;AAAA,EAAA;AAAA,EAEvC,SAAS;AAAA,IACP,IAAI,OAAO,YAAY;AAAA,IACvB,IAAI,OAAO,YAAY;AAAA,IACvB,IAAI,OAAO,YAAY;AAAA,IACvB,IAAI,OAAO,YAAY;AAAA,EAAA;AAAA,EAEzB,QAAQ;AAAA,IACN,KAAK,OAAO,WAAW;AAAA,IACvB,KAAK,OAAO,WAAW;AAAA,IACvB,KAAK,OAAO,WAAW;AAAA,IACvB,KAAK,OAAO,WAAW;AAAA,IACvB,KAAK,OAAO,WAAW;AAAA,EAAA;AAE3B;AAEO,MAAM,YAAY;AAAA,EACvB,IAAI,EAAE,IAAI,OAAO,gBAAgB,GAAG,QAAQ,OAAO,oBAAoB,EAAA;AAAA,EACvE,IAAI,EAAE,IAAI,OAAO,gBAAgB,GAAG,QAAQ,OAAO,oBAAoB,EAAA;AAAA,EACvE,IAAI,EAAE,IAAI,OAAO,gBAAgB,GAAG,QAAQ,OAAO,oBAAoB,EAAA;AAAA,EACvE,IAAI,EAAE,IAAI,OAAO,gBAAgB,GAAG,QAAQ,OAAO,oBAAoB,EAAA;AAAA,EACvE,IAAI,EAAE,IAAI,OAAO,gBAAgB,GAAG,QAAQ,OAAO,oBAAoB,EAAA;AACzE;AAEO,MAAM,SAAS;AAAA,EACpB,cAAc,OAAO,eAAe;AAAA,EACpC,cAAc,OAAO,eAAe;AAAA,EACpC,cAAc,OAAO,eAAe;AAAA,EACpC,oBAAoB,OAAO,qBAAqB;AAAA,EAChD,SAAS,OAAO,UAAU;AAAA,EAC1B,WAAW,OAAO,aAAa;AAAA,EAC/B,QAAQ,OAAO,aAAa;AAC9B;AAEO,MAAM,QAAQ;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,MAAM,UAAU;AAAA,EACrB,KAAK,OAAO,aAAa;AAAA,EACzB,KAAK,OAAO,aAAa;AAAA,EACzB,MAAM,OAAO,eAAe;AAAA,EAC5B,MAAM,OAAO,eAAe;AAAA,EAC5B,KAAK,OAAO,aAAa;AAC3B;"}

package/dist/tokens/tailwind-preset.d.ts

@@ -0,0 +1,4 @@
+import { Config } from 'tailwindcss';
+declare const preset: Partial<Config>;
+export default preset;
+//# sourceMappingURL=tailwind-preset.d.ts.map

package/dist/tokens/tailwind-preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-preset.d.ts","sourceRoot":"","sources":["../../src/tokens/tailwind-preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAI1C,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CAuD3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/tokens/tailwind-preset.js

@@ -0,0 +1,61 @@
+const v = (name) => `var(--${name})`;
+const preset = {
+  darkMode: ["class", '[data-theme="dark"]'],
+  theme: {
+    extend: {
+      colors: {
+        "theme-primary-04": v("theme-primary-04"),
+        "theme-primary-05": v("theme-primary-05"),
+        "theme-primary-06": v("theme-primary-06"),
+        "text-01": v("text-01"),
+        "text-02": v("text-02"),
+        "text-03": v("text-03"),
+        "text-04": v("text-04"),
+        "text-05": v("text-05"),
+        "text-inverted-03": v("text-inverted-03"),
+        "text-inverted-04": v("text-inverted-04"),
+        "text-inverted-05": v("text-inverted-05"),
+        "surface-s1": v("surface-s1"),
+        "surface-s2": v("surface-s2"),
+        "surface-s3": v("surface-s3"),
+        "surface-s4": v("surface-s4"),
+        "border-01": v("border-01"),
+        "border-02": v("border-02"),
+        "border-03": v("border-03"),
+        "border-04": v("border-04"),
+        "border-05": v("border-05"),
+        "background-tint-01": v("background-tint-01"),
+        "background-tint-02": v("background-tint-02"),
+        "background-tint-03": v("background-tint-03"),
+        "status-success-01": v("status-success-01"),
+        "status-warning-01": v("status-warning-01"),
+        "status-error-01": v("status-error-01"),
+        "status-info-01": v("status-info-01")
+      },
+      borderRadius: {
+        sm: "8px",
+        md: "12px",
+        lg: "16px",
+        xl: "24px"
+      },
+      fontFamily: {
+        sans: ['"Geist"', "ui-sans-serif", "system-ui", "sans-serif"],
+        mono: ['"DM Mono"', "ui-monospace", "monospace"]
+      },
+      transitionDuration: {
+        fast: "120ms",
+        base: "200ms",
+        slow: "320ms",
+        deliberate: "480ms"
+      },
+      transitionTimingFunction: {
+        "ease-out": "cubic-bezier(0.16, 1, 0.3, 1)",
+        spring: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+      }
+    }
+  }
+};
+export {
+  preset as default
+};
+//# sourceMappingURL=tailwind-preset.js.map

package/dist/tokens/tailwind-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-preset.js","sources":["../../src/tokens/tailwind-preset.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\n\nconst v = (name: string) => `var(--${name})`;\n\nconst preset: Partial<Config> = {\n  darkMode: [\"class\", '[data-theme=\"dark\"]'],\n  theme: {\n    extend: {\n      colors: {\n        \"theme-primary-04\": v(\"theme-primary-04\"),\n        \"theme-primary-05\": v(\"theme-primary-05\"),\n        \"theme-primary-06\": v(\"theme-primary-06\"),\n        \"text-01\": v(\"text-01\"),\n        \"text-02\": v(\"text-02\"),\n        \"text-03\": v(\"text-03\"),\n        \"text-04\": v(\"text-04\"),\n        \"text-05\": v(\"text-05\"),\n        \"text-inverted-03\": v(\"text-inverted-03\"),\n        \"text-inverted-04\": v(\"text-inverted-04\"),\n        \"text-inverted-05\": v(\"text-inverted-05\"),\n        \"surface-s1\": v(\"surface-s1\"),\n        \"surface-s2\": v(\"surface-s2\"),\n        \"surface-s3\": v(\"surface-s3\"),\n        \"surface-s4\": v(\"surface-s4\"),\n        \"border-01\": v(\"border-01\"),\n        \"border-02\": v(\"border-02\"),\n        \"border-03\": v(\"border-03\"),\n        \"border-04\": v(\"border-04\"),\n        \"border-05\": v(\"border-05\"),\n        \"background-tint-01\": v(\"background-tint-01\"),\n        \"background-tint-02\": v(\"background-tint-02\"),\n        \"background-tint-03\": v(\"background-tint-03\"),\n        \"status-success-01\": v(\"status-success-01\"),\n        \"status-warning-01\": v(\"status-warning-01\"),\n        \"status-error-01\": v(\"status-error-01\"),\n        \"status-info-01\": v(\"status-info-01\"),\n      },\n      borderRadius: {\n        sm: \"8px\",\n        md: \"12px\",\n        lg: \"16px\",\n        xl: \"24px\",\n      },\n      fontFamily: {\n        sans: ['\"Geist\"', \"ui-sans-serif\", \"system-ui\", \"sans-serif\"],\n        mono: ['\"DM Mono\"', \"ui-monospace\", \"monospace\"],\n      },\n      transitionDuration: {\n        fast: \"120ms\",\n        base: \"200ms\",\n        slow: \"320ms\",\n        deliberate: \"480ms\",\n      },\n      transitionTimingFunction: {\n        \"ease-out\": \"cubic-bezier(0.16, 1, 0.3, 1)\",\n        spring: \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n      },\n    },\n  },\n};\n\nexport default preset;\n"],"names":[],"mappings":"AAEA,MAAM,IAAI,CAAC,SAAiB,SAAS,IAAI;AAEzC,MAAM,SAA0B;AAAA,EAC9B,UAAU,CAAC,SAAS,qBAAqB;AAAA,EACzC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,oBAAoB,EAAE,kBAAkB;AAAA,QACxC,oBAAoB,EAAE,kBAAkB;AAAA,QACxC,oBAAoB,EAAE,kBAAkB;AAAA,QACxC,WAAW,EAAE,SAAS;AAAA,QACtB,WAAW,EAAE,SAAS;AAAA,QACtB,WAAW,EAAE,SAAS;AAAA,QACtB,WAAW,EAAE,SAAS;AAAA,QACtB,WAAW,EAAE,SAAS;AAAA,QACtB,oBAAoB,EAAE,kBAAkB;AAAA,QACxC,oBAAoB,EAAE,kBAAkB;AAAA,QACxC,oBAAoB,EAAE,kBAAkB;AAAA,QACxC,cAAc,EAAE,YAAY;AAAA,QAC5B,cAAc,EAAE,YAAY;AAAA,QAC5B,cAAc,EAAE,YAAY;AAAA,QAC5B,cAAc,EAAE,YAAY;AAAA,QAC5B,aAAa,EAAE,WAAW;AAAA,QAC1B,aAAa,EAAE,WAAW;AAAA,QAC1B,aAAa,EAAE,WAAW;AAAA,QAC1B,aAAa,EAAE,WAAW;AAAA,QAC1B,aAAa,EAAE,WAAW;AAAA,QAC1B,sBAAsB,EAAE,oBAAoB;AAAA,QAC5C,sBAAsB,EAAE,oBAAoB;AAAA,QAC5C,sBAAsB,EAAE,oBAAoB;AAAA,QAC5C,qBAAqB,EAAE,mBAAmB;AAAA,QAC1C,qBAAqB,EAAE,mBAAmB;AAAA,QAC1C,mBAAmB,EAAE,iBAAiB;AAAA,QACtC,kBAAkB,EAAE,gBAAgB;AAAA,MAAA;AAAA,MAEtC,cAAc;AAAA,QACZ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,YAAY;AAAA,QACV,MAAM,CAAC,WAAW,iBAAiB,aAAa,YAAY;AAAA,QAC5D,MAAM,CAAC,aAAa,gBAAgB,WAAW;AAAA,MAAA;AAAA,MAEjD,oBAAoB;AAAA,QAClB,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,QACN,YAAY;AAAA,MAAA;AAAA,MAEd,0BAA0B;AAAA,QACxB,YAAY;AAAA,QACZ,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EACF;AAEJ;"}