import { SecurityLevelColorPair } from "../constants/colorConstants"; import { SecurityLevel } from "../types/cia"; /** * Utility functions for color management in security visualization * * ## Business Perspective * * These color utilities ensure consistent visual representation of security levels * across the application, helping users quickly recognize security states through * color psychology (red for critical issues, green for safe states, etc.). 🎨 * * Consistent color representation is essential for risk communication and * establishing intuitive security level recognition patterns for users. */ /** * Get color pair (background and text) for a specific security level * * Returns coordinated background and text colors optimized for readability * and visual hierarchy in security level displays. Colors follow consistent * semantic meaning across the application. * * @param level - Security level to get color for * @returns Object with background and text color hex codes * * @example * ```typescript * const colors = getSecurityLevelColorPair('High'); * console.log(colors.bg); // "#fff8e1" (light amber background) * console.log(colors.text); // "#ff8f00" (amber text) * * // Usage in component *
* High Security Level *
* ``` */ export declare function getSecurityLevelColorPair(level: SecurityLevel): SecurityLevelColorPair; /** * Get CSS color class for security level * @param level - Security level * @returns CSS class string */ export declare function getSecurityLevelColorClass(level: SecurityLevel | string): string; /** * Get CSS background color class for security level * @param level - Security level * @returns CSS background class string */ export declare function getSecurityLevelBackgroundClass(level: SecurityLevel | string): string; /** * Get security level background color * * @param level - Security level * @returns Background color for the security level */ export declare function getSecurityLevelBackground(level: SecurityLevel): string; /** * Get security level text color * * @param level - Security level * @returns Text color for the security level */ export declare function getSecurityLevelTextColor(level: SecurityLevel): string; /** * Get color for risk level * * @param riskLevel - Risk level string * @returns Color corresponding to the risk level */ export declare function getRiskLevelColor(riskLevel: string): string; /** * Get hex color for a security level based on current theme * * @param level - The security level * @returns Hex color code for the given security level */ export declare function getSecurityLevelHexColor(level: string): string; /** * Get CSS class for a security level * * @param level - Security level * @returns CSS class name for styling */ export declare function getSecurityLevelClass(level: SecurityLevel): string; /** * Calculate contrast color (black or white) based on background * * @param backgroundColor - Hex color code * @returns Black or white based on contrast */ export declare function getContrastColor(backgroundColor: string): string; /** * Get background color class for security score (0-100) * Preserve the exact behavior from main branch * * @param score - Security score (0-100) * @returns CSS class for the security score background color */ export declare function getSecurityScoreColorClass(score: number): string; //# sourceMappingURL=colorUtils.d.ts.map