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