/** * Design Tokens for IntelligenceBank design system * Based on IntelligenceBank Brand Guidelines */ /** Primary Brand Colors */ export declare const brandColors: { readonly amber: "#F68D32"; readonly white: "#FFFFFF"; readonly shade: "#211C1C"; readonly goldenRays: "#FCB33F"; readonly skyMagenta: "#BF1767"; readonly midnight: "#040D4D"; readonly stone: "#727477"; readonly grey1: "#ADADB0"; readonly grey2: "#D0D4D8"; readonly grey3: "#F4F6F8"; }; /** Amber Tonal Range */ export declare const amberTones: { readonly darkest: "#F4770B"; readonly primary: "#F68D32"; readonly medium: "#F79E50"; readonly light: "#FAC596"; readonly lightest: "#FDECDC"; }; /** Golden Rays Tonal Range */ export declare const goldenTones: { readonly darkest: "#FB9C04"; readonly primary: "#FCB33F"; readonly medium: "#FFC05B"; readonly light: "#FDD493"; readonly lightest: "#FEF1DB"; }; /** Sky Magenta Tonal Range */ export declare const magentaTones: { readonly darkest: "#A31458"; readonly primary: "#BF1767"; readonly medium: "#E41B7B"; readonly light: "#EB5CA1"; readonly lightest: "#FBDEEC"; }; /** Midnight Tonal Range (Product Only) */ export declare const midnightTones: { readonly darkest: "#020623"; readonly primary: "#040D4D"; readonly medium: "#091DAD"; readonly light: "#5266F6"; readonly lightest: "#97A3FA"; }; /** * Tenant colors returned from IntelligenceBank login response. * These are dynamic and set per-tenant. * * Example response: * { * "colourPrimary": "#FFFFFF", * "colourPrimaryText": "#000000", * "colourSecondary": "#FCB33F", * "colourSecondaryText": "#FFFFFF", * "colourHighlight": "#FC3F9D", * "colourHighlightText": "#FFFFFF" * } */ export interface TenantColors { colourPrimary: string; colourPrimaryText: string; colourSecondary: string; colourSecondaryText: string; colourHighlight: string; colourHighlightText: string; } /** Default tenant colors (IntelligenceBank brand defaults) */ export declare const defaultTenantColors: TenantColors; export declare const typography: { readonly fontFamily: { readonly primary: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif"; readonly mono: "'JetBrains Mono', 'Fira Code', Consolas, monospace"; }; readonly fontSize: { readonly xs: "0.75rem"; readonly sm: "0.875rem"; readonly base: "1rem"; readonly lg: "1.125rem"; readonly xl: "1.25rem"; readonly '2xl': "1.5rem"; readonly '3xl': "1.875rem"; readonly '4xl': "2.25rem"; }; readonly fontWeight: { readonly regular: "400"; readonly medium: "500"; readonly semibold: "600"; readonly bold: "700"; }; readonly lineHeight: { readonly tight: "1.25"; readonly normal: "1.5"; readonly relaxed: "1.75"; }; readonly letterSpacing: { readonly tight: "-0.025em"; readonly normal: "0"; readonly wide: "0.025em"; }; }; export declare const spacing: { readonly 0: "0"; readonly px: "1px"; readonly xs: "0.25rem"; readonly sm: "0.5rem"; readonly md: "1rem"; readonly lg: "1.5rem"; readonly xl: "2rem"; readonly 0.5: "0.125rem"; readonly 1: "0.25rem"; readonly 1.5: "0.375rem"; readonly 2: "0.5rem"; readonly 2.5: "0.625rem"; readonly 3: "0.75rem"; readonly 3.5: "0.875rem"; readonly 4: "1rem"; readonly 5: "1.25rem"; readonly 6: "1.5rem"; readonly 7: "1.75rem"; readonly 8: "2rem"; readonly 9: "2.25rem"; readonly 10: "2.5rem"; readonly 12: "3rem"; readonly 14: "3.5rem"; readonly 16: "4rem"; readonly 20: "5rem"; readonly 24: "6rem"; }; export declare const borders: { readonly radius: { readonly none: "0"; readonly sm: "0.25rem"; readonly base: "0.5rem"; readonly md: "0.5rem"; readonly lg: "0.75rem"; readonly xl: "1rem"; readonly '2xl': "1.5rem"; readonly full: "9999px"; }; readonly width: { readonly 0: "0"; readonly 1: "1px"; readonly 2: "2px"; readonly 4: "4px"; }; }; export declare const shadows: { readonly none: "none"; readonly sm: "0 1px 3px rgba(33, 28, 28, 0.1)"; readonly base: "0 4px 6px rgba(33, 28, 28, 0.1)"; readonly md: "0 4px 6px rgba(33, 28, 28, 0.1)"; readonly lg: "0 10px 15px rgba(33, 28, 28, 0.1)"; readonly xl: "0 20px 25px rgba(33, 28, 28, 0.1)"; readonly '2xl': "0 25px 50px rgba(33, 28, 28, 0.2)"; }; export declare const animation: { readonly duration: { readonly instant: "0ms"; readonly fast: "150ms"; readonly normal: "200ms"; readonly slow: "300ms"; readonly slower: "500ms"; }; readonly easing: { readonly linear: "linear"; readonly easeIn: "cubic-bezier(0.4, 0, 1, 1)"; readonly easeOut: "cubic-bezier(0, 0, 0.2, 1)"; readonly easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)"; }; }; export type BrandColors = typeof brandColors; export type AmberTones = typeof amberTones; export type GoldenTones = typeof goldenTones; export type MagentaTones = typeof magentaTones; export type MidnightTones = typeof midnightTones; export type TypographyTokens = typeof typography; export type Spacing = typeof spacing; export type Borders = typeof borders; export type Shadows = typeof shadows; export type Animation = typeof animation; export declare const colors: { readonly brand: { readonly amber: "#F68D32"; readonly white: "#FFFFFF"; readonly shade: "#211C1C"; readonly goldenRays: "#FCB33F"; readonly skyMagenta: "#BF1767"; readonly midnight: "#040D4D"; readonly stone: "#727477"; readonly grey1: "#ADADB0"; readonly grey2: "#D0D4D8"; readonly grey3: "#F4F6F8"; }; readonly amber: { readonly darkest: "#F4770B"; readonly primary: "#F68D32"; readonly medium: "#F79E50"; readonly light: "#FAC596"; readonly lightest: "#FDECDC"; }; readonly golden: { readonly darkest: "#FB9C04"; readonly primary: "#FCB33F"; readonly medium: "#FFC05B"; readonly light: "#FDD493"; readonly lightest: "#FEF1DB"; }; readonly magenta: { readonly darkest: "#A31458"; readonly primary: "#BF1767"; readonly medium: "#E41B7B"; readonly light: "#EB5CA1"; readonly lightest: "#FBDEEC"; }; readonly midnight: { readonly darkest: "#020623"; readonly primary: "#040D4D"; readonly medium: "#091DAD"; readonly light: "#5266F6"; readonly lightest: "#97A3FA"; }; }; export declare const tokens: { readonly colors: { readonly brand: { readonly amber: "#F68D32"; readonly white: "#FFFFFF"; readonly shade: "#211C1C"; readonly goldenRays: "#FCB33F"; readonly skyMagenta: "#BF1767"; readonly midnight: "#040D4D"; readonly stone: "#727477"; readonly grey1: "#ADADB0"; readonly grey2: "#D0D4D8"; readonly grey3: "#F4F6F8"; }; readonly amber: { readonly darkest: "#F4770B"; readonly primary: "#F68D32"; readonly medium: "#F79E50"; readonly light: "#FAC596"; readonly lightest: "#FDECDC"; }; readonly golden: { readonly darkest: "#FB9C04"; readonly primary: "#FCB33F"; readonly medium: "#FFC05B"; readonly light: "#FDD493"; readonly lightest: "#FEF1DB"; }; readonly magenta: { readonly darkest: "#A31458"; readonly primary: "#BF1767"; readonly medium: "#E41B7B"; readonly light: "#EB5CA1"; readonly lightest: "#FBDEEC"; }; readonly midnight: { readonly darkest: "#020623"; readonly primary: "#040D4D"; readonly medium: "#091DAD"; readonly light: "#5266F6"; readonly lightest: "#97A3FA"; }; }; readonly typography: { readonly fontFamily: { readonly primary: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif"; readonly mono: "'JetBrains Mono', 'Fira Code', Consolas, monospace"; }; readonly fontSize: { readonly xs: "0.75rem"; readonly sm: "0.875rem"; readonly base: "1rem"; readonly lg: "1.125rem"; readonly xl: "1.25rem"; readonly '2xl': "1.5rem"; readonly '3xl': "1.875rem"; readonly '4xl': "2.25rem"; }; readonly fontWeight: { readonly regular: "400"; readonly medium: "500"; readonly semibold: "600"; readonly bold: "700"; }; readonly lineHeight: { readonly tight: "1.25"; readonly normal: "1.5"; readonly relaxed: "1.75"; }; readonly letterSpacing: { readonly tight: "-0.025em"; readonly normal: "0"; readonly wide: "0.025em"; }; }; readonly spacing: { readonly 0: "0"; readonly px: "1px"; readonly xs: "0.25rem"; readonly sm: "0.5rem"; readonly md: "1rem"; readonly lg: "1.5rem"; readonly xl: "2rem"; readonly 0.5: "0.125rem"; readonly 1: "0.25rem"; readonly 1.5: "0.375rem"; readonly 2: "0.5rem"; readonly 2.5: "0.625rem"; readonly 3: "0.75rem"; readonly 3.5: "0.875rem"; readonly 4: "1rem"; readonly 5: "1.25rem"; readonly 6: "1.5rem"; readonly 7: "1.75rem"; readonly 8: "2rem"; readonly 9: "2.25rem"; readonly 10: "2.5rem"; readonly 12: "3rem"; readonly 14: "3.5rem"; readonly 16: "4rem"; readonly 20: "5rem"; readonly 24: "6rem"; }; readonly borders: { readonly radius: { readonly none: "0"; readonly sm: "0.25rem"; readonly base: "0.5rem"; readonly md: "0.5rem"; readonly lg: "0.75rem"; readonly xl: "1rem"; readonly '2xl': "1.5rem"; readonly full: "9999px"; }; readonly width: { readonly 0: "0"; readonly 1: "1px"; readonly 2: "2px"; readonly 4: "4px"; }; }; readonly shadows: { readonly none: "none"; readonly sm: "0 1px 3px rgba(33, 28, 28, 0.1)"; readonly base: "0 4px 6px rgba(33, 28, 28, 0.1)"; readonly md: "0 4px 6px rgba(33, 28, 28, 0.1)"; readonly lg: "0 10px 15px rgba(33, 28, 28, 0.1)"; readonly xl: "0 20px 25px rgba(33, 28, 28, 0.1)"; readonly '2xl': "0 25px 50px rgba(33, 28, 28, 0.2)"; }; readonly animation: { readonly duration: { readonly instant: "0ms"; readonly fast: "150ms"; readonly normal: "200ms"; readonly slow: "300ms"; readonly slower: "500ms"; }; readonly easing: { readonly linear: "linear"; readonly easeIn: "cubic-bezier(0.4, 0, 1, 1)"; readonly easeOut: "cubic-bezier(0, 0, 0.2, 1)"; readonly easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)"; }; }; }; export type Tokens = typeof tokens; //# sourceMappingURL=index.d.ts.map