mirror of
https://github.com/prowler-cloud/prowler.git
synced 2026-10-17 08:54:16 +00:00
Alan Buscaglia
f16c2cb415
- Remove BarChart component (no longer needed) - Add interactive hover states and tooltips to SankeyChart - Implement link and node highlighting on hover - Add PROVIDER_COLORS and STATUS_COLORS constants - Update Google provider color to official brand color
59 lines
1.5 KiB
TypeScript
59 lines
1.5 KiB
TypeScript
export const SEVERITY_COLORS = {
|
|
Informational: "var(--chart-info)",
|
|
Info: "var(--chart-info)",
|
|
Low: "var(--chart-warning)",
|
|
Medium: "var(--chart-warning-emphasis)",
|
|
High: "var(--chart-danger)",
|
|
Critical: "var(--chart-danger-emphasis)",
|
|
} as const;
|
|
|
|
export const PROVIDER_COLORS = {
|
|
AWS: "var(--chart-provider-aws)",
|
|
Azure: "var(--chart-provider-azure)",
|
|
Google: "var(--chart-provider-google)",
|
|
} as const;
|
|
|
|
export const STATUS_COLORS = {
|
|
Success: "var(--chart-success-color)",
|
|
Fail: "var(--chart-fail)",
|
|
} as const;
|
|
|
|
export const CHART_COLORS = {
|
|
tooltipBorder: "var(--chart-border-emphasis)",
|
|
tooltipBackground: "var(--chart-background)",
|
|
textPrimary: "#ffffff",
|
|
textSecondary: "var(--chart-text-secondary)",
|
|
gridLine: "var(--chart-border-emphasis)",
|
|
backgroundTrack: "rgba(51, 65, 85, 0.5)", // slate-700 with 50% opacity
|
|
alertPillBg: "var(--chart-alert-bg)",
|
|
alertPillText: "var(--chart-alert-text)",
|
|
defaultColor: "#64748b", // slate-500
|
|
} as const;
|
|
|
|
export const CHART_DIMENSIONS = {
|
|
defaultHeight: 400,
|
|
tooltipMinWidth: "200px",
|
|
borderRadius: "8px",
|
|
} as const;
|
|
|
|
export const SORT_OPTIONS = {
|
|
highLow: "high-low",
|
|
lowHigh: "low-high",
|
|
alphabetical: "alphabetical",
|
|
} as const;
|
|
|
|
export const DEFAULT_SORT_OPTION = SORT_OPTIONS.highLow;
|
|
|
|
export const SEVERITY_ORDER = {
|
|
Critical: 0,
|
|
High: 1,
|
|
Medium: 2,
|
|
Low: 3,
|
|
Informational: 4,
|
|
} as const;
|
|
|
|
export const LAYOUT_OPTIONS = {
|
|
horizontal: "horizontal",
|
|
vertical: "vertical",
|
|
} as const;
|