UNPKG

@frank-auth/react

Version:

Flexible and customizable React UI components for Frank Authentication

1 lines 8.2 kB
{"version":3,"file":"tokens.cjs","sources":["../../../src/theme/tokens.tsx"],"sourcesContent":["export const colorTokens = {\n\t// Primary colors\n\tprimary: {\n\t\t50: \"#eff6ff\",\n\t\t100: \"#dbeafe\",\n\t\t200: \"#bfdbfe\",\n\t\t300: \"#93c5fd\",\n\t\t400: \"#60a5fa\",\n\t\t500: \"#3b82f6\",\n\t\t600: \"#2563eb\",\n\t\t700: \"#1d4ed8\",\n\t\t800: \"#1e40af\",\n\t\t900: \"#1e3a8a\",\n\t},\n\t// Secondary colors\n\tsecondary: {\n\t\t50: \"#f8fafc\",\n\t\t100: \"#f1f5f9\",\n\t\t200: \"#e2e8f0\",\n\t\t300: \"#cbd5e1\",\n\t\t400: \"#94a3b8\",\n\t\t500: \"#64748b\",\n\t\t600: \"#475569\",\n\t\t700: \"#334155\",\n\t\t800: \"#1e293b\",\n\t\t900: \"#0f172a\",\n\t},\n\t// Success colors\n\tsuccess: {\n\t\t50: \"#f0fdf4\",\n\t\t100: \"#dcfce7\",\n\t\t200: \"#bbf7d0\",\n\t\t300: \"#86efac\",\n\t\t400: \"#4ade80\",\n\t\t500: \"#22c55e\",\n\t\t600: \"#16a34a\",\n\t\t700: \"#15803d\",\n\t\t800: \"#166534\",\n\t\t900: \"#14532d\",\n\t},\n\t// Warning colors\n\twarning: {\n\t\t50: \"#fffbeb\",\n\t\t100: \"#fef3c7\",\n\t\t200: \"#fde68a\",\n\t\t300: \"#fcd34d\",\n\t\t400: \"#fbbf24\",\n\t\t500: \"#f59e0b\",\n\t\t600: \"#d97706\",\n\t\t700: \"#b45309\",\n\t\t800: \"#92400e\",\n\t\t900: \"#78350f\",\n\t},\n\t// Danger colors\n\tdanger: {\n\t\t50: \"#fef2f2\",\n\t\t100: \"#fee2e2\",\n\t\t200: \"#fecaca\",\n\t\t300: \"#fca5a5\",\n\t\t400: \"#f87171\",\n\t\t500: \"#ef4444\",\n\t\t600: \"#dc2626\",\n\t\t700: \"#b91c1c\",\n\t\t800: \"#991b1b\",\n\t\t900: \"#7f1d1d\",\n\t},\n\t// Neutral colors\n\tneutral: {\n\t\t50: \"#fafafa\",\n\t\t100: \"#f4f4f5\",\n\t\t200: \"#e4e4e7\",\n\t\t300: \"#d4d4d8\",\n\t\t400: \"#a1a1aa\",\n\t\t500: \"#71717a\",\n\t\t600: \"#52525b\",\n\t\t700: \"#3f3f46\",\n\t\t800: \"#27272a\",\n\t\t900: \"#18181b\",\n\t},\n};\n\nconst lightThemeColors = {\n\t...colorTokens,\n\t// Background colors\n\tbackground: {\n\t\tprimary: \"#ffffff\",\n\t\tsecondary: \"#f8fafc\",\n\t\ttertiary: \"#f1f5f9\",\n\t},\n\t// Content colors\n\tcontent: {\n\t\tprimary: \"#0f172a\",\n\t\tsecondary: \"#475569\",\n\t\ttertiary: \"#64748b\",\n\t\tquaternary: \"#94a3b8\",\n\t\tinverse: \"#ffffff\",\n\t},\n\t// Foreground colors (alias for content)\n\tforeground: {\n\t\tprimary: \"#0f172a\",\n\t\tsecondary: \"#475569\",\n\t\ttertiary: \"#64748b\",\n\t\tquaternary: \"#94a3b8\",\n\t\tinverse: \"#ffffff\",\n\t},\n\t// Text colors (alias for content)\n\ttext: {\n\t\tprimary: \"#0f172a\",\n\t\tsecondary: \"#475569\",\n\t\ttertiary: \"#64748b\",\n\t\tquaternary: \"#94a3b8\",\n\t\tinverse: \"#ffffff\",\n\t},\n\t// Border colors\n\tborder: {\n\t\tprimary: \"#e2e8f0\",\n\t\tsecondary: \"#cbd5e1\",\n\t\ttertiary: \"#94a3b8\",\n\t\tfocus: \"#3b82f6\",\n\t},\n\t// Divider colors\n\tdivider: {\n\t\tprimary: \"#e2e8f0\",\n\t\tsecondary: \"#cbd5e1\",\n\t},\n\t// Overlay colors\n\toverlay: {\n\t\tprimary: \"rgba(0, 0, 0, 0.5)\",\n\t\tsecondary: \"rgba(0, 0, 0, 0.3)\",\n\t},\n};\n\nconst darkThemeColors = {\n\t...colorTokens,\n\t// Background colors\n\tbackground: {\n\t\tprimary: \"#0f172a\",\n\t\tsecondary: \"#1e293b\",\n\t\ttertiary: \"#334155\",\n\t},\n\t// Content colors\n\tcontent: {\n\t\tprimary: \"#f8fafc\",\n\t\tsecondary: \"#e2e8f0\",\n\t\ttertiary: \"#cbd5e1\",\n\t\tquaternary: \"#94a3b8\",\n\t\tinverse: \"#0f172a\",\n\t},\n\t// Foreground colors (alias for content)\n\tforeground: {\n\t\tprimary: \"#f8fafc\",\n\t\tsecondary: \"#e2e8f0\",\n\t\ttertiary: \"#cbd5e1\",\n\t\tquaternary: \"#94a3b8\",\n\t\tinverse: \"#0f172a\",\n\t},\n\t// Text colors (alias for content)\n\ttext: {\n\t\tprimary: \"#f8fafc\",\n\t\tsecondary: \"#e2e8f0\",\n\t\ttertiary: \"#cbd5e1\",\n\t\tquaternary: \"#94a3b8\",\n\t\tinverse: \"#0f172a\",\n\t},\n\t// Border colors\n\tborder: {\n\t\tprimary: \"#334155\",\n\t\tsecondary: \"#475569\",\n\t\ttertiary: \"#64748b\",\n\t\tfocus: \"#60a5fa\",\n\t},\n\t// Divider colors\n\tdivider: {\n\t\tprimary: \"#334155\",\n\t\tsecondary: \"#475569\",\n\t},\n\t// Overlay colors\n\toverlay: {\n\t\tprimary: \"rgba(0, 0, 0, 0.7)\",\n\t\tsecondary: \"rgba(0, 0, 0, 0.5)\",\n\t},\n};\n\nexport const tokens = {\n\tcolors: {\n\t\tlight: lightThemeColors,\n\t\tdark: darkThemeColors,\n\t},\n\tspacing: {\n\t\t0: \"0px\",\n\t\t1: \"0.25rem\",\n\t\t2: \"0.5rem\",\n\t\t3: \"0.75rem\",\n\t\t4: \"1rem\",\n\t\t5: \"1.25rem\",\n\t\t6: \"1.5rem\",\n\t\t8: \"2rem\",\n\t\t10: \"2.5rem\",\n\t\t12: \"3rem\",\n\t\t16: \"4rem\",\n\t\t20: \"5rem\",\n\t\t24: \"6rem\",\n\t\t32: \"8rem\",\n\t},\n\tfontSizes: {\n\t\txs: \"0.75rem\",\n\t\tsm: \"0.875rem\",\n\t\tbase: \"1rem\",\n\t\tlg: \"1.125rem\",\n\t\txl: \"1.25rem\",\n\t\t\"2xl\": \"1.5rem\",\n\t\t\"3xl\": \"1.875rem\",\n\t\t\"4xl\": \"2.25rem\",\n\t},\n\tfontWeights: {\n\t\tlight: 300,\n\t\tnormal: 400,\n\t\tmedium: 500,\n\t\tsemibold: 600,\n\t\tbold: 700,\n\t},\n\tlineHeights: {\n\t\ttight: 1.25,\n\t\tnormal: 1.5,\n\t\trelaxed: 1.75,\n\t},\n\tborderRadius: {\n\t\tnone: \"0px\",\n\t\tsm: \"0.125rem\",\n\t\tbase: \"0.25rem\",\n\t\tmd: \"0.375rem\",\n\t\tlg: \"0.5rem\",\n\t\txl: \"0.75rem\",\n\t\t\"2xl\": \"1rem\",\n\t\tfull: \"9999px\",\n\t},\n\tshadows: {\n\t\txs: \"0 1px 2px 0 rgb(0 0 0 / 0.05)\",\n\t\tsm: \"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)\",\n\t\tbase: \"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)\",\n\t\tmd: \"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)\",\n\t\tlg: \"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)\",\n\t\txl: \"0 25px 50px -12px rgb(0 0 0 / 0.25)\",\n\t},\n\ttransitions: {\n\t\tfast: \"150ms ease-in-out\",\n\t\tnormal: \"200ms ease-in-out\",\n\t\tslow: \"300ms ease-in-out\",\n\t},\n\tzIndex: {\n\t\thide: -1,\n\t\tauto: \"auto\",\n\t\tbase: 0,\n\t\tdocked: 10,\n\t\tdropdown: 1000,\n\t\tsticky: 1100,\n\t\tbanner: 1200,\n\t\toverlay: 1300,\n\t\tmodal: 1400,\n\t\tpopover: 1500,\n\t\ttooltip: 1600,\n\t\ttoast: 1700,\n\t},\n};\n"],"names":["colorTokens","lightThemeColors","darkThemeColors","tokens"],"mappings":"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"}