copy design tokens locally instead of importing from submodule
Some checks failed
Docker - build image / 🏗️ Docker builder (latest from master) 🏗️ (push) Failing after 28s
Some checks failed
Docker - build image / 🏗️ Docker builder (latest from master) 🏗️ (push) Failing after 28s
Submodule is not available in CI pipeline, so tokens.json is now kept directly in src/lib/. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
161
src/lib/tokens.json
Normal file
161
src/lib/tokens.json
Normal file
@@ -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)"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
import tokens from "../../.automancer/context/design-system/tokens.json";
|
import tokens from "./tokens.json";
|
||||||
|
|
||||||
export type Tokens = typeof tokens;
|
export type Tokens = typeof tokens;
|
||||||
export default tokens;
|
export default tokens;
|
||||||
|
|||||||
Reference in New Issue
Block a user