@enclavemoney/enclave-wallet-sdk/dist/types/theme.d.ts

A simple enclave wallet SDK for React applications

export interface Theme {
    background: string;
    surface: string;
    surfaceHover: string;
    surfaceActive: string;
    border: string;
    text: string;
    textSecondary: string;
    primary: string;
    primaryHover: string;
    accent: string;
    successBg: string;
    successText: string;
    errorBg: string;
    errorText: string;
    warningBg: string;
    warningText: string;
}
export declare const getThemeStyles: (primaryColor?: string) => {
    dark: Theme;
    light: Theme;
};
export declare const themeStyles: {
    dark: Theme;
    light: Theme;
};
export type ThemeMode = "light" | "dark";
export type CornerRadius = "small" | "medium" | "large";
export interface BorderRadiusConfig {
    innerRadius: number;
    outerRadius: number;
    level3Radius: number;
}
export declare const borderRadiusStyles: {
    small: BorderRadiusConfig;
    medium: BorderRadiusConfig;
    large: BorderRadiusConfig;
};
export interface WalletSDKConfig {
    theme?: ThemeMode;
    cornerRadius?: CornerRadius;
}
export interface WalletConfig {
    sdkKey: string;
    appearance?: "light" | "dark";
    primaryColor?: string;
    cornerRadius?: "S" | "M" | "L";
    brandLogo?: string;
    authentication?: {
        social?: string[];
        passkey?: boolean;
    };
    fontFamily?: string;
    showEnclave?: boolean;
}
export declare const mapCornerRadius: (cornerRadius?: "S" | "M" | "L") => CornerRadius;
export declare const mapAppearanceToTheme: (appearance?: "light" | "dark") => ThemeMode;