@navinc/base-react-components
Version:
Nav's Pattern Library
228 lines (227 loc) • 8.88 kB
TypeScript
export declare const theme: {
navBlue: "#006EFA";
azure: "#006EFA";
oceanBoat: "#0075BC";
belugaWhite: "#FFFFFF";
white: "#FFFFFF";
scuttleGray100: "#F5F6F7";
scuttleGray200: "#ECEDEF";
scuttleGray300: "#D0D2D6";
scuttleGray400: "#919499";
scuttleGray500: "#70727B";
scuttleGray600: "#06142A";
neutral100: "#F5F6F7";
neutral200: "#ECEDEF";
neutral300: "#D0D2D6";
neutral400: "#70727B";
neutral500: "#06142A";
mermaidGreen100: "#E5FBF8";
mermaidGreen200: "#CBF7F1";
mermaidGreen300: "#A9F2E7";
mermaidGreen400: "#87EDDE";
mermaidGreen500: "#53E5D0";
paleGold100: "#E5FBF8";
paleGold200: "#CBF7F1";
paleGold300: "#A9F2E7";
paleGold400: "#87EDDE";
paleGold500: "#53E5D0";
dustStorm100: "#E5FBF8";
dustStorm200: "#CBF7F1";
dustStorm300: "#A9F2E7";
dustStorm400: "#87EDDE";
dustStorm500: "#53E5D0";
rose100: "#E5FBF8";
rose200: "#CBF7F1";
rose300: "#A9F2E7";
rose400: "#87EDDE";
rose500: "#53E5D0";
lavender100: "#E5FBF8";
lavender200: "#CBF7F1";
lavender300: "#A9F2E7";
lavender400: "#87EDDE";
lavender500: "#53E5D0";
wildPurple100: "#E5FBF8";
wildPurple200: "#CBF7F1";
wildPurple300: "#A9F2E7";
wildPurple400: "#87EDDE";
wildPurple500: "#53E5D0";
greenSheen100: "#E5FBF8";
greenSheen200: "#CBF7F1";
greenSheen300: "#A9F2E7";
greenSheen400: "#87EDDE";
greenSheen500: "#53E5D0";
mossGreen100: "#E5FBF8";
mossGreen200: "#CBF7F1";
mossGreen300: "#A9F2E7";
mossGreen400: "#87EDDE";
mossGreen500: "#53E5D0";
tan100: "#E5FBF8";
tan200: "#CBF7F1";
tan300: "#A9F2E7";
tan400: "#87EDDE";
tan500: "#53E5D0";
timberwolf100: "#E5FBF8";
timberwolf200: "#CBF7F1";
timberwolf300: "#A9F2E7";
timberwolf400: "#87EDDE";
timberwolf500: "#53E5D0";
gainsboro100: "#E5FBF8";
gainsboro200: "#CBF7F1";
gainsboro300: "#A9F2E7";
gainsboro400: "#87EDDE";
gainsboro500: "#53E5D0";
bubbleBlue100: "#F2F8FF";
bubbleBlue200: "#E6F1FF";
bubbleBlue300: "#99C5FD";
bubbleBlue400: "#66A8FC";
bubbleBlue500: "#006AF0";
pastelBlue100: "#F2F8FF";
pastelBlue200: "#E6F1FF";
pastelBlue300: "#99C5FD";
pastelBlue400: "#66A8FC";
pastelBlue500: "#006AF0";
lightBlue100: "#F2F8FF";
lightBlue200: "#E6F1FF";
lightBlue300: "#99C5FD";
lightBlue400: "#66A8FC";
lightBlue500: "#006AF0";
transparentWhite: "rgba(255, 255, 255, 0)";
transparentBlack: "rgba(0, 0, 0, 0)";
transparentRed: "rgba(225, 3, 10, 0.25)";
sebastianRed100: "#FFF2F8";
sebastianRed200: "#E1030A";
flounderYellow100: "#FFF6EC";
flounderYellow200: "#FFC90C";
seaturtleGreen100: "#E8FFF5";
seaturtleGreen200: "#36B37E";
copperRed100: "#FFF2F8";
copperRed200: "#E1030A";
lightRed: "#E87979";
tumbleweed: "#EFA88C";
tumbleweed100: "#F8D9CD";
tuscan100: "#FFF6EC";
tuscan200: "#FFC90C";
seaFoam100: "#D0F0E1";
seaFoam: "#96DDBC";
oceanGreen100: "#E8FFF5";
oceanGreen200: "#36B37E";
good: "#36B37E";
semigood: "#96DDBC";
fair: "#FFC90C";
semipoor: "#EFA88C";
poor: "#E1030A";
statusColors: {
good: {
backgroundColor: string;
color: string;
};
semigood: {
backgroundColor: string;
color: string;
};
fair: {
backgroundColor: string;
color: string;
};
semipoor: {
backgroundColor: string;
color: string;
};
poor: {
backgroundColor: string;
color: string;
};
};
colorRainbow: string[];
success: "#36B37E";
error: "#E1030A";
warning: "#E1030A";
notice: "#006EFA";
pagebg: "#F5F6F7";
border: "#D0D2D6";
gu: (units?: number) => string;
contentWidth: 696;
goldenRatio: number;
media: {
small: string;
large: string;
};
forLargerThanPhone: "min-width: 600px";
materialTransitionTiming: "cubic-bezier(0.4, 0.0, 0.2, 1)";
};
export { default as AdvertiserDisclosure } from './advertiser-disclosure.js';
export { default as AddressInput } from './address-input.js';
export { default as AnimateHeight } from './animate-height.js';
export { default as Article } from './article.js';
export { default as Aside } from './aside.js';
export { default as AuthorCard } from './author-card.js';
export { default as Banner } from './banner.js';
export { default as BlockQuote } from './block-quote.js';
export { default as Button } from './button.js';
export { default as Card, CardBody, Title as CardTitle, NextButton, CardHeader } from './_deprecated/card';
export { default as SearchInput } from './search-input.js';
export { default as CardInsight } from './card-insight.js';
export { default as CalloutLink } from './callout-link.js';
export { default as CDNAsset } from './cdn-asset.js';
export { default as CDNIllustration } from './cdn-illustration.js';
export { default as CCInput } from './cc-input.js';
export { default as Checkbox } from './checkbox.js';
export { default as Copy } from './copy';
export { default as Divider } from './divider.js';
export { FeatureProvider, Feature } from './_deprecated/feature/index.js';
export { LaunchDarklyProvider, useLaunchDarkly, withLaunchDarkly } from './use-launchdarkly.js';
export { default as CurrencyInput } from './_deprecated/currencyInput/index.js';
export { default as DatePicker } from './date-picker.js';
export { default as PercentInput } from './_deprecated/percent-input/index.js';
export { default as NumberInput } from './_deprecated/number-input/index.js';
export { default as FlexContainer } from './_deprecated/flex-container';
export { default as FlowSteps } from './flow-steps.js';
export { default as GlobalStyles } from './global-styles.js';
export { createGuardedRoute, GuardedRoute } from './guarded-route.js';
export { default as Header } from './header.js';
export { default as IconList } from './_deprecated/icon-list';
export { default as Icon } from './icon.js';
export { default as InfoDrawer, InfoDrawerProvider, useInfoDrawer } from './info-drawer.js';
export { LabelOverValue, LabelOverValueContainer } from './label-over-value.js';
export { default as Link } from './link.js';
export { default as Input } from './input.js';
export { default as PhoneNumberInput } from './form-elements/phone-number-input.js';
export { isDateValid } from './date-picker.js';
export { List, ListItem } from './list.js';
export { default as LoadingDots } from './loading-dots.js';
export { default as LoadingView } from './loading-view.js';
export { MiniSBAPaycheckProtectionProgramForm } from './mini-sba-form.js';
export { default as PlanItem } from './plan-item.js';
export { default as PricingCard } from './pricing-card.js';
export { default as PricingToggle } from './ab-content-toggle.js';
export { default as PricingWrappedToggle } from './wrapped-ab-content-toggle.js';
export { default as ProgressBar } from './progress-bar.js';
export { default as PageContainer } from './page-container.js';
export { CARESActSBAFAQ } from './sba-faq.js';
export { CARESActSBAForgivenessFAQ } from './sba-forgiveness-faq.js';
export { SBAPaycheckProtectionProgramForm } from './sba-form.js';
export { COVID19Resources } from './sba-resources.js';
export { default as PageHeader } from './_deprecated/page-header';
export { default as PlansTable } from './plans-table.js';
export { default as Radio } from './radio.js';
export { default as Select } from './select.js';
export { default as SelectPill } from './select-pill.js';
export { default as SlidingTabs } from './sliding-tabs.js';
export { default as StandardCard } from './standard-card.js';
export { default as TabGroup } from './tab-group.js';
export { default as ThreeColumnLayout } from './three-col-layout.js';
export { default as Text } from './text';
export { default as Toggle } from './toggle.js';
export { default as Tooltip } from './tooltip.js';
export { default as PasswordInput } from './password-input.js';
export { default as UserFeedback } from './user-feedback.js';
export { default as BannerToast } from './banner-toast.js';
export { default as WaitForDependencies } from './wait-for-dependencies.js';
export { default as SeedsOfFinancing } from './seeds-of-financing.js';
export { useToast, Toast, ToastProvider } from './toast-hook';
export { default as WizardStep, WizardFlowProvider, useWizardFlow } from './wizard-flow.js';
export { default as UniversalComponent } from './universal-component';
export { default as Helper } from './helper.js';
export { default as Chevron } from './chevron.js';
export { default as PasswordStrengthMeter } from './password-strength-meter.js';
export { listOfIcons } from './icons/index.js';