UNPKG

@vela-ui/react

Version:

Vela UI React components

27 lines (25 loc) 2.01 kB
declare const defaultThemes: readonly ["acid", "aqua", "autumn", "black", "abyss", "bumblebee", "business", "cmyk", "caramellatte", "coffee", "corporate", "cyberpunk", "dark", "dracula", "emerald", "cupcake", "fantasy", "dim", "garden", "halloween", "lemonade", "forest", "lofi", "luxury", "night", "nord", "pastel", "light", "retro", "silk", "synthwave", "sunset", "valentine", "wireframe", "winter"]; declare const componentPositions: readonly ["top", "bottom", "left", "right"]; declare const componentShapes: readonly ["square", "circle"]; declare const componentSizes: readonly ["xs", "sm", "md", "lg", "xl"]; declare const componentStatuses: readonly ["info", "success", "warning", "error"]; declare const componentColors: readonly ["neutral", "primary", "secondary", "accent", "info", "success", "warning", "error"]; declare const componentDirections: readonly ["vertical", "horizontal"]; type ComponentPosition = (typeof componentPositions)[number]; type ComponentSize = (typeof componentSizes)[number]; type ComponentStatus = (typeof componentStatuses)[number]; type ComponentColor = (typeof componentColors)[number]; type ComponentShape = (typeof componentShapes)[number]; type ComponentDirection = (typeof componentDirections)[number]; type DataTheme = (typeof defaultThemes)[number] | string; interface ComponentVariantMap { base?: string; size?: Record<ComponentSize, string>; variant?: Record<string, string>; color?: Partial<Record<ComponentColor, string>>; shape?: Record<ComponentShape, string>; position?: Record<ComponentPosition, string>; direction?: Record<ComponentDirection, string>; [key: string]: Record<string, string> | string | undefined; } export { type ComponentColor, type ComponentDirection, type ComponentPosition, type ComponentShape, type ComponentSize, type ComponentStatus, type ComponentVariantMap, type DataTheme, componentColors, componentDirections, componentPositions, componentShapes, componentSizes, componentStatuses, defaultThemes };