@syncognito/maya
Version:
Maya Design System - Shared tokens and platform-specific components
79 lines • 1.81 kB
JavaScript
// Root shared colors (universal across all platforms)
export const colors = {
brand: {
primary: "#7408C2",
primaryLight: "#9B4DD9",
primaryDark: "#5A0A9A",
primarySubtle: "#F0E6FF",
},
semantic: {
success: {
main: "#22c55e",
light: "#86efac",
dark: "#16a34a",
},
warning: {
main: "#f59e0b",
light: "#fde047",
dark: "#d97706",
},
error: {
main: "#ef4444",
light: "#fca5a5",
dark: "#dc2626",
},
info: {
main: "#3b82f6",
light: "#93c5fd",
dark: "#2563eb",
},
},
surface: {
primary: "#ffffff",
secondary: "#f9fafb",
tertiary: "#f3f4f6",
elevated: "#ffffff",
},
text: {
primary: "#111827",
secondary: "#6b7280",
tertiary: "#9ca3af",
inverse: "#ffffff",
disabled: "#d1d5db",
brand: "#7408C2",
},
border: {
primary: "#e5e7eb",
secondary: "#f3f4f6",
focus: "#7408C2",
error: "#fca5a5",
success: "#86efac",
},
interactive: {
hover: "#F0E6FF",
active: "#E6D6FF",
focus: "#F8F0FF",
disabled: "#f9fafb",
},
status: {
online: "#22c55e",
offline: "#6b7280",
busy: "#f59e0b",
away: "#f59e0b",
},
priority: {
low: "#22c55e",
medium: "#f59e0b",
high: "#ef4444",
urgent: "#dc2626",
},
category: {
work: "#3b82f6",
personal: "#7408C2",
health: "#22c55e",
finance: "#f59e0b",
education: "#8b5cf6",
travel: "#06b6d4",
},
};
//# sourceMappingURL=colors.js.map