@navinc/base-react-components

import { Property } from 'csstype'; declare const themeColors: { readonly navPrimary: "#006EFA"; readonly navPrimary100: "#FFF5FF"; readonly navPrimary200: "#F2F8FF"; readonly navPrimary300: "#E6F1FF"; readonly navPrimary400: "#0069F0"; readonly navPrimary500: "#6E2C6D"; readonly navPrimary700: "#99C5FD"; readonly navSecondary: "#F7F3E9"; readonly navSecondary100: "#FAFAF5"; readonly navSecondary300: "#F1E9DA"; readonly navSecondary400: "#E3D3B5"; readonly navSecondary500: "#C7A76B"; readonly navSecondary600: "#976041"; readonly navNeutralLight: "#FFFFFF"; readonly navNeutralDark: "#18001A"; readonly navNeutral100: "#EEECED"; readonly navNeutral200: "#DDD9DB"; readonly navNeutral300: "#CFC9CC"; readonly navNeutral400: "#605058"; readonly navNeutral500: "#3E2B36"; readonly navAccent: "#F2502C"; readonly navAccent100: "#FFF7F5"; readonly navAccent200: "#FFEDE9"; readonly navAccent300: "#FFDAD2"; readonly navAccent400: "#F79680"; readonly navAccent500: "#F47356"; readonly navAccent700: "#CE3C1C"; readonly navStatusPositive: "#007980"; readonly navStatusPositive100: "#F9FBFB"; readonly navStatusPositive200: "#E7F3F2"; readonly navStatusPositive300: "#C1E1DC"; readonly navStatusPositive400: "#14CCCC"; readonly navStatusPositive500: "#66A8FC"; readonly navStatusPositive700: "#004B4F"; readonly navStatusNegative: "#D50707"; readonly navStatusNegative100: "#FFF5F5"; readonly navStatusNegative200: "#FEE6E6"; readonly navStatusNegative300: "#FED1D1"; readonly navStatusNegative400: "#F75656"; readonly navStatusNegative500: "#EE3030"; readonly navStatusNegative700: "#8B0404"; readonly navBlue: "#006EFA"; readonly azure: "#006EFA"; readonly oceanBoat: "#0075BC"; readonly belugaWhite: "#FFFFFF"; readonly white: "#FFFFFF"; readonly scuttleGray100: "#F5F6F7"; readonly scuttleGray200: "#ECEDEF"; readonly scuttleGray300: "#D0D2D6"; readonly scuttleGray400: "#919499"; readonly scuttleGray500: "#6E717A"; readonly scuttleGray600: "#06142A"; readonly neutral100: "#F5F6F7"; readonly neutral200: "#ECEDEF"; readonly neutral300: "#D0D2D6"; readonly neutral400: "#6E717A"; readonly neutral500: "#06142A"; readonly mermaidGreen100: "#E5FBF8"; readonly mermaidGreen200: "#CBF7F1"; readonly mermaidGreen300: "#A9F2E7"; readonly mermaidGreen400: "#87EDDE"; readonly mermaidGreen500: "#53E5D0"; readonly paleGold100: "#E5FBF8"; readonly paleGold200: "#CBF7F1"; readonly paleGold300: "#A9F2E7"; readonly paleGold400: "#87EDDE"; readonly paleGold500: "#53E5D0"; readonly rose100: "#E5FBF8"; readonly rose200: "#CBF7F1"; readonly rose300: "#A9F2E7"; readonly rose400: "#87EDDE"; readonly rose500: "#53E5D0"; readonly greenSheen100: "#E5FBF8"; readonly greenSheen200: "#CBF7F1"; readonly greenSheen300: "#A9F2E7"; readonly greenSheen400: "#87EDDE"; readonly greenSheen500: "#53E5D0"; readonly mossGreen100: "#E5FBF8"; readonly mossGreen200: "#CBF7F1"; readonly mossGreen300: "#A9F2E7"; readonly mossGreen400: "#87EDDE"; readonly mossGreen500: "#53E5D0"; readonly tan100: "#E5FBF8"; readonly tan200: "#CBF7F1"; readonly tan300: "#A9F2E7"; readonly tan400: "#87EDDE"; readonly tan500: "#53E5D0"; readonly timberwolf100: "#E5FBF8"; readonly timberwolf200: "#CBF7F1"; readonly timberwolf300: "#A9F2E7"; readonly timberwolf400: "#87EDDE"; readonly timberwolf500: "#53E5D0"; readonly gainsboro100: "#E5FBF8"; readonly gainsboro200: "#CBF7F1"; readonly gainsboro300: "#A9F2E7"; readonly gainsboro400: "#87EDDE"; readonly gainsboro500: "#53E5D0"; readonly bubbleBlue100: "#F2F8FF"; readonly bubbleBlue200: "#E6F1FF"; readonly bubbleBlue300: "#99C5FD"; readonly bubbleBlue400: "#66A8FC"; readonly bubbleBlue500: "#0069F0"; readonly pastelBlue100: "#F2F8FF"; readonly pastelBlue200: "#E6F1FF"; readonly pastelBlue300: "#99C5FD"; readonly pastelBlue400: "#66A8FC"; readonly pastelBlue500: "#0069F0"; readonly lightBlue100: "#F2F8FF"; readonly lightBlue200: "#E6F1FF"; readonly lightBlue300: "#99C5FD"; readonly lightBlue400: "#66A8FC"; readonly lightBlue500: "#0069F0"; readonly transparentWhite: "rgba(255, 255, 255, 0)"; readonly transparentBlack: "rgba(0, 0, 0, 0)"; readonly transparentRed: "rgba(225, 3, 10, 0.25)"; readonly sebastianRed100: "#FFF2F8"; readonly sebastianRed200: "#E1030A"; readonly flounderYellow100: "#FFF6EC"; readonly flounderYellow200: "#FFC90C"; readonly seaturtleGreen100: "#E8FFF5"; readonly seaturtleGreen200: "#36B37E"; readonly copperRed100: "#FFF2F8"; readonly copperRed200: "#E1030A"; readonly lightRed: "#E87979"; readonly tumbleweed: "#EFA88C"; readonly tumbleweed100: "#F8D9CD"; readonly tuscan100: "#FFF6EC"; readonly tuscan200: "#FFC90C"; readonly seaFoam100: "#D0F0E1"; readonly seaFoam: "#96DDBC"; readonly oceanGreen100: "#E8FFF5"; readonly oceanGreen200: "#36B37E"; readonly good: "#36B37E"; readonly semigood: "#96DDBC"; readonly fair: "#FFC90C"; readonly semipoor: "#EFA88C"; readonly poor: "#E1030A"; }; declare const statusColors: { readonly good: { readonly backgroundColor: "#E8FFF5"; readonly color: "#36B37E"; }; readonly semigood: { readonly backgroundColor: "#D0F0E1"; readonly color: "#96DDBC"; }; readonly fair: { readonly backgroundColor: "#FFF6EC"; readonly color: "#FFC90C"; }; readonly semipoor: { readonly backgroundColor: "#F8D9CD"; readonly color: "#EFA88C"; }; readonly poor: { readonly backgroundColor: "#FFF2F8"; readonly color: "#E1030A"; }; }; export declare const theme: { readonly statusColors: { readonly good: { readonly backgroundColor: "#E8FFF5"; readonly color: "#36B37E"; }; readonly semigood: { readonly backgroundColor: "#D0F0E1"; readonly color: "#96DDBC"; }; readonly fair: { readonly backgroundColor: "#FFF6EC"; readonly color: "#FFC90C"; }; readonly semipoor: { readonly backgroundColor: "#F8D9CD"; readonly color: "#EFA88C"; }; readonly poor: { readonly backgroundColor: "#FFF2F8"; readonly color: "#E1030A"; }; }; readonly colorRainbow: readonly ["#66A8FC", "#A9F2E7", "#D0F0E1", "#FFC90C", "#EFA88C", "#D0D2D6"]; readonly success: "#36B37E"; readonly error: "#E1030A"; readonly warning: "#E1030A"; readonly notice: "#006EFA"; readonly pagebg: "#F5F6F7"; readonly border: "#D0D2D6"; readonly gu: (units?: number) => string; readonly contentWidth: 696; readonly goldenRatio: number; readonly media: { readonly small: "600px"; readonly large: "1440px"; }; readonly forLargerThanPhone: "min-width: 600px"; readonly materialTransitionTiming: "cubic-bezier(0.4, 0.0, 0.2, 1)"; readonly focusOutline: "solid"; readonly navPrimary: "#006EFA"; readonly navPrimary100: "#FFF5FF"; readonly navPrimary200: "#F2F8FF"; readonly navPrimary300: "#E6F1FF"; readonly navPrimary400: "#0069F0"; readonly navPrimary500: "#6E2C6D"; readonly navPrimary700: "#99C5FD"; readonly navSecondary: "#F7F3E9"; readonly navSecondary100: "#FAFAF5"; readonly navSecondary300: "#F1E9DA"; readonly navSecondary400: "#E3D3B5"; readonly navSecondary500: "#C7A76B"; readonly navSecondary600: "#976041"; readonly navNeutralLight: "#FFFFFF"; readonly navNeutralDark: "#18001A"; readonly navNeutral100: "#EEECED"; readonly navNeutral200: "#DDD9DB"; readonly navNeutral300: "#CFC9CC"; readonly navNeutral400: "#605058"; readonly navNeutral500: "#3E2B36"; readonly navAccent: "#F2502C"; readonly navAccent100: "#FFF7F5"; readonly navAccent200: "#FFEDE9"; readonly navAccent300: "#FFDAD2"; readonly navAccent400: "#F79680"; readonly navAccent500: "#F47356"; readonly navAccent700: "#CE3C1C"; readonly navStatusPositive: "#007980"; readonly navStatusPositive100: "#F9FBFB"; readonly navStatusPositive200: "#E7F3F2"; readonly navStatusPositive300: "#C1E1DC"; readonly navStatusPositive400: "#14CCCC"; readonly navStatusPositive500: "#66A8FC"; readonly navStatusPositive700: "#004B4F"; readonly navStatusNegative: "#D50707"; readonly navStatusNegative100: "#FFF5F5"; readonly navStatusNegative200: "#FEE6E6"; readonly navStatusNegative300: "#FED1D1"; readonly navStatusNegative400: "#F75656"; readonly navStatusNegative500: "#EE3030"; readonly navStatusNegative700: "#8B0404"; readonly navBlue: "#006EFA"; readonly azure: "#006EFA"; readonly oceanBoat: "#0075BC"; readonly belugaWhite: "#FFFFFF"; readonly white: "#FFFFFF"; readonly scuttleGray100: "#F5F6F7"; readonly scuttleGray200: "#ECEDEF"; readonly scuttleGray300: "#D0D2D6"; readonly scuttleGray400: "#919499"; readonly scuttleGray500: "#6E717A"; readonly scuttleGray600: "#06142A"; readonly neutral100: "#F5F6F7"; readonly neutral200: "#ECEDEF"; readonly neutral300: "#D0D2D6"; readonly neutral400: "#6E717A"; readonly neutral500: "#06142A"; readonly mermaidGreen100: "#E5FBF8"; readonly mermaidGreen200: "#CBF7F1"; readonly mermaidGreen300: "#A9F2E7"; readonly mermaidGreen400: "#87EDDE"; readonly mermaidGreen500: "#53E5D0"; readonly paleGold100: "#E5FBF8"; readonly paleGold200: "#CBF7F1"; readonly paleGold300: "#A9F2E7"; readonly paleGold400: "#87EDDE"; readonly paleGold500: "#53E5D0"; readonly rose100: "#E5FBF8"; readonly rose200: "#CBF7F1"; readonly rose300: "#A9F2E7"; readonly rose400: "#87EDDE"; readonly rose500: "#53E5D0"; readonly greenSheen100: "#E5FBF8"; readonly greenSheen200: "#CBF7F1"; readonly greenSheen300: "#A9F2E7"; readonly greenSheen400: "#87EDDE"; readonly greenSheen500: "#53E5D0"; readonly mossGreen100: "#E5FBF8"; readonly mossGreen200: "#CBF7F1"; readonly mossGreen300: "#A9F2E7"; readonly mossGreen400: "#87EDDE"; readonly mossGreen500: "#53E5D0"; readonly tan100: "#E5FBF8"; readonly tan200: "#CBF7F1"; readonly tan300: "#A9F2E7"; readonly tan400: "#87EDDE"; readonly tan500: "#53E5D0"; readonly timberwolf100: "#E5FBF8"; readonly timberwolf200: "#CBF7F1"; readonly timberwolf300: "#A9F2E7"; readonly timberwolf400: "#87EDDE"; readonly timberwolf500: "#53E5D0"; readonly gainsboro100: "#E5FBF8"; readonly gainsboro200: "#CBF7F1"; readonly gainsboro300: "#A9F2E7"; readonly gainsboro400: "#87EDDE"; readonly gainsboro500: "#53E5D0"; readonly bubbleBlue100: "#F2F8FF"; readonly bubbleBlue200: "#E6F1FF"; readonly bubbleBlue300: "#99C5FD"; readonly bubbleBlue400: "#66A8FC"; readonly bubbleBlue500: "#0069F0"; readonly pastelBlue100: "#F2F8FF"; readonly pastelBlue200: "#E6F1FF"; readonly pastelBlue300: "#99C5FD"; readonly pastelBlue400: "#66A8FC"; readonly pastelBlue500: "#0069F0"; readonly lightBlue100: "#F2F8FF"; readonly lightBlue200: "#E6F1FF"; readonly lightBlue300: "#99C5FD"; readonly lightBlue400: "#66A8FC"; readonly lightBlue500: "#0069F0"; readonly transparentWhite: "rgba(255, 255, 255, 0)"; readonly transparentBlack: "rgba(0, 0, 0, 0)"; readonly transparentRed: "rgba(225, 3, 10, 0.25)"; readonly sebastianRed100: "#FFF2F8"; readonly sebastianRed200: "#E1030A"; readonly flounderYellow100: "#FFF6EC"; readonly flounderYellow200: "#FFC90C"; readonly seaturtleGreen100: "#E8FFF5"; readonly seaturtleGreen200: "#36B37E"; readonly copperRed100: "#FFF2F8"; readonly copperRed200: "#E1030A"; readonly lightRed: "#E87979"; readonly tumbleweed: "#EFA88C"; readonly tumbleweed100: "#F8D9CD"; readonly tuscan100: "#FFF6EC"; readonly tuscan200: "#FFC90C"; readonly seaFoam100: "#D0F0E1"; readonly seaFoam: "#96DDBC"; readonly oceanGreen100: "#E8FFF5"; readonly oceanGreen200: "#36B37E"; readonly good: "#36B37E"; readonly semigood: "#96DDBC"; readonly fair: "#FFC90C"; readonly semipoor: "#EFA88C"; readonly poor: "#E1030A"; readonly name: "nav-blue"; readonly fontPrimary: "postgrotesk, Roboto, Helvetica, sans-serif;"; readonly fontSecondary: "postgrotesk, Averta, Helvetica, sans-serif;"; }; export declare type Theme = typeof theme; export declare type StatusColor = keyof typeof statusColors; export declare type ThemeColor = keyof typeof themeColors; export declare const themeColorOrCssColor: (value: ThemeColor | Property.Color) => Property.Color; export {};