@empathyco/x-tailwindcss
Version:
Empathy X Tailwind plugin
155 lines (154 loc) • 4.34 kB
TypeScript
declare const _default: {
readonly aspectRatio: {
readonly default: "3 / 4";
};
readonly borderRadius: {
readonly none: 0;
readonly xs: "2px";
readonly sm: "4px";
readonly md: "8px";
readonly lg: "16px";
readonly xl: "32px";
readonly full: "99999px";
};
readonly borderWidth: {
readonly DEFAULT: "1px";
readonly 1: "1px";
readonly 2: "2px";
readonly 4: "4px";
};
readonly colors: {
readonly current: "currentColor";
readonly transparent: "transparent";
readonly neutral: {
readonly 0: "#FFFFFF";
readonly 10: "#EEF1F2";
readonly 25: "#DBE2E5";
readonly 50: "#5F717B";
readonly 75: "#3C494F";
readonly 90: "#283034";
readonly 100: "#000000";
};
readonly lead: {
readonly 25: "#BBC9CF";
readonly 50: "#5E7782";
readonly 75: "#243D48";
};
readonly auxiliary: {
readonly 25: "#E3F0F5";
readonly 50: "#0086B2";
readonly 75: "#006485";
};
readonly accent: {
readonly 25: "#F8EBEF";
readonly 50: "#D44A6F";
readonly 75: "#A42748";
};
readonly highlight: {
readonly 25: "#F1EEF2";
readonly 50: "#8B6391";
readonly 75: "#684A6D";
};
readonly success: {
readonly 25: "#ECFDF5";
readonly 50: "#10B981";
readonly 75: "#065F46";
};
readonly warning: {
readonly 25: "#FFFBEB";
readonly 50: "#F59E0B";
readonly 75: "#92400E";
};
readonly error: {
readonly 25: "#FEF2F2";
readonly 50: "#EF4444";
readonly 75: "#991B1B";
};
};
readonly fontFamily: {
readonly main: "Inter, sans-serif";
readonly alternative: "Lora, serif";
readonly extra: "Poppins, sans-serif";
readonly special: "Bree Serif, serif";
readonly icon: "font-awesome";
};
readonly fontSize: {
readonly xxs: "10px";
readonly xs: "12px";
readonly sm: "14px";
readonly md: "16px";
readonly lg: "20px";
readonly xl: "24px";
readonly '2xl': "32px";
readonly '3xl': "40px";
readonly '4xl': "48px";
readonly '5xl': "56px";
readonly '6xl': "64px";
readonly '7xl': "80px";
readonly '8xl': "96px";
};
readonly fontWeight: {
readonly light: "200";
readonly regular: "400";
readonly bold: "700";
};
readonly layoutMaxWidth: {
readonly md: "1440px";
readonly lg: "1920px";
readonly full: "100vw";
};
readonly letterSpacing: {
readonly xs: "-0.025em";
readonly sm: "-0.01em";
readonly md: "0";
readonly lg: "0.04em";
};
readonly lineHeight: {
readonly xs: "1.2";
readonly sm: "1.4";
readonly md: "1.6";
readonly lg: "1.8";
readonly default: "auto";
};
readonly screens: {
readonly tablet: "744px";
readonly desktop: "1280px";
readonly large: "2560px";
};
readonly spacing: {
readonly 0: "0px";
readonly 1: "1px";
readonly 2: "2px";
readonly 4: "4px";
readonly 8: "8px";
readonly 12: "12px";
readonly 16: "16px";
readonly 20: "20px";
readonly 24: "24px";
readonly 28: "28px";
readonly 32: "32px";
readonly 40: "40px";
readonly 48: "48px";
readonly 56: "56px";
readonly 64: "64px";
readonly 80: "80px";
readonly 96: "96px";
readonly 128: "128px";
readonly 160: "160px";
readonly 192: "192px";
readonly 224: "224px";
readonly 256: "256px";
readonly 320: "320px";
readonly 384: "384px";
readonly 448: "448px";
readonly 512: "512px";
};
readonly strokeWidth: {
readonly sm: "0.2px";
readonly md: "0.4px";
readonly lg: "0.8px";
readonly xl: "1px";
};
readonly extend: {};
};
export default _default;