astro-tips
Version:
🎨 Beautiful, customizable tip and notice blocks for Astro - 16 built-in styles with auto dark mode support and built-in compression
285 lines • 6.62 kB
JavaScript
export const TIP_VARIANTS = new Set([
"warning",
"danger",
"tip",
"mention",
"recommend",
"note",
"info",
"success",
"error",
"bug",
"quote",
"important",
"example",
"question",
"answer",
"caution",
"todo",
"feature",
"deprecated",
"breaking",
"security",
"performance",
"accessibility",
"experimental",
"beta",
"new",
"ai",
"bot",
"chat",
"assistant",
"automation",
]);
export const pageUsageTracker = new Set();
export const defaultConfig = {
warning: {
icon: "⚠️",
style: {
border: "#ffb100",
light: { background: "#fff8e6" },
dark: { background: "#3d371f" },
},
},
danger: {
icon: "⛔",
style: {
border: "#ff4545",
light: { background: "#ffeded" },
dark: { background: "#3d2222" },
},
},
tip: {
icon: "💡",
style: {
border: "#409eff",
light: { background: "#e6f4ff" },
dark: { background: "#1f2f3d" },
},
},
mention: {
icon: "💬",
style: {
border: "#b45fff",
light: { background: "#f3e6ff" },
dark: { background: "#2f1f3d" },
},
},
recommend: {
icon: "👍",
style: {
border: "#67c23a",
light: { background: "#e6ffe6" },
dark: { background: "#1f3d1f" },
},
},
note: {
icon: "📝",
style: {
border: "#9e9e9e",
light: { background: "#f5f5f5" },
dark: { background: "#363636" },
},
},
info: {
icon: "ℹ️",
style: {
border: "#03a9f4",
light: { background: "#e3f2fd" },
dark: { background: "#1f313d" },
},
},
success: {
icon: "✅",
style: {
border: "#4caf50",
light: { background: "#e8f5e9" },
dark: { background: "#1f3d24" },
},
},
error: {
icon: "❌",
style: {
border: "#f44336",
light: { background: "#ffebee" },
dark: { background: "#3d1f22" },
},
},
bug: {
icon: "🐛",
style: {
border: "#e91e63",
light: { background: "#fce4ec" },
dark: { background: "#3d1f2a" },
},
},
quote: {
icon: "💬",
style: {
border: "#607d8b",
light: { background: "#eceff1" },
dark: { background: "#1f292d" },
},
},
important: {
icon: "❗",
style: {
border: "#ff5722",
light: { background: "#fbe9e7" },
dark: { background: "#3d241f" },
},
},
example: {
icon: "📖",
style: {
border: "#ff9800",
light: { background: "#fff3e0" },
dark: { background: "#3d311f" },
},
},
question: {
icon: "❓",
style: {
border: "#2196f3",
light: { background: "#e3f2fd" },
dark: { background: "#1f2937" },
},
},
answer: {
icon: "💡",
style: {
border: "#8bc34a",
light: { background: "#f1f8e9" },
dark: { background: "#273318" },
},
},
caution: {
icon: "⚠️",
style: {
border: "#ff9800",
light: { background: "#fff3e0" },
dark: { background: "#3d311f" },
},
},
todo: {
icon: "📋",
style: {
border: "#9c27b0",
light: { background: "#f3e5f5" },
dark: { background: "#2d1f3d" },
},
},
feature: {
icon: "✨",
style: {
border: "#00bcd4",
light: { background: "#e0f7fa" },
dark: { background: "#1f353d" },
},
},
deprecated: {
icon: "🚫",
style: {
border: "#795548",
light: { background: "#efebe9" },
dark: { background: "#2d2620" },
},
},
breaking: {
icon: "💥",
style: {
border: "#d32f2f",
light: { background: "#ffcdd2" },
dark: { background: "#3d1f1f" },
},
},
security: {
icon: "🔒",
style: {
border: "#ff6f00",
light: { background: "#fff3e0" },
dark: { background: "#3d2f1f" },
},
},
performance: {
icon: "⚡",
style: {
border: "#ffc107",
light: { background: "#fffde7" },
dark: { background: "#3d3b1f" },
},
},
accessibility: {
icon: "♿",
style: {
border: "#3f51b5",
light: { background: "#e8eaf6" },
dark: { background: "#1f2537" },
},
},
experimental: {
icon: "🧪",
style: {
border: "#e91e63",
light: { background: "#fce4ec" },
dark: { background: "#3d1f2a" },
},
},
beta: {
icon: "🎯",
style: {
border: "#673ab7",
light: { background: "#ede7f6" },
dark: { background: "#27203d" },
},
},
new: {
icon: "🎉",
style: {
border: "#ff4081",
light: { background: "#fce4ec" },
dark: { background: "#3d1f2a" },
},
},
ai: {
icon: "🤖",
style: {
border: "#00acc1",
light: { background: "#e0f7fa" },
dark: { background: "#1f353d" },
},
},
bot: {
icon: "🤖",
style: {
border: "#3949ab",
light: { background: "#e8eaf6" },
dark: { background: "#1f2537" },
},
},
chat: {
icon: "💬",
style: {
border: "#7b1fa2",
light: { background: "#f3e5f5" },
dark: { background: "#2d1f3d" },
},
},
assistant: {
icon: "👨💼",
style: {
border: "#f57c00",
light: { background: "#fff3e0" },
dark: { background: "#3d311f" },
},
},
automation: {
icon: "⚙️",
style: {
border: "#546e7a",
light: { background: "#eceff1" },
dark: { background: "#1f292d" },
},
},
};
//# sourceMappingURL=config.js.map