@estiato/tokens 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * TypeScript mirror of tokens.css for non-CSS contexts (charts, generated SVGs, RN later).
+ * Keep in lockstep with src/tokens.css.
+ */
+declare const colors: {
+    readonly background: "#faf5ef";
+    readonly foreground: "#1a1a1a";
+    readonly accent: "#c4742e";
+    readonly accentLight: "#d4945e";
+    readonly accentDark: "#a05a1e";
+    readonly surface: "#ffffff";
+    readonly surfaceSecondary: "#f3ede5";
+    readonly muted: "#8a8278";
+    readonly border: "#e8e0d6";
+    readonly borderLight: "#f0ebe4";
+    readonly success: "#2d8a56";
+    readonly error: "#c44040";
+    readonly warning: "#c4a02e";
+};
+declare const radius: {
+    readonly sm: "0.375rem";
+    readonly md: "0.5rem";
+    readonly lg: "0.75rem";
+    readonly xl: "1rem";
+};
+declare const fonts: {
+    readonly sans: "var(--font-geist-sans, ui-sans-serif, system-ui, sans-serif)";
+    readonly mono: "var(--font-geist-mono, ui-monospace, monospace)";
+};
+type ColorToken = keyof typeof colors;
+type RadiusToken = keyof typeof radius;
+
+export { type ColorToken, type RadiusToken, colors, fonts, radius };

package/dist/index.js

@@ -0,0 +1,32 @@
+// src/index.ts
+var colors = {
+  background: "#faf5ef",
+  foreground: "#1a1a1a",
+  accent: "#c4742e",
+  accentLight: "#d4945e",
+  accentDark: "#a05a1e",
+  surface: "#ffffff",
+  surfaceSecondary: "#f3ede5",
+  muted: "#8a8278",
+  border: "#e8e0d6",
+  borderLight: "#f0ebe4",
+  success: "#2d8a56",
+  error: "#c44040",
+  warning: "#c4a02e"
+};
+var radius = {
+  sm: "0.375rem",
+  md: "0.5rem",
+  lg: "0.75rem",
+  xl: "1rem"
+};
+var fonts = {
+  sans: "var(--font-geist-sans, ui-sans-serif, system-ui, sans-serif)",
+  mono: "var(--font-geist-mono, ui-monospace, monospace)"
+};
+export {
+  colors,
+  fonts,
+  radius
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * TypeScript mirror of tokens.css for non-CSS contexts (charts, generated SVGs, RN later).\n * Keep in lockstep with src/tokens.css.\n */\n\nexport const colors = {\n  background: \"#faf5ef\",\n  foreground: \"#1a1a1a\",\n  accent: \"#c4742e\",\n  accentLight: \"#d4945e\",\n  accentDark: \"#a05a1e\",\n  surface: \"#ffffff\",\n  surfaceSecondary: \"#f3ede5\",\n  muted: \"#8a8278\",\n  border: \"#e8e0d6\",\n  borderLight: \"#f0ebe4\",\n  success: \"#2d8a56\",\n  error: \"#c44040\",\n  warning: \"#c4a02e\",\n} as const;\n\nexport const radius = {\n  sm: \"0.375rem\",\n  md: \"0.5rem\",\n  lg: \"0.75rem\",\n  xl: \"1rem\",\n} as const;\n\nexport const fonts = {\n  sans: \"var(--font-geist-sans, ui-sans-serif, system-ui, sans-serif)\",\n  mono: \"var(--font-geist-mono, ui-monospace, monospace)\",\n} as const;\n\nexport type ColorToken = keyof typeof colors;\nexport type RadiusToken = keyof typeof radius;\n"],"mappings":";AAKO,IAAM,SAAS;AAAA,EACpB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEO,IAAM,SAAS;AAAA,EACpB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,QAAQ;AAAA,EACnB,MAAM;AAAA,EACN,MAAM;AACR;","names":[]}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@estiato/tokens",
+  "version": "0.1.0",
+  "description": "Estiato design tokens — CSS variables and TypeScript constants.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "src/tokens.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./tokens.css": "./src/tokens.css"
+  },
+  "devDependencies": {
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "lint": "echo 'no lint'"
+  }
+}

package/src/tokens.css

@@ -0,0 +1,77 @@
+/* Estiato design tokens — single source of truth.
+ * Mirrored in src/index.ts for non-CSS contexts.
+ */
+
+:root {
+  --background: #faf5ef;
+  --foreground: #1a1a1a;
+  --accent: #c4742e;
+  --accent-light: #d4945e;
+  --accent-dark: #a05a1e;
+  --surface: #ffffff;
+  --surface-secondary: #f3ede5;
+  --muted: #8a8278;
+  --border: #e8e0d6;
+  --border-light: #f0ebe4;
+  --success: #2d8a56;
+  --error: #c44040;
+  --warning: #c4a02e;
+
+  --radius-sm: 0.375rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-accent: var(--accent);
+  --color-accent-light: var(--accent-light);
+  --color-accent-dark: var(--accent-dark);
+  --color-surface: var(--surface);
+  --color-surface-secondary: var(--surface-secondary);
+  --color-muted: var(--muted);
+  --color-border: var(--border);
+  --color-border-light: var(--border-light);
+  --color-success: var(--success);
+  --color-error: var(--error);
+  --color-warning: var(--warning);
+  --font-sans: var(--font-geist-sans, ui-sans-serif, system-ui, sans-serif);
+  --font-mono: var(--font-geist-mono, ui-monospace, monospace);
+  --radius-sm: var(--radius-sm);
+  --radius-md: var(--radius-md);
+  --radius-lg: var(--radius-lg);
+  --radius-xl: var(--radius-xl);
+}
+
+/* Shared utilities carried from estiato-web */
+
+.shadow-diffuse {
+  box-shadow: 0 20px 40px -15px rgba(26, 26, 26, 0.06);
+}
+
+.shadow-diffuse-lg {
+  box-shadow: 0 30px 60px -20px rgba(26, 26, 26, 0.1);
+}
+
+.glass {
+  background: rgba(250, 245, 239, 0.72);
+  backdrop-filter: blur(20px) saturate(180%);
+  border-bottom: 1px solid rgba(232, 224, 214, 0.5);
+}
+
+.glass-card {
+  background: rgba(255, 255, 255, 0.72);
+  backdrop-filter: blur(20px) saturate(180%);
+  border: 1px solid rgba(255, 255, 255, 0.18);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+}
+
+.scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+.scrollbar-hide::-webkit-scrollbar {
+  display: none;
+}