import { themeColors } from '../../theme/TotallyMoneyTheme'; import { BackgroundColorProps } from 'styled-system'; export type ThemeColorKeys = keyof typeof themeColors; export type ThemeColorValueKeys = (typeof themeColors)[keyof typeof themeColors]; export type BackgroundColorTypes = ThemeColorKeys | ThemeColorValueKeys | BackgroundColorProps['bg']; export declare const baseColors: { readonly aqua10: "#cceff0"; readonly aqua30: "#83dfe1"; readonly aqua40: "#56c9cc"; readonly aqua60: "#00b0b5"; readonly aqua80: "#237eb2"; readonly aqua100: "#2b63ad"; readonly coral60: "#ff9e8c"; readonly coral80: "#ff826b"; readonly coral100: "#ff6648"; readonly coral120: "#ff5634"; readonly coral140: "#ff3b14"; readonly dusk40: "#dfddf7"; readonly dusk50: "#cbc7ec"; readonly dusk60: "#a9a3d9"; readonly dusk80: "#7769b2"; readonly dusk100: "#5b4c98"; readonly grey10: "#f7f7f8"; readonly grey20: "#f0f0f5"; readonly grey30: "#e4e4e9"; readonly grey40: "#cccbd4"; readonly grey60: "#9a98ab"; readonly grey80: "#73738c"; readonly grey100: "#3a384b"; readonly grey120: "#08051c"; readonly indigo10: "#f9f8fe"; readonly indigo20: "#eaebf7"; readonly indigo25: "#dfe1fb"; readonly indigo30: "#d6d8f0"; readonly indigo40: "#928cc8"; readonly indigo60: "#261a91"; readonly indigo70: "#23197a"; readonly indigo75: "#1c1268"; readonly indigo80: "#170f57"; readonly indigo100: "#0f0a3a"; readonly indigo120: "#08051c"; readonly indigo140: "#05030f"; readonly neutral: "#f6f2f1"; readonly neutral60: "#faf8f8"; readonly neutral80: "#f7f5f5"; readonly neutral100: "#f5f2f1"; readonly neutral120: "#ede5e3"; readonly neutral160: "#e8e4e3"; readonly neutral140: "#e4d9d6"; /** * @deprecated Use grey80 */ readonly neutral200: "#5c5a6a"; readonly peach40: "#fff2e4"; readonly peach60: "#ffe0be"; readonly peach80: "#ffcf9a"; readonly peach100: "#ffbd75"; readonly peach120: "#ffa34e"; readonly pink20: "#fff8f8"; readonly pink40: "#fff1f0"; readonly pink50: "#fde7e6"; readonly pink60: "#f9dcda"; readonly pink80: "#fec1bb"; readonly pink100: "#f2a8a1"; readonly productNeutral60: "#faf8f8"; readonly productNeutral80: "#f7f5f5"; readonly productNeutral100: "#f5f2f1"; readonly productNeutral120: "#f2eeed"; readonly productNeutral140: "#eeeae9"; readonly productNeutral160: "#e8e4e3"; readonly stone60: "#fffdfd"; readonly stone80: "#faf8f8"; readonly stone100: "#f6f2f1"; readonly stone120: "#ede5e3"; readonly stone140: "#e4d9d6"; readonly teal10: "#c9f6e8"; readonly teal20: "#9ef2d8"; readonly teal40: "#77ecc9"; readonly teal60: "#3de5b2"; readonly teal80: "#1fe0a6"; readonly teal100: "#1ac490"; readonly teal120: "#17b585"; readonly teal140: "#17a67a"; readonly teal160: "#0b8761"; readonly warmYellow40: "#fdf5d9"; readonly warmYellow60: "#ffedb0"; readonly warmYellow80: "#fbe28a"; readonly warmYellow100: "#ffd664"; readonly yellow20: "#fff5d6"; readonly yellow30: "#fcfacd"; readonly yellow40: "#fffda3"; readonly yellow60: "#f7f573"; readonly yellow80: "#f5f254"; readonly yellow100: "#f4ee22"; readonly yellow120: "#e8e30d"; readonly yellow140: "#d9d10a"; }; export declare const alertColors: { readonly alertError60: "#ffecf1"; readonly alertError100: "#ff8aa6"; readonly alertError120: "#d90a3c"; readonly alertSuccess100: "#a5ffc3"; readonly alertInfo100: "#a3f4ff"; readonly alertWarning100: "#ffe27c"; }; export declare const legacyColors: { readonly almostWhite: "#f9fbfc"; readonly graphiteLight: "#f7f8f9"; /** * @deprecated Use grey100 */ readonly graphiteDarker: "#283643"; /** * @deprecated Use eligibilityLevel2-100 */ readonly wasabi: "#9de89f"; /** * @deprecated Use alertError100 */ readonly pink: "#e0457b"; /** * @deprecated Use grey30 */ readonly greyLighter: "#e2e5e8"; /** * @deprecated Use grey80 */ readonly greyDarker: "#6f7d8a"; /** * @deprecated Use grey40 */ readonly greyLight: "#d8d8d8"; /** * @deprecated Use grey60 */ readonly boxShadowGrey: "#9e9e9e"; /** * @deprecated Use warmYellow80 */ readonly amber: "#fae376"; /** * @deprecated Use indigo30 */ readonly purple: "#cbceec"; /** * @deprecated Use eligibilityLevel0-100 */ readonly preApprovedGreen: "#127860"; }; export declare const textColors: { readonly bodyTextColor: "#3a384b"; readonly primaryColor: "#0f0a3a"; readonly textColor: "#08051c"; readonly textColorLight: "#3a384b"; }; export declare const formColors: { readonly helperText: "#3a384b"; readonly inputBorder: "#9c9ba5"; readonly errorLight: "#ffecf1"; readonly errorDark: "#d90a3c"; readonly warningLight: "#fdfdd4"; readonly warningDark: "#8a6d3b"; readonly sapphire: "#303bb2"; readonly cloudyBlue: "#bfc5cb"; readonly greyishBrown: "#4a4a4a"; readonly disabled: "#9c9ba5"; readonly veryLightBlue: "#e8e9ec"; readonly brownGrey: "#979797"; }; export declare const eligibilityColors: { 'eligibilityLevel0-10': string; 'eligibilityLevel0-100': string; 'eligibilityLevel1-7': string; 'eligibilityLevel1-10': string; 'eligibilityLevel1-20': string; 'eligibilityLevel1-30': string; 'eligibilityLevel1-100': string; 'eligibilityLevel2-10': string; 'eligibilityLevel2-20': string; 'eligibilityLevel2-30': string; 'eligibilityLevel2-100': string; 'eligibilityLevel3-20': string; 'eligibilityLevel3-100': string; 'eligibilityLevel4-20': string; 'eligibilityLevel4-100': string; 'eligibilityLevel5-20': string; 'eligibilityLevel5-100': string; }; export declare const legacyEligibilityColors: { /** * @deprecated Use eligibilityLevel0-100 */ readonly eligibilityLevel0: "#127860"; /** * @deprecated Use eligibilityLevel0-10 */ readonly 'eligibilityLevel0-bg10': "#E8F2F0"; /** * @deprecated Use eligibilityLevel1-100 */ readonly eligibilityLevel1: "#18ae71"; /** * @deprecated Use eligibilityLevel1-10 */ readonly 'eligibilityLevel1-bg10': "#E8F7F1"; /** * @deprecated Use eligibilityLevel1-20 */ readonly 'eligibilityLevel1-bg20': "#D1EFE3"; /** * @deprecated Use eligibilityLevel1-30 */ readonly 'eligibilityLevel1-bg30': "#BAE7D4"; /** * @deprecated Use eligibilityLevel2-100 */ readonly eligibilityLevel2: "#9de89f"; /** * @deprecated Use eligibilityLevel2-10 */ readonly 'eligibilityLevel2-bg10': "#F5FDF5"; /** * @deprecated Use eligibilityLevel2-20 */ readonly 'eligibilityLevel2-bg20': "#EBF9EC"; /** * @deprecated Use eligibilityLevel2-30 */ readonly 'eligibilityLevel2-bg30': "#E2F8E2"; /** * @deprecated Use eligibilityLevel3-100 */ readonly eligibilityLevel3: "#fae376"; /** * @deprecated Use eligibilityLevel3-20 */ readonly 'eligibilityLevel3-bg20': "#FEF9E4"; /** * @deprecated Use eligibilityLevel4-100 */ readonly eligibilityLevel4: "#ffa269"; /** * @deprecated Use eligibilityLevel4-20 */ readonly 'eligibilityLevel4-bg20': "#FFECE1"; /** * @deprecated Use eligibilityLevel5-100 */ readonly eligibilityLevel5: "#ff7b77"; /** * @deprecated Use eligibilityLevel5-20 */ readonly 'eligibilityLevel5-bg20': "#FFE5E4"; }; export declare const dataVisualisationColors: { readonly dataVisualisationTeal: "#1bcc96"; readonly dataVisualisationLightPurple: "#6e55e6"; readonly dataVisualisationOrange: "#fb8b24"; readonly dataVisualisationPaleBlue: "#a6e1fa"; readonly dataVisualisationPink: "#d8548a"; readonly dataVisualisationAegeanBlue: "#19647e"; readonly dataVisualisationCeruleanBlue: "#28a1d1"; readonly dataVisualisationDarkPurple: "#4439ab"; readonly dataVisualisationSkyBlue: "#1dc3ea"; readonly dataVisualisationTurquoise: "#00b0b5"; readonly dataVisualisationRed: "#e53942"; }; export declare const backgroundColors: { lightBlue10: string; lightBlue20: string; }; export declare const legacyBackgroundColors: { /** * @deprecated Use lightBlue20 */ readonly backgroundLightBlue: "#e6f5f7"; /** * @deprecated Use lightBlue10 */ readonly infoLightBlue: "#e4fcff"; }; export declare const scaleColors: { readonly scaleLevel20: "#f1eefd"; readonly scaleLevel40: "#e2ddfa"; readonly scaleLevel60: "#c5bbf5"; readonly scaleLevel80: "#a899f0"; readonly scaleLevel100: "#6e55e6"; };