@navinc/base-react-components/cjs/theme.d.ts

Nav's Pattern Library

export const navBlue: "#006EFA";
export const azure: "#006EFA";
export const oceanBoat: "#0075BC";
export const belugaWhite: "#FFFFFF";
export const white: "#FFFFFF";
export const scuttleGray100: "#F5F6F7";
export const scuttleGray200: "#ECEDEF";
export const scuttleGray300: "#D0D2D6";
export const scuttleGray400: "#919499";
export const scuttleGray500: "#70727B";
export const scuttleGray600: "#06142A";
export const neutral100: "#F5F6F7";
export const neutral200: "#ECEDEF";
export const neutral300: "#D0D2D6";
export const neutral400: "#70727B";
export const neutral500: "#06142A";
export const mermaidGreen100: "#E5FBF8";
export const mermaidGreen200: "#CBF7F1";
export const mermaidGreen300: "#A9F2E7";
export const mermaidGreen400: "#87EDDE";
export const mermaidGreen500: "#53E5D0";
export const paleGold100: "#E5FBF8";
export const paleGold200: "#CBF7F1";
export const paleGold300: "#A9F2E7";
export const paleGold400: "#87EDDE";
export const paleGold500: "#53E5D0";
export const dustStorm100: "#E5FBF8";
export const dustStorm200: "#CBF7F1";
export const dustStorm300: "#A9F2E7";
export const dustStorm400: "#87EDDE";
export const dustStorm500: "#53E5D0";
export const rose100: "#E5FBF8";
export const rose200: "#CBF7F1";
export const rose300: "#A9F2E7";
export const rose400: "#87EDDE";
export const rose500: "#53E5D0";
export const lavender100: "#E5FBF8";
export const lavender200: "#CBF7F1";
export const lavender300: "#A9F2E7";
export const lavender400: "#87EDDE";
export const lavender500: "#53E5D0";
export const wildPurple100: "#E5FBF8";
export const wildPurple200: "#CBF7F1";
export const wildPurple300: "#A9F2E7";
export const wildPurple400: "#87EDDE";
export const wildPurple500: "#53E5D0";
export const greenSheen100: "#E5FBF8";
export const greenSheen200: "#CBF7F1";
export const greenSheen300: "#A9F2E7";
export const greenSheen400: "#87EDDE";
export const greenSheen500: "#53E5D0";
export const mossGreen100: "#E5FBF8";
export const mossGreen200: "#CBF7F1";
export const mossGreen300: "#A9F2E7";
export const mossGreen400: "#87EDDE";
export const mossGreen500: "#53E5D0";
export const tan100: "#E5FBF8";
export const tan200: "#CBF7F1";
export const tan300: "#A9F2E7";
export const tan400: "#87EDDE";
export const tan500: "#53E5D0";
export const timberwolf100: "#E5FBF8";
export const timberwolf200: "#CBF7F1";
export const timberwolf300: "#A9F2E7";
export const timberwolf400: "#87EDDE";
export const timberwolf500: "#53E5D0";
export const gainsboro100: "#E5FBF8";
export const gainsboro200: "#CBF7F1";
export const gainsboro300: "#A9F2E7";
export const gainsboro400: "#87EDDE";
export const gainsboro500: "#53E5D0";
export const bubbleBlue100: "#F2F8FF";
export const bubbleBlue200: "#E6F1FF";
export const bubbleBlue300: "#99C5FD";
export const bubbleBlue400: "#66A8FC";
export const bubbleBlue500: "#006AF0";
export const pastelBlue100: "#F2F8FF";
export const pastelBlue200: "#E6F1FF";
export const pastelBlue300: "#99C5FD";
export const pastelBlue400: "#66A8FC";
export const pastelBlue500: "#006AF0";
export const lightBlue100: "#F2F8FF";
export const lightBlue200: "#E6F1FF";
export const lightBlue300: "#99C5FD";
export const lightBlue400: "#66A8FC";
export const lightBlue500: "#006AF0";
export const transparentWhite: "rgba(255, 255, 255, 0)";
export const transparentBlack: "rgba(0, 0, 0, 0)";
export const transparentRed: "rgba(225, 3, 10, 0.25)";
export const sebastianRed100: "#FFF2F8";
export const sebastianRed200: "#E1030A";
export const flounderYellow100: "#FFF6EC";
export const flounderYellow200: "#FFC90C";
export const seaturtleGreen100: "#E8FFF5";
export const seaturtleGreen200: "#36B37E";
export const copperRed100: "#FFF2F8";
export const copperRed200: "#E1030A";
export const lightRed: "#E87979";
export const tumbleweed: "#EFA88C";
export const tumbleweed100: "#F8D9CD";
export const tuscan100: "#FFF6EC";
export const tuscan200: "#FFC90C";
export const seaFoam100: "#D0F0E1";
export const seaFoam: "#96DDBC";
export const oceanGreen100: "#E8FFF5";
export const oceanGreen200: "#36B37E";
export const good: "#36B37E";
export const semigood: "#96DDBC";
export const fair: "#FFC90C";
export const semipoor: "#EFA88C";
export const poor: "#E1030A";
export namespace statusColors {
    namespace good {
        export { seaturtleGreen100 as backgroundColor };
        export { good as color };
    }
    namespace semigood {
        export { seaFoam100 as backgroundColor };
        export { semigood as color };
    }
    namespace fair {
        export { flounderYellow100 as backgroundColor };
        export { fair as color };
    }
    namespace semipoor {
        export { tumbleweed100 as backgroundColor };
        export { semipoor as color };
    }
    namespace poor {
        export { sebastianRed100 as backgroundColor };
        export { poor as color };
    }
}
export const colorRainbow: string[];
export const success: "#36B37E";
export const error: "#E1030A";
export const warning: "#E1030A";
export const notice: "#006EFA";
export const pagebg: "#F5F6F7";
export const border: "#D0D2D6";
export function gu(units?: number): string;
export const contentWidth: 696;
export const goldenRatio: number;
export namespace media {
    const small: string;
    const large: string;
}
export const forLargerThanPhone: "min-width: 600px";
export const materialTransitionTiming: "cubic-bezier(0.4, 0.0, 0.2, 1)";