Import source: src/lib/design-tokens
Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
This commit is contained in:
@@ -0,0 +1,40 @@
|
||||
export const designTokens = {
|
||||
color: {
|
||||
primary: "#155EEF",
|
||||
primaryDark: "#0F3EA8",
|
||||
accent: "#FF8A00",
|
||||
background: "#F6F8FB",
|
||||
surface: "#FFFFFF",
|
||||
border: "#D9E2EC",
|
||||
text: "#172033",
|
||||
muted: "#64748B",
|
||||
success: "#079455",
|
||||
warning: "#DC6803",
|
||||
danger: "#D92D20",
|
||||
},
|
||||
radius: {
|
||||
sm: "4px",
|
||||
md: "6px",
|
||||
lg: "8px",
|
||||
},
|
||||
density: {
|
||||
compact: {
|
||||
row: 36,
|
||||
control: 32,
|
||||
sidebar: 236,
|
||||
header: 56,
|
||||
},
|
||||
comfortable: {
|
||||
row: 44,
|
||||
control: 38,
|
||||
sidebar: 264,
|
||||
header: 64,
|
||||
},
|
||||
},
|
||||
shadow: {
|
||||
panel: "0 1px 2px rgba(16, 24, 40, 0.08)",
|
||||
raised: "0 8px 24px rgba(15, 23, 42, 0.10)",
|
||||
},
|
||||
};
|
||||
|
||||
export type Density = keyof typeof designTokens.density;
|
||||
Reference in New Issue
Block a user