feat: add advanced analytics and territory management system
- Add comprehensive analytics components with export functionality - Implement territory management with manager performance tracking - Add seatmap components for venue layout management - Create customer management features with modal interface - Add advanced hooks for dashboard flags and territory data - Implement seat selection and venue management utilities - Add type definitions for ticketing and seatmap systems 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
144
design-tokens/base.json
Normal file
144
design-tokens/base.json
Normal file
@@ -0,0 +1,144 @@
|
||||
{
|
||||
"spacing": {
|
||||
"xs": "0.25rem",
|
||||
"sm": "0.5rem",
|
||||
"md": "0.75rem",
|
||||
"lg": "1rem",
|
||||
"xl": "1.25rem",
|
||||
"2xl": "1.5rem",
|
||||
"3xl": "2rem",
|
||||
"4xl": "2.5rem",
|
||||
"5xl": "3rem",
|
||||
"6xl": "4rem",
|
||||
"7xl": "5rem",
|
||||
"8xl": "6rem"
|
||||
},
|
||||
"typography": {
|
||||
"size": {
|
||||
"xs": ["0.75rem", { "lineHeight": "1rem" }],
|
||||
"sm": ["0.875rem", { "lineHeight": "1.25rem" }],
|
||||
"base": ["1rem", { "lineHeight": "1.5rem" }],
|
||||
"lg": ["1.125rem", { "lineHeight": "1.75rem" }],
|
||||
"xl": ["1.25rem", { "lineHeight": "1.75rem" }],
|
||||
"2xl": ["1.5rem", { "lineHeight": "2rem" }],
|
||||
"3xl": ["1.875rem", { "lineHeight": "2.25rem" }],
|
||||
"4xl": ["2.25rem", { "lineHeight": "2.5rem" }],
|
||||
"5xl": ["3rem", { "lineHeight": "1" }],
|
||||
"6xl": ["3.75rem", { "lineHeight": "1" }],
|
||||
"7xl": ["4.5rem", { "lineHeight": "1" }],
|
||||
"8xl": ["6rem", { "lineHeight": "1" }],
|
||||
"9xl": ["8rem", { "lineHeight": "1" }]
|
||||
},
|
||||
"weight": {
|
||||
"thin": "100",
|
||||
"extralight": "200",
|
||||
"light": "300",
|
||||
"normal": "400",
|
||||
"medium": "500",
|
||||
"semibold": "600",
|
||||
"bold": "700",
|
||||
"extrabold": "800",
|
||||
"black": "900"
|
||||
},
|
||||
"font": {
|
||||
"sans": [
|
||||
"Inter",
|
||||
"-apple-system",
|
||||
"BlinkMacSystemFont",
|
||||
"Segoe UI",
|
||||
"Roboto",
|
||||
"Oxygen",
|
||||
"Ubuntu",
|
||||
"Cantarell",
|
||||
"Open Sans",
|
||||
"Helvetica Neue",
|
||||
"sans-serif"
|
||||
],
|
||||
"serif": [
|
||||
"Playfair Display",
|
||||
"Charter",
|
||||
"Georgia",
|
||||
"Times New Roman",
|
||||
"serif"
|
||||
],
|
||||
"mono": [
|
||||
"JetBrains Mono",
|
||||
"Fira Code",
|
||||
"Consolas",
|
||||
"Monaco",
|
||||
"Courier New",
|
||||
"monospace"
|
||||
]
|
||||
}
|
||||
},
|
||||
"radius": {
|
||||
"none": "0",
|
||||
"sm": "0.125rem",
|
||||
"md": "0.375rem",
|
||||
"lg": "0.5rem",
|
||||
"xl": "0.75rem",
|
||||
"2xl": "1rem",
|
||||
"3xl": "1.5rem",
|
||||
"4xl": "2rem",
|
||||
"5xl": "2.5rem",
|
||||
"full": "9999px"
|
||||
},
|
||||
"shadow": {
|
||||
"glass": {
|
||||
"xs": "0 2px 8px rgba(0, 0, 0, 0.03)",
|
||||
"sm": "0 4px 16px rgba(0, 0, 0, 0.05)",
|
||||
"md": "0 8px 32px rgba(0, 0, 0, 0.1)",
|
||||
"lg": "0 20px 64px rgba(0, 0, 0, 0.15)",
|
||||
"xl": "0 32px 96px rgba(0, 0, 0, 0.2)"
|
||||
},
|
||||
"glow": {
|
||||
"emerald": "0 0 20px rgba(16, 185, 129, 0.3)",
|
||||
"amber": "0 0 20px rgba(245, 158, 11, 0.3)",
|
||||
"rose": "0 0 20px rgba(244, 63, 94, 0.3)",
|
||||
"violet": "0 0 20px rgba(139, 92, 246, 0.3)",
|
||||
"gold": "0 0 20px rgba(217, 158, 52, 0.3)"
|
||||
},
|
||||
"inner": {
|
||||
"light": "inset 0 1px 0 rgba(255, 255, 255, 0.1)",
|
||||
"medium": "inset 0 2px 0 rgba(255, 255, 255, 0.15)",
|
||||
"strong": "inset 0 4px 0 rgba(255, 255, 255, 0.2)"
|
||||
}
|
||||
},
|
||||
"blur": {
|
||||
"xs": "2px",
|
||||
"sm": "4px",
|
||||
"md": "8px",
|
||||
"lg": "16px",
|
||||
"xl": "24px",
|
||||
"2xl": "40px",
|
||||
"3xl": "64px",
|
||||
"4xl": "72px",
|
||||
"5xl": "96px"
|
||||
},
|
||||
"opacity": {
|
||||
"glass": {
|
||||
"subtle": "0.05",
|
||||
"light": "0.1",
|
||||
"medium": "0.15",
|
||||
"strong": "0.2",
|
||||
"intense": "0.25",
|
||||
"heavy": "0.3"
|
||||
}
|
||||
},
|
||||
"transition": {
|
||||
"duration": {
|
||||
"fast": "150ms",
|
||||
"normal": "200ms",
|
||||
"slow": "300ms",
|
||||
"slower": "500ms"
|
||||
},
|
||||
"timing": {
|
||||
"linear": "linear",
|
||||
"ease": "ease",
|
||||
"easeIn": "cubic-bezier(0.4, 0, 1, 1)",
|
||||
"easeOut": "cubic-bezier(0, 0, 0.2, 1)",
|
||||
"easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
|
||||
"bounce": "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
|
||||
}
|
||||
}
|
||||
}
|
||||
156
design-tokens/themes/dark.json
Normal file
156
design-tokens/themes/dark.json
Normal file
@@ -0,0 +1,156 @@
|
||||
{
|
||||
"name": "dark",
|
||||
"description": "Premium dark theme with enhanced color variety and glassmorphism",
|
||||
"colors": {
|
||||
"background": {
|
||||
"primary": "#0f0f17",
|
||||
"secondary": "#1a1a26",
|
||||
"tertiary": "#252533",
|
||||
"elevated": "#2a2a40",
|
||||
"overlay": "rgba(0, 0, 0, 0.8)",
|
||||
"gradient": "linear-gradient(135deg, #0f0f17 0%, #1a1a26 50%, #2a2a40 100%)"
|
||||
},
|
||||
"surface": {
|
||||
"glass": "rgba(255, 255, 255, 0.08)",
|
||||
"glassHover": "rgba(255, 255, 255, 0.12)",
|
||||
"glassFocus": "rgba(255, 255, 255, 0.15)",
|
||||
"muted": "rgba(255, 255, 255, 0.05)",
|
||||
"elevated": "rgba(255, 255, 255, 0.1)"
|
||||
},
|
||||
"text": {
|
||||
"primary": "#f8fafc",
|
||||
"secondary": "#e2e8f0",
|
||||
"muted": "#94a3b8",
|
||||
"inverse": "#0f172a",
|
||||
"disabled": "#64748b",
|
||||
"onColor": "#ffffff"
|
||||
},
|
||||
"border": {
|
||||
"default": "rgba(255, 255, 255, 0.12)",
|
||||
"muted": "rgba(255, 255, 255, 0.06)",
|
||||
"strong": "rgba(255, 255, 255, 0.18)",
|
||||
"focus": "rgba(139, 92, 246, 0.6)"
|
||||
},
|
||||
"accent": {
|
||||
"emerald": {
|
||||
"50": "#ecfdf5",
|
||||
"100": "#d1fae5",
|
||||
"200": "#a7f3d0",
|
||||
"300": "#6ee7b7",
|
||||
"400": "#34d399",
|
||||
"500": "#047857",
|
||||
"600": "#065f46",
|
||||
"700": "#064e3b",
|
||||
"800": "#052e16",
|
||||
"900": "#064e3b",
|
||||
"text": "#34d399"
|
||||
},
|
||||
"amber": {
|
||||
"50": "#fffbeb",
|
||||
"100": "#fef3c7",
|
||||
"200": "#fde68a",
|
||||
"300": "#fcd34d",
|
||||
"400": "#fbbf24",
|
||||
"500": "#b45309",
|
||||
"600": "#92400e",
|
||||
"700": "#78350f",
|
||||
"800": "#451a03",
|
||||
"900": "#78350f",
|
||||
"text": "#fcd34d"
|
||||
},
|
||||
"rose": {
|
||||
"50": "#fff1f2",
|
||||
"100": "#ffe4e6",
|
||||
"200": "#fecdd3",
|
||||
"300": "#fda4af",
|
||||
"400": "#fb7185",
|
||||
"500": "#f43f5e",
|
||||
"600": "#e11d48",
|
||||
"700": "#be123c",
|
||||
"800": "#9f1239",
|
||||
"900": "#881337",
|
||||
"text": "#fb7185"
|
||||
},
|
||||
"violet": {
|
||||
"50": "#f5f3ff",
|
||||
"100": "#ede9fe",
|
||||
"200": "#ddd6fe",
|
||||
"300": "#c4b5fd",
|
||||
"400": "#a78bfa",
|
||||
"500": "#8b5cf6",
|
||||
"600": "#7c3aed",
|
||||
"700": "#6d28d9",
|
||||
"800": "#5b21b6",
|
||||
"900": "#4c1d95",
|
||||
"text": "#a78bfa"
|
||||
},
|
||||
"cyan": {
|
||||
"50": "#ecfeff",
|
||||
"100": "#cffafe",
|
||||
"200": "#a5f3fc",
|
||||
"300": "#67e8f9",
|
||||
"400": "#22d3ee",
|
||||
"500": "#0891b2",
|
||||
"600": "#0e7490",
|
||||
"700": "#155e75",
|
||||
"800": "#164e63",
|
||||
"900": "#164e63",
|
||||
"text": "#22d3ee"
|
||||
}
|
||||
},
|
||||
"semantic": {
|
||||
"success": {
|
||||
"bg": "rgba(16, 185, 129, 0.1)",
|
||||
"bgHover": "rgba(16, 185, 129, 0.15)",
|
||||
"border": "rgba(16, 185, 129, 0.25)",
|
||||
"text": "#34d399",
|
||||
"accent": "#10b981"
|
||||
},
|
||||
"warning": {
|
||||
"bg": "rgba(245, 158, 11, 0.1)",
|
||||
"bgHover": "rgba(245, 158, 11, 0.15)",
|
||||
"border": "rgba(245, 158, 11, 0.25)",
|
||||
"text": "#fcd34d",
|
||||
"accent": "#f59e0b"
|
||||
},
|
||||
"error": {
|
||||
"bg": "rgba(244, 63, 94, 0.1)",
|
||||
"bgHover": "rgba(244, 63, 94, 0.15)",
|
||||
"border": "rgba(244, 63, 94, 0.25)",
|
||||
"text": "#fb7185",
|
||||
"accent": "#f43f5e"
|
||||
},
|
||||
"info": {
|
||||
"bg": "rgba(34, 211, 238, 0.1)",
|
||||
"bgHover": "rgba(34, 211, 238, 0.15)",
|
||||
"border": "rgba(34, 211, 238, 0.25)",
|
||||
"text": "#22d3ee",
|
||||
"accent": "#06b6d4"
|
||||
}
|
||||
},
|
||||
"focus": {
|
||||
"ring": "#8b5cf6",
|
||||
"offset": "#0f0f17"
|
||||
},
|
||||
"interactive": {
|
||||
"primary": {
|
||||
"bg": "linear-gradient(135deg, #8b5cf6, #06b6d4)",
|
||||
"bgHover": "linear-gradient(135deg, #7c3aed, #0891b2)",
|
||||
"text": "#ffffff",
|
||||
"border": "transparent"
|
||||
},
|
||||
"secondary": {
|
||||
"bg": "rgba(255, 255, 255, 0.08)",
|
||||
"bgHover": "rgba(255, 255, 255, 0.12)",
|
||||
"text": "#f8fafc",
|
||||
"border": "rgba(255, 255, 255, 0.12)"
|
||||
},
|
||||
"accent": {
|
||||
"bg": "linear-gradient(135deg, #34d399, #22d3ee)",
|
||||
"bgHover": "linear-gradient(135deg, #10b981, #06b6d4)",
|
||||
"text": "#ffffff",
|
||||
"border": "transparent"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
156
design-tokens/themes/light.json
Normal file
156
design-tokens/themes/light.json
Normal file
@@ -0,0 +1,156 @@
|
||||
{
|
||||
"name": "light",
|
||||
"description": "Premium light theme with sophisticated color palette and subtle glassmorphism",
|
||||
"colors": {
|
||||
"background": {
|
||||
"primary": "#ffffff",
|
||||
"secondary": "#f8fafc",
|
||||
"tertiary": "#f1f5f9",
|
||||
"elevated": "#ffffff",
|
||||
"overlay": "rgba(0, 0, 0, 0.5)",
|
||||
"gradient": "linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%)"
|
||||
},
|
||||
"surface": {
|
||||
"glass": "rgba(255, 255, 255, 0.8)",
|
||||
"glassHover": "rgba(255, 255, 255, 0.9)",
|
||||
"glassFocus": "rgba(255, 255, 255, 0.95)",
|
||||
"muted": "rgba(248, 250, 252, 0.8)",
|
||||
"elevated": "rgba(255, 255, 255, 0.95)"
|
||||
},
|
||||
"text": {
|
||||
"primary": "#0f172a",
|
||||
"secondary": "#334155",
|
||||
"muted": "#64748b",
|
||||
"inverse": "#ffffff",
|
||||
"disabled": "#94a3b8",
|
||||
"onColor": "#ffffff"
|
||||
},
|
||||
"border": {
|
||||
"default": "#e2e8f0",
|
||||
"muted": "#f1f5f9",
|
||||
"strong": "#cbd5e1",
|
||||
"focus": "#8b5cf6"
|
||||
},
|
||||
"accent": {
|
||||
"emerald": {
|
||||
"50": "#ecfdf5",
|
||||
"100": "#d1fae5",
|
||||
"200": "#a7f3d0",
|
||||
"300": "#6ee7b7",
|
||||
"400": "#34d399",
|
||||
"500": "#10b981",
|
||||
"600": "#059669",
|
||||
"700": "#047857",
|
||||
"800": "#065f46",
|
||||
"900": "#064e3b",
|
||||
"text": "#047857"
|
||||
},
|
||||
"amber": {
|
||||
"50": "#fffbeb",
|
||||
"100": "#fef3c7",
|
||||
"200": "#fde68a",
|
||||
"300": "#fcd34d",
|
||||
"400": "#fbbf24",
|
||||
"500": "#f59e0b",
|
||||
"600": "#d97706",
|
||||
"700": "#b45309",
|
||||
"800": "#92400e",
|
||||
"900": "#78350f",
|
||||
"text": "#b45309"
|
||||
},
|
||||
"rose": {
|
||||
"50": "#fff1f2",
|
||||
"100": "#ffe4e6",
|
||||
"200": "#fecdd3",
|
||||
"300": "#fda4af",
|
||||
"400": "#fb7185",
|
||||
"500": "#f43f5e",
|
||||
"600": "#e11d48",
|
||||
"700": "#be123c",
|
||||
"800": "#9f1239",
|
||||
"900": "#881337",
|
||||
"text": "#be123c"
|
||||
},
|
||||
"violet": {
|
||||
"50": "#f5f3ff",
|
||||
"100": "#ede9fe",
|
||||
"200": "#ddd6fe",
|
||||
"300": "#c4b5fd",
|
||||
"400": "#a78bfa",
|
||||
"500": "#8b5cf6",
|
||||
"600": "#7c3aed",
|
||||
"700": "#6d28d9",
|
||||
"800": "#5b21b6",
|
||||
"900": "#4c1d95",
|
||||
"text": "#6d28d9"
|
||||
},
|
||||
"cyan": {
|
||||
"50": "#ecfeff",
|
||||
"100": "#cffafe",
|
||||
"200": "#a5f3fc",
|
||||
"300": "#67e8f9",
|
||||
"400": "#22d3ee",
|
||||
"500": "#06b6d4",
|
||||
"600": "#0891b2",
|
||||
"700": "#0e7490",
|
||||
"800": "#155e75",
|
||||
"900": "#164e63",
|
||||
"text": "#0e7490"
|
||||
}
|
||||
},
|
||||
"semantic": {
|
||||
"success": {
|
||||
"bg": "#ecfdf5",
|
||||
"bgHover": "#d1fae5",
|
||||
"border": "#a7f3d0",
|
||||
"text": "#065f46",
|
||||
"accent": "#10b981"
|
||||
},
|
||||
"warning": {
|
||||
"bg": "#fffbeb",
|
||||
"bgHover": "#fef3c7",
|
||||
"border": "#fde68a",
|
||||
"text": "#92400e",
|
||||
"accent": "#f59e0b"
|
||||
},
|
||||
"error": {
|
||||
"bg": "#fff1f2",
|
||||
"bgHover": "#ffe4e6",
|
||||
"border": "#fecdd3",
|
||||
"text": "#9f1239",
|
||||
"accent": "#f43f5e"
|
||||
},
|
||||
"info": {
|
||||
"bg": "#ecfeff",
|
||||
"bgHover": "#cffafe",
|
||||
"border": "#a5f3fc",
|
||||
"text": "#155e75",
|
||||
"accent": "#06b6d4"
|
||||
}
|
||||
},
|
||||
"focus": {
|
||||
"ring": "#8b5cf6",
|
||||
"offset": "#ffffff"
|
||||
},
|
||||
"interactive": {
|
||||
"primary": {
|
||||
"bg": "linear-gradient(135deg, #6d28d9, #0e7490)",
|
||||
"bgHover": "linear-gradient(135deg, #5b21b6, #155e75)",
|
||||
"text": "#ffffff",
|
||||
"border": "transparent"
|
||||
},
|
||||
"secondary": {
|
||||
"bg": "rgba(255, 255, 255, 0.8)",
|
||||
"bgHover": "rgba(255, 255, 255, 0.9)",
|
||||
"text": "#334155",
|
||||
"border": "#e2e8f0"
|
||||
},
|
||||
"accent": {
|
||||
"bg": "linear-gradient(135deg, #047857, #0e7490)",
|
||||
"bgHover": "linear-gradient(135deg, #065f46, #155e75)",
|
||||
"text": "#ffffff",
|
||||
"border": "transparent"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user