UNPKG

zeed-dynamic-table

Version:

A flexible and dynamic table component for React and Next.js applications without Tailwind dependencies

17 lines (16 loc) • 917 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
export type ColorIntensity = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950; export type TailwindColor = "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "slate" | "gray" | "zinc" | "neutral" | "stone"; /** * Generates Tailwind color classes dynamically * This helps with the limitation of Tailwind's JIT compiler * by pre-generating the most common combinations */ export declare function getTailwindColorClass(type: "bg" | "text" | "border" | "ring", color: TailwindColor, intensity?: ColorIntensity): string; /** * Generates chip classes based on status or color value */ export declare function getChipClasses(color?: string, size?: "sm" | "md" | "lg"): string; /** * Helper for status-based styling */ export declare function getStatusClasses(status: string): string;