@ftdata/tokens/dist/web/tokens.ts

Fulltime Design Tokens

/**
 * Do not edit directly
 * Generated on Tue, 14 Jan 2025 15:45:33 GMT
 */

export const COLOR_CUSTOM_COLUMNBG = "#26333B";
export const COLOR_CUSTOM_ACTIVEITEM = "#F1767D";
export const COLOR_CUSTOM_ITEM = "#FFFFFF";
export const COLOR_SUCCESS_DARKER = "#004834";
export const COLOR_SUCCESS_DARK = "#00694D";
export const COLOR_SUCCESS_MEDIUM = "#008764";
export const COLOR_SUCCESS_LIGHT = "#73C1AC";
export const COLOR_SUCCESS_LIGHTER = "#E6F4F0";
export const COLOR_WARNING_DARKER = "#6C3D18";
export const COLOR_WARNING_DARK = "#9E5D28";
export const COLOR_WARNING_MEDIUM = "#CE7C3A";
export const COLOR_WARNING_LIGHT = "#F2C57F";
export const COLOR_WARNING_LIGHTER = "#FFF7DA";
export const COLOR_DANGER_DARKER = "#651A21";
export const COLOR_DANGER_DARK = "#942B35";
export const COLOR_DANGER_MEDIUM = "#C13E4A";
export const COLOR_DANGER_LIGHT = "#E19199";
export const COLOR_DANGER_LIGHTER = "#FAEAEC";
export const COLOR_ACCENT_DARKER = "#12357A";
export const COLOR_ACCENT_DARK = "#2051B3";
export const COLOR_ACCENT_MEDIUM = "#316EE8";
export const COLOR_ACCENT_LIGHT = "#83AAF7";
export const COLOR_ACCENT_LIGHTER = "#DDE8FE";
export const COLOR_NEUTRAL_DUSK = "#26333B";
export const COLOR_NEUTRAL_DARKER = "#6B757C";
export const COLOR_NEUTRAL_DARK = "#8E969B";
export const COLOR_NEUTRAL_MEDIUM = "#B1B7BB";
export const COLOR_NEUTRAL_LIGHT = "#D5D8DA";
export const COLOR_NEUTRAL_LIGHTER = "#F5F5F5";
export const COLOR_NEUTRAL_DAY = "#FFFFFF";
export const COLOR_BRAND_DARKER = "#222B38";
export const COLOR_BRAND_DARK = "#2E394A";
export const COLOR_BRAND_MEDIUM = "#3B485B";
export const COLOR_BRAND_LIGHT = "#616C7D";
export const COLOR_BRAND_WASHED = "#88919F";
export const FONT_FAMILY_01 = "'Inter', sans-serif";
export const FONT_SIZE_XXS = "10px";
export const FONT_SIZE_XS = "12px";
export const FONT_SIZE_SM = "14px";
export const FONT_SIZE_MD = "16px";
export const FONT_SIZE_LG = "20px";
export const FONT_SIZE_XL = "24px";
export const FONT_SIZE_XXL = "30px";
export const FONT_SIZE_XXXL = "36px";
export const FONT_SIZE_DISPLAY = "48px";
export const FONT_SIZE_MEGADISPLAY = "60px";
export const FONT_WEIGHT_MEDIUM = "500";
export const FONT_WEIGHT_BOLD = "600";
export const LINE_HEIGHT_NONE = "100%";
export const LINE_HEIGHT_TIGHT = "120%";
export const LINE_HEIGHT_MEDIUM = "160%";
export const LINE_HEIGHT_DISTANT = "190%";
export const LINE_HEIGHT_VERY_DISTANT = "220%";
export const LETTER_SPACING_TIGHT = "-0.03em";
export const LETTER_SPACING_MEDIUM = "0em";
export const LETTER_SPACING_DISTANT = "0.03em";
export const LETTER_SPACING_VERY_DISTANT = "0.06em";
export const LETTER_CASE_UPPERCASE = "uppercase";
export const BORDER_RADIUS_NONE = "0px";
export const BORDER_RADIUS_SM = "4px";
export const BORDER_RADIUS_MD = "8px";
export const BORDER_RADIUS_LG = "12px";
export const BORDER_RADIUS_PILL = "1600px";
export const BORDER_RADIUS_CIRCLE = "50%";
export const BORDER_WIDTH_NONE = "0px";
export const BORDER_WIDTH_HAIRLINE = "1px";
export const BORDER_WIDTH_THIN = "2px";
export const BORDER_WIDTH_THICK = "4px";
export const BORDER_WIDTH_HEAVY = "8px";
export const IC_SIZE_SMALL = "16px";
export const IC_SIZE_MEDIUM = "24px";
export const IC_SIZE_LARGE = "40px";
export const IC_SIZE_HUGE = "64px";
export const OPACITY_LEVEL_SEMIOPAQUE = "0.8";
export const OPACITY_LEVEL_INTENSE = "0.64";
export const OPACITY_LEVEL_MEDIUM = "0.32";
export const OPACITY_LEVEL_SMOKE = "0.16";
export const OPACITY_LEVEL_GHOST = "0.08";
export const SHADOW_LEVEL_01 = "0px 1px 2px 0px";
export const SHADOW_LEVEL_02 = "0px 2px 4px 0px";
export const SHADOW_LEVEL_03 = "0px 4px 8px 0px";
export const SHADOW_LEVEL_04 = "0px 8px 16px 0px";
export const SPACING_INLINE_00 = "2px";
export const SPACING_INLINE_01 = "4px";
export const SPACING_INLINE_02 = "8px";
export const SPACING_INLINE_03 = "16px";
export const SPACING_INLINE_04 = "24px";
export const SPACING_INLINE_05 = "32px";
export const SPACING_INLINE_06 = "40px";
export const SPACING_INLINE_07 = "48px";
export const SPACING_INLINE_08 = "56px";
export const SPACING_INLINE_09 = "64px";
export const SPACING_STACK_00 = "2px";
export const SPACING_STACK_01 = "4px";
export const SPACING_STACK_02 = "8px";
export const SPACING_STACK_03 = "16px";
export const SPACING_STACK_04 = "24px";
export const SPACING_STACK_05 = "32px";
export const SPACING_STACK_06 = "40px";
export const SPACING_STACK_07 = "48px";
export const SPACING_STACK_08 = "56px";
export const SPACING_STACK_09 = "64px";
export const SPACING_INSET_QUARCK = "4px";
export const SPACING_INSET_NANO = "8px";
export const SPACING_INSET_XS = "16px";
export const SPACING_INSET_SM = "24px";
export const SPACING_INSET_MD = "32px";
export const SPACING_INSET_LG = "40px";
export const SPACING_INSET_XL = "48px";
export const SPACING_SQUISH_QUARCK = "4px 8px";
export const SPACING_SQUISH_NANO = "8px 16px";
export const SPACING_SQUISH_SM = "16px 24px";
export const SPACING_SQUISH_MD = "16px 32px";
export const SPACING_SQUISH_LG = "24px 48px";