@clubmed/trident-ui/ui/helpers/colors/colors.d.ts

Shared ClubMed React UI components

import { Theme } from '../../types/Theme';
export declare enum Colors {
    black = "black",
    darkGrey = "darkGrey",
    green = "green",
    lavender = "lavender",
    lightGrey = "lightGrey",
    lightSand = "lightSand",
    marygold = "marygold",
    orange = "orange",
    red = "red",
    saffron = "saffron",
    sand = "sand",
    sienna = "sienna",
    ultramarine = "ultramarine",
    verdigris = "verdigris",
    wave = "wave",
    white = "white",
    current = "current"
}
declare const BORDER_COLORS: {
    readonly black: "border-black";
    readonly darkGrey: "border-darkGrey";
    readonly green: "border-green";
    readonly lavender: "border-lavender";
    readonly lightGrey: "border-lightGrey";
    readonly lightSand: "border-lightSand";
    readonly marygold: "border-marygold";
    readonly orange: "border-orange";
    readonly red: "border-red";
    readonly saffron: "border-saffron";
    readonly sand: "border-sand";
    readonly sienna: "border-sienna";
    readonly ultramarine: "border-ultramarine";
    readonly verdigris: "border-verdigris";
    readonly wave: "border-wave";
    readonly white: "border-white";
    readonly current: "border-current";
};
export type BorderColor = keyof typeof BORDER_COLORS;
declare const BG_COLORS: {
    readonly black: "bg-black";
    readonly darkGrey: "bg-darkGrey";
    readonly green: "bg-green";
    readonly lavender: "bg-lavender";
    readonly lightGrey: "bg-lightGrey";
    readonly lightSand: "bg-lightSand";
    readonly marygold: "bg-marygold";
    readonly orange: "bg-orange";
    readonly red: "bg-red";
    readonly saffron: "bg-saffron";
    readonly sand: "bg-sand";
    readonly sienna: "bg-sienna";
    readonly ultramarine: "bg-ultramarine";
    readonly verdigris: "bg-verdigris";
    readonly wave: "bg-wave";
    readonly white: "bg-white";
    readonly current: "bg-current";
};
export type BgColor = keyof typeof BG_COLORS;
declare const TEXT_COLORS: {
    readonly black: "text-black";
    readonly green: "text-green";
    readonly lavender: "text-lavender";
    readonly lightSand: "text-lightSand";
    readonly marygold: "text-marygold";
    readonly orange: "text-orange";
    readonly red: "text-red";
    readonly saffron: "text-saffron";
    readonly sand: "text-sand";
    readonly sienna: "text-sienna";
    readonly ultramarine: "text-ultramarine";
    readonly verdigris: "text-verdigris";
    readonly wave: "text-wave";
    readonly white: "text-white";
    readonly darkGrey: "text-darkGrey";
    readonly lightGrey: "text-lightGrey";
    readonly current: "text-current";
};
export type TextColor = keyof typeof TEXT_COLORS;
declare const TO_COLORS: {
    readonly black: "to-black";
    readonly green: "to-green";
    readonly lavender: "to-lavender";
    readonly lightSand: "to-lightSand";
    readonly marygold: "to-marygold";
    readonly orange: "to-orange";
    readonly red: "to-red";
    readonly saffron: "to-saffron";
    readonly sand: "to-sand";
    readonly sienna: "to-sienna";
    readonly ultramarine: "to-ultramarine";
    readonly verdigris: "to-verdigris";
    readonly wave: "to-wave";
    readonly white: "to-white";
    readonly darkGrey: "to-darkGrey";
    readonly lightGrey: "to-lightGrey";
    readonly current: "to-current";
};
export type ToColor = keyof typeof TO_COLORS;
export declare const getBorderColor: (color: string) => `border-${string}`;
export declare const getBgColor: (color: string) => `bg-${string}`;
export declare const getTextColor: (color: string) => `text-${string}`;
export declare const getGradientToColor: (color: string) => `to-${string}`;
export declare const getComplementaryTextColor: (color: string) => `text-${string}`;
export declare const getComplementaryColor: (color: string) => Colors;
export declare const getThemeColor: (theme: Theme) => Colors;
export {};