@vela-ui/react
Version:
Vela UI React components
27 lines (25 loc) • 2.01 kB
text/typescript
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 };