diff --git a/src/lib/tokens.json b/src/lib/tokens.json new file mode 100644 index 0000000..e12a3ce --- /dev/null +++ b/src/lib/tokens.json @@ -0,0 +1,161 @@ +{ + "color": { + "primary": { + "50": "#F9F0F3", + "100": "#F0D9E0", + "200": "#DBA8B8", + "300": "#C07790", + "400": "#9C4E6A", + "500": "#7A3B4E", + "600": "#632F40", + "700": "#4D2332", + "800": "#381824", + "900": "#230E17" + }, + "accent": { + "50": "#FFF7ED", + "100": "#FFEDD5", + "200": "#FED7AA", + "300": "#FDBA74", + "400": "#FB923C", + "500": "#C2703E", + "600": "#A35A2F", + "700": "#7C4422", + "800": "#5C3318", + "900": "#3D210F" + }, + "neutral": { + "50": "#FAFAF9", + "100": "#F5F5F4", + "200": "#E7E5E4", + "300": "#D6D3D1", + "400": "#A8A29E", + "500": "#78716C", + "600": "#57534E", + "700": "#44403C", + "800": "#292524", + "900": "#1C1917" + }, + "semantic": { + "success": { + "light": "#D1FAE5", + "base": "#4A7A5B", + "dark": "#2D4F38" + }, + "warning": { + "light": "#FEF3C7", + "base": "#A38A2F", + "dark": "#6B5A1E" + }, + "error": { + "light": "#FEE2E2", + "base": "#9B3B3B", + "dark": "#6B2525" + }, + "info": { + "light": "#DBEAFE", + "base": "#4A6B82", + "dark": "#2E4454" + } + }, + "surface": { + "background": "#1C1917", + "background-alt": "#292524", + "card": "#292524", + "card-hover": "#44403C", + "border": "#44403C", + "border-subtle": "#292524" + }, + "text": { + "primary": "#FAFAF9", + "secondary": "#A8A29E", + "muted": "#78716C", + "inverse": "#1C1917", + "accent": "#DBA8B8", + "link": "#C07790" + }, + "code": { + "background": "#1E1B1A", + "border": "#382430", + "keyword": "#C07790", + "string": "#FDBA74", + "comment": "#78716C", + "function": "#DBA8B8", + "variable": "#F5F5F4", + "number": "#FB923C", + "type": "#4A6B82", + "operator": "#A8A29E" + }, + "diagram": { + "node-primary": "#7A3B4E", + "node-secondary": "#4A6B82", + "node-tertiary": "#C2703E", + "node-success": "#4A7A5B", + "edge": "#57534E", + "edge-active": "#C07790", + "label": "#D6D3D1", + "background": "#292524" + } + }, + "typography": { + "fontFamily": { + "sans": "Inter, system-ui, -apple-system, sans-serif", + "mono": "JetBrains Mono, Fira Code, monospace", + "display": "Inter, system-ui, sans-serif" + }, + "fontSize": { + "xs": "0.75rem", + "sm": "0.875rem", + "base": "1rem", + "lg": "1.125rem", + "xl": "1.25rem", + "2xl": "1.5rem", + "3xl": "1.875rem", + "4xl": "2.25rem", + "5xl": "3rem" + }, + "fontWeight": { + "regular": 400, + "medium": 500, + "semibold": 600, + "bold": 700 + }, + "lineHeight": { + "tight": 1.25, + "normal": 1.5, + "relaxed": 1.625 + } + }, + "spacing": { + "unit": "4px", + "scale": { + "0": "0", + "1": "4px", + "2": "8px", + "3": "12px", + "4": "16px", + "5": "20px", + "6": "24px", + "8": "32px", + "10": "40px", + "12": "48px", + "16": "64px", + "20": "80px", + "24": "96px" + } + }, + "borderRadius": { + "none": "0", + "sm": "4px", + "md": "8px", + "lg": "12px", + "xl": "16px", + "full": "9999px" + }, + "shadow": { + "sm": "0 1px 2px rgba(28, 25, 23, 0.3)", + "md": "0 4px 6px rgba(28, 25, 23, 0.4)", + "lg": "0 10px 15px rgba(28, 25, 23, 0.5)", + "glow": "0 0 20px rgba(122, 59, 78, 0.3)" + } +} diff --git a/src/lib/tokens.ts b/src/lib/tokens.ts index 11c75c7..9fe9549 100644 --- a/src/lib/tokens.ts +++ b/src/lib/tokens.ts @@ -1,4 +1,4 @@ -import tokens from "../../.automancer/context/design-system/tokens.json"; +import tokens from "./tokens.json"; export type Tokens = typeof tokens; export default tokens;