@onesaz/tokens 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,402 @@
+declare const accentColors: {
+    readonly purple: {
+        readonly 1: "#faf5ff";
+        readonly 2: "#f3e8ff";
+        readonly 3: "#e9d5ff";
+        readonly 4: "#d8b4fe";
+        readonly 5: "#c084fc";
+        readonly 6: "#a855f7";
+        readonly 7: "#9333ea";
+        readonly 8: "#7c3aed";
+        readonly 9: "#6d28d9";
+        readonly 10: "#5b21b6";
+        readonly 11: "#4c1d95";
+        readonly 12: "#2e1065";
+    };
+    readonly blue: {
+        readonly 1: "#eff6ff";
+        readonly 2: "#dbeafe";
+        readonly 3: "#bfdbfe";
+        readonly 4: "#93c5fd";
+        readonly 5: "#60a5fa";
+        readonly 6: "#3b82f6";
+        readonly 7: "#2563eb";
+        readonly 8: "#1d4ed8";
+        readonly 9: "#1e40af";
+        readonly 10: "#1e3a8a";
+        readonly 11: "#172554";
+        readonly 12: "#0c1a3d";
+    };
+    readonly cyan: {
+        readonly 1: "#ecfeff";
+        readonly 2: "#cffafe";
+        readonly 3: "#a5f3fc";
+        readonly 4: "#67e8f9";
+        readonly 5: "#22d3ee";
+        readonly 6: "#06b6d4";
+        readonly 7: "#0891b2";
+        readonly 8: "#0e7490";
+        readonly 9: "#155e75";
+        readonly 10: "#164e63";
+        readonly 11: "#083344";
+        readonly 12: "#042f2e";
+    };
+    readonly teal: {
+        readonly 1: "#f0fdfa";
+        readonly 2: "#ccfbf1";
+        readonly 3: "#99f6e4";
+        readonly 4: "#5eead4";
+        readonly 5: "#2dd4bf";
+        readonly 6: "#14b8a6";
+        readonly 7: "#0d9488";
+        readonly 8: "#0f766e";
+        readonly 9: "#115e59";
+        readonly 10: "#134e4a";
+        readonly 11: "#042f2e";
+        readonly 12: "#022322";
+    };
+    readonly green: {
+        readonly 1: "#f0fdf4";
+        readonly 2: "#dcfce7";
+        readonly 3: "#bbf7d0";
+        readonly 4: "#86efac";
+        readonly 5: "#4ade80";
+        readonly 6: "#22c55e";
+        readonly 7: "#16a34a";
+        readonly 8: "#15803d";
+        readonly 9: "#166534";
+        readonly 10: "#14532d";
+        readonly 11: "#052e16";
+        readonly 12: "#022c0d";
+    };
+    readonly orange: {
+        readonly 1: "#fff7ed";
+        readonly 2: "#ffedd5";
+        readonly 3: "#fed7aa";
+        readonly 4: "#fdba74";
+        readonly 5: "#fb923c";
+        readonly 6: "#f97316";
+        readonly 7: "#ea580c";
+        readonly 8: "#c2410c";
+        readonly 9: "#9a3412";
+        readonly 10: "#7c2d12";
+        readonly 11: "#431407";
+        readonly 12: "#27130a";
+    };
+    readonly red: {
+        readonly 1: "#fef2f2";
+        readonly 2: "#fee2e2";
+        readonly 3: "#fecaca";
+        readonly 4: "#fca5a5";
+        readonly 5: "#f87171";
+        readonly 6: "#ef4444";
+        readonly 7: "#dc2626";
+        readonly 8: "#b91c1c";
+        readonly 9: "#991b1b";
+        readonly 10: "#7f1d1d";
+        readonly 11: "#450a0a";
+        readonly 12: "#2a0808";
+    };
+    readonly pink: {
+        readonly 1: "#fdf2f8";
+        readonly 2: "#fce7f3";
+        readonly 3: "#fbcfe8";
+        readonly 4: "#f9a8d4";
+        readonly 5: "#f472b6";
+        readonly 6: "#ec4899";
+        readonly 7: "#db2777";
+        readonly 8: "#be185d";
+        readonly 9: "#9d174d";
+        readonly 10: "#831843";
+        readonly 11: "#500724";
+        readonly 12: "#2e0515";
+    };
+};
+type AccentColor = keyof typeof accentColors;
+
+declare const grayColors: {
+    readonly slate: {
+        readonly 1: "#f8fafc";
+        readonly 2: "#f1f5f9";
+        readonly 3: "#e2e8f0";
+        readonly 4: "#cbd5e1";
+        readonly 5: "#94a3b8";
+        readonly 6: "#64748b";
+        readonly 7: "#475569";
+        readonly 8: "#334155";
+        readonly 9: "#1e293b";
+        readonly 10: "#0f172a";
+        readonly 11: "#0d1424";
+        readonly 12: "#020617";
+    };
+    readonly gray: {
+        readonly 1: "#f9fafb";
+        readonly 2: "#f3f4f6";
+        readonly 3: "#e5e7eb";
+        readonly 4: "#d1d5db";
+        readonly 5: "#9ca3af";
+        readonly 6: "#6b7280";
+        readonly 7: "#4b5563";
+        readonly 8: "#374151";
+        readonly 9: "#1f2937";
+        readonly 10: "#111827";
+        readonly 11: "#0d1117";
+        readonly 12: "#030712";
+    };
+    readonly zinc: {
+        readonly 1: "#fafafa";
+        readonly 2: "#f4f4f5";
+        readonly 3: "#e4e4e7";
+        readonly 4: "#d4d4d8";
+        readonly 5: "#a1a1aa";
+        readonly 6: "#71717a";
+        readonly 7: "#52525b";
+        readonly 8: "#3f3f46";
+        readonly 9: "#27272a";
+        readonly 10: "#18181b";
+        readonly 11: "#131316";
+        readonly 12: "#09090b";
+    };
+    readonly neutral: {
+        readonly 1: "#fafafa";
+        readonly 2: "#f5f5f5";
+        readonly 3: "#e5e5e5";
+        readonly 4: "#d4d4d4";
+        readonly 5: "#a3a3a3";
+        readonly 6: "#737373";
+        readonly 7: "#525252";
+        readonly 8: "#404040";
+        readonly 9: "#262626";
+        readonly 10: "#171717";
+        readonly 11: "#121212";
+        readonly 12: "#0a0a0a";
+    };
+};
+type GrayColor = keyof typeof grayColors;
+
+declare const semanticColors: {
+    readonly success: {
+        readonly 1: "#f0fdf4";
+        readonly 2: "#dcfce7";
+        readonly 3: "#bbf7d0";
+        readonly 4: "#86efac";
+        readonly 5: "#4ade80";
+        readonly 6: "#22c55e";
+        readonly 7: "#16a34a";
+        readonly 8: "#15803d";
+        readonly 9: "#166534";
+        readonly 10: "#14532d";
+        readonly 11: "#052e16";
+        readonly 12: "#022c0d";
+    };
+    readonly warning: {
+        readonly 1: "#fffbeb";
+        readonly 2: "#fef3c7";
+        readonly 3: "#fde68a";
+        readonly 4: "#fcd34d";
+        readonly 5: "#fbbf24";
+        readonly 6: "#f59e0b";
+        readonly 7: "#d97706";
+        readonly 8: "#b45309";
+        readonly 9: "#92400e";
+        readonly 10: "#78350f";
+        readonly 11: "#451a03";
+        readonly 12: "#271005";
+    };
+    readonly error: {
+        readonly 1: "#fef2f2";
+        readonly 2: "#fee2e2";
+        readonly 3: "#fecaca";
+        readonly 4: "#fca5a5";
+        readonly 5: "#f87171";
+        readonly 6: "#ef4444";
+        readonly 7: "#dc2626";
+        readonly 8: "#b91c1c";
+        readonly 9: "#991b1b";
+        readonly 10: "#7f1d1d";
+        readonly 11: "#450a0a";
+        readonly 12: "#2a0808";
+    };
+    readonly info: {
+        readonly 1: "#eff6ff";
+        readonly 2: "#dbeafe";
+        readonly 3: "#bfdbfe";
+        readonly 4: "#93c5fd";
+        readonly 5: "#60a5fa";
+        readonly 6: "#3b82f6";
+        readonly 7: "#2563eb";
+        readonly 8: "#1d4ed8";
+        readonly 9: "#1e40af";
+        readonly 10: "#1e3a8a";
+        readonly 11: "#172554";
+        readonly 12: "#0c1a3d";
+    };
+};
+type SemanticColor = keyof typeof semanticColors;
+
+declare const spacing: {
+    readonly 0: "0px";
+    readonly px: "1px";
+    readonly 0.5: "0.125rem";
+    readonly 1: "0.25rem";
+    readonly 1.5: "0.375rem";
+    readonly 2: "0.5rem";
+    readonly 2.5: "0.625rem";
+    readonly 3: "0.75rem";
+    readonly 3.5: "0.875rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 7: "1.75rem";
+    readonly 8: "2rem";
+    readonly 9: "2.25rem";
+    readonly 10: "2.5rem";
+    readonly 11: "2.75rem";
+    readonly 12: "3rem";
+    readonly 14: "3.5rem";
+    readonly 16: "4rem";
+    readonly 20: "5rem";
+    readonly 24: "6rem";
+    readonly 28: "7rem";
+    readonly 32: "8rem";
+    readonly 36: "9rem";
+    readonly 40: "10rem";
+    readonly 44: "11rem";
+    readonly 48: "12rem";
+    readonly 52: "13rem";
+    readonly 56: "14rem";
+    readonly 60: "15rem";
+    readonly 64: "16rem";
+    readonly 72: "18rem";
+    readonly 80: "20rem";
+    readonly 96: "24rem";
+};
+
+declare const fontSizes: {
+    readonly xs: "0.75rem";
+    readonly sm: "0.875rem";
+    readonly base: "1rem";
+    readonly lg: "1.125rem";
+    readonly xl: "1.25rem";
+    readonly '2xl': "1.5rem";
+    readonly '3xl': "1.875rem";
+    readonly '4xl': "2.25rem";
+    readonly '5xl': "3rem";
+    readonly '6xl': "3.75rem";
+    readonly '7xl': "4.5rem";
+    readonly '8xl': "6rem";
+    readonly '9xl': "8rem";
+};
+declare const fontWeights: {
+    readonly thin: "100";
+    readonly extralight: "200";
+    readonly light: "300";
+    readonly normal: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+    readonly extrabold: "800";
+    readonly black: "900";
+};
+declare const lineHeights: {
+    readonly none: "1";
+    readonly tight: "1.25";
+    readonly snug: "1.375";
+    readonly normal: "1.5";
+    readonly relaxed: "1.625";
+    readonly loose: "2";
+};
+declare const letterSpacings: {
+    readonly tighter: "-0.05em";
+    readonly tight: "-0.025em";
+    readonly normal: "0em";
+    readonly wide: "0.025em";
+    readonly wider: "0.05em";
+    readonly widest: "0.1em";
+};
+declare const fontFamilies: {
+    readonly sans: "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+    readonly mono: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
+};
+
+declare const radiusScale: {
+    readonly none: "0px";
+    readonly sm: "0.125rem";
+    readonly base: "0.25rem";
+    readonly md: "0.375rem";
+    readonly lg: "0.5rem";
+    readonly xl: "0.75rem";
+    readonly '2xl': "1rem";
+    readonly '3xl': "1.5rem";
+    readonly full: "9999px";
+};
+declare const radiusPresets: {
+    readonly none: {
+        readonly sm: "0px";
+        readonly md: "0px";
+        readonly lg: "0px";
+        readonly full: "0px";
+    };
+    readonly small: {
+        readonly sm: "0.125rem";
+        readonly md: "0.25rem";
+        readonly lg: "0.375rem";
+        readonly full: "9999px";
+    };
+    readonly medium: {
+        readonly sm: "0.25rem";
+        readonly md: "0.375rem";
+        readonly lg: "0.5rem";
+        readonly full: "9999px";
+    };
+    readonly large: {
+        readonly sm: "0.375rem";
+        readonly md: "0.5rem";
+        readonly lg: "0.75rem";
+        readonly full: "9999px";
+    };
+    readonly full: {
+        readonly sm: "9999px";
+        readonly md: "9999px";
+        readonly lg: "9999px";
+        readonly full: "9999px";
+    };
+};
+type RadiusPreset = keyof typeof radiusPresets;
+
+type Theme = 'light' | 'dark' | 'system';
+interface ThemeConfig {
+    theme: Theme;
+    accentColor: AccentColor;
+    grayColor: GrayColor;
+    radius: RadiusPreset;
+}
+declare const defaultThemeConfig: ThemeConfig;
+declare const lightTheme: {
+    readonly background: 1;
+    readonly foreground: 12;
+    readonly card: 1;
+    readonly cardForeground: 12;
+    readonly popover: 1;
+    readonly popoverForeground: 12;
+    readonly muted: 2;
+    readonly mutedForeground: 6;
+    readonly border: 3;
+    readonly input: 3;
+    readonly ring: 6;
+};
+declare const darkTheme: {
+    readonly background: 10;
+    readonly foreground: 1;
+    readonly card: 9;
+    readonly cardForeground: 1;
+    readonly popover: 9;
+    readonly popoverForeground: 1;
+    readonly muted: 8;
+    readonly mutedForeground: 5;
+    readonly border: 8;
+    readonly input: 8;
+    readonly ring: 6;
+};
+
+export { type AccentColor, type GrayColor, type RadiusPreset, type SemanticColor, type Theme, type ThemeConfig, accentColors, darkTheme, defaultThemeConfig, fontFamilies, fontSizes, fontWeights, grayColors, letterSpacings, lightTheme, lineHeights, radiusPresets, radiusScale, semanticColors, spacing };