export type ThemeMode = "light" | "dark"; export interface ThemeTypography { fontFamily: string; fontWeights: { light: number; regular: number; medium: number; semibold: number; bold: number; }; } export interface ThemeButtonTypography { fontSize: string; fontWeight: number; small: { fontSize: string; }; large: { fontSize: string; }; } export interface ThemeButtonIconOnly { width: string; height: string; iconSize: string; iconPadding: string; } export interface ThemeButtonMetrics { borderRadius: string; padding: string; display: string; justifyContent: string; alignItems: string; gap: string; typography: ThemeButtonTypography; iconOnly: ThemeButtonIconOnly; } export interface ThemeSemanticText { primary: string; secondary: string; inverse: string; } export interface ThemeSemanticSurface { background: string; card: string; section: string; sidebarBorder: string; } export interface ThemeSemanticButtonState { background: string; backgroundHover?: string; border?: string; text: string; backgroundMuted?: string; } export interface ThemeSemanticButton { primary: Required>; secondary: Required>; tertiary: Pick; disabled: Required>; iconBorder: string; } export interface ThemeSemanticFeedback { success: string; info: string; warning: string; help: string; danger: string; secondary: string; } export interface ThemeSemantic { text: ThemeSemanticText; surface: ThemeSemanticSurface; button: ThemeSemanticButton; feedback: ThemeSemanticFeedback; } export interface Theme { mode: ThemeMode; typography: ThemeTypography; button: ThemeButtonMetrics; semantic: ThemeSemantic; } export declare const lightTheme: Theme; export declare const darkTheme: Theme;