@funkit/connect
Version:
Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.
38 lines (37 loc) • 2.27 kB
TypeScript
import type { ThemeVars } from '../css/sprinkles.css';
/** System font fallbacks */
export declare const systemFontStack = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
declare const fontStacks: {
readonly rounded: "SFRounded, ui-rounded, \"SF Pro Rounded\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
readonly system: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
readonly fun: "SF Pro, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
};
type FontStack = keyof typeof fontStacks;
type RadiusScale = 'large' | 'medium' | 'small' | 'none';
type Blurs = 'tiny' | 'small' | 'large' | 'none';
type FontSizeType = 'regular' | 'small';
interface BaseThemeOptions {
customFontWeights?: Partial<ThemeVars['fontWeight']>;
customFontFamily?: string;
customFontSizings?: Partial<ThemeVars['fontSize']>;
customBorderRadiuses?: Partial<ThemeVars['radii']>;
customDimensions?: Partial<ThemeVars['dimensions']>;
customSpacings?: Partial<ThemeVars['spacing']>;
fontSizing?: FontSizeType;
borderRadius?: RadiusScale;
fontStack?: FontStack;
overlayBlur?: Blurs;
}
export declare const baseTheme: ({ borderRadius, fontStack, fontSizing, customFontFamily, customFontWeights, customFontSizings, customBorderRadiuses, customDimensions, customSpacings, overlayBlur, }: BaseThemeOptions) => Pick<ThemeVars, "radii" | "dimensions" | "fonts" | "fontWeight" | "fontSize" | "blurs" | "spacing">;
export interface AccentColor {
accentColor: string;
accentColorForeground: string;
}
export type AccentColorPreset = 'blue' | 'green' | 'red' | 'purple' | 'pink' | 'orange' | 'white';
export interface ThemeOptions extends BaseThemeOptions {
accentColor?: string;
accentColorForeground?: string;
customColors?: Partial<ThemeVars['colors']>;
customShadows?: Partial<ThemeVars['shadows']>;
}
export {};