flowbite-svelte 0.47.2 → 1.0.0-next.1

package/dist/progress/theme.d.ts

@@ -0,0 +1,603 @@
+export declare const progressbar: import("tailwind-variants").TVReturnType<{
+    color: {
+        primary: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        gray: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        red: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        orange: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        amber: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        yellow: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        lime: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        green: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        emerald: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        teal: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        cyan: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        sky: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        blue: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        indigo: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        violet: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        purple: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        fuchsia: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        pink: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        rose: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+    };
+    labelInside: {
+        true: string;
+        false: string;
+    };
+}, {
+    base: string;
+    labelInsideDiv: string;
+    insideDiv: string;
+    outsideDiv: string;
+    oustsideSpan: string;
+    outsideProgress: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    color: {
+        primary: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        gray: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        red: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        orange: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        amber: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        yellow: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        lime: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        green: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        emerald: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        teal: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        cyan: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        sky: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        blue: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        indigo: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        violet: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        purple: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        fuchsia: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        pink: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        rose: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+    };
+    labelInside: {
+        true: string;
+        false: string;
+    };
+}, {
+    color: {
+        primary: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        gray: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        red: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        orange: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        amber: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        yellow: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        lime: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        green: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        emerald: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        teal: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        cyan: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        sky: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        blue: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        indigo: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        violet: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        purple: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        fuchsia: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        pink: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        rose: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+    };
+    labelInside: {
+        true: string;
+        false: string;
+    };
+}>, {
+    color: {
+        primary: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        gray: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        red: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        orange: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        amber: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        yellow: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        lime: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        green: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        emerald: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        teal: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        cyan: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        sky: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        blue: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        indigo: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        violet: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        purple: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        fuchsia: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        pink: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        rose: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+    };
+    labelInside: {
+        true: string;
+        false: string;
+    };
+}, {
+    base: string;
+    labelInsideDiv: string;
+    insideDiv: string;
+    outsideDiv: string;
+    oustsideSpan: string;
+    outsideProgress: string;
+}, import("tailwind-variants").TVReturnType<{
+    color: {
+        primary: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        gray: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        red: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        orange: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        amber: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        yellow: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        lime: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        green: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        emerald: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        teal: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        cyan: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        sky: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        blue: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        indigo: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        violet: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        purple: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        fuchsia: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        pink: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        rose: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+    };
+    labelInside: {
+        true: string;
+        false: string;
+    };
+}, {
+    base: string;
+    labelInsideDiv: string;
+    insideDiv: string;
+    outsideDiv: string;
+    oustsideSpan: string;
+    outsideProgress: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    color: {
+        primary: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        gray: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        red: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        orange: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        amber: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        yellow: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        lime: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        green: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        emerald: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        teal: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        cyan: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        sky: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        blue: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        indigo: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        violet: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        purple: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        fuchsia: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        pink: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        rose: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+    };
+    labelInside: {
+        true: string;
+        false: string;
+    };
+}, {
+    color: {
+        primary: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        gray: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        red: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        orange: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        amber: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        yellow: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        lime: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        green: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        emerald: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        teal: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        cyan: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        sky: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        blue: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        indigo: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        violet: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        purple: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        fuchsia: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        pink: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+        rose: {
+            labelInsideDiv: string;
+            insideDiv: string;
+        };
+    };
+    labelInside: {
+        true: string;
+        false: string;
+    };
+}>, unknown, unknown, undefined>>;

package/dist/progress/theme.js

@@ -0,0 +1,113 @@
+import { tv } from "tailwind-variants";
+export const progressbar = tv({
+    slots: {
+        base: "w-full bg-gray-200 rounded-full dark:bg-gray-700",
+        labelInsideDiv: "text-primary-100 text-xs font-medium text-center leading-none rounded-full",
+        insideDiv: "rounded-full",
+        outsideDiv: "mb-1 flex justify-between",
+        oustsideSpan: "text-base font-medium text-blue-700 dark:text-white",
+        outsideProgress: "text-sm font-medium text-blue-700 dark:text-white"
+    },
+    variants: {
+        color: {
+            // 'primary' | 'gray' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose'
+            primary: {
+                labelInsideDiv: "bg-primary-600",
+                insideDiv: "bg-primary-600"
+            },
+            gray: {
+                labelInsideDiv: "bg-gray-600 dark:bg-gray-300",
+                insideDiv: "bg-gray-600 dark:bg-gray-300"
+            },
+            red: {
+                labelInsideDiv: "bg-red-600 dark:bg-red-500",
+                insideDiv: "bg-red-600 dark:bg-red-500"
+            },
+            orange: {
+                labelInsideDiv: "bg-orange-600 dark:bg-orange-500",
+                insideDiv: "bg-orange-600 dark:bg-orange-500"
+            },
+            amber: {
+                labelInsideDiv: "bg-amber-600 dark:bg-amber-500",
+                insideDiv: "bg-amber-600 dark:bg-amber-500"
+            },
+            yellow: {
+                labelInsideDiv: "bg-yellow-400",
+                insideDiv: "bg-yellow-400"
+            },
+            lime: {
+                labelInsideDiv: "bg-lime-600 dark:bg-lime-500",
+                insideDiv: "bg-lime-600 dark:bg-lime-500"
+            },
+            green: {
+                labelInsideDiv: "bg-green-600 dark:bg-green-500",
+                insideDiv: "bg-green-600 dark:bg-green-500"
+            },
+            emerald: {
+                labelInsideDiv: "bg-emerald-600 dark:bg-emerald-500",
+                insideDiv: "bg-emerald-600 dark:bg-emerald-500"
+            },
+            teal: {
+                labelInsideDiv: "bg-teal-600 dark:bg-teal-500",
+                insideDiv: "bg-teal-600 dark:bg-teal-500"
+            },
+            cyan: {
+                labelInsideDiv: "bg-cyan-600 dark:bg-cyan-500",
+                insideDiv: "bg-cyan-600 dark:bg-cyan-500"
+            },
+            sky: {
+                labelInsideDiv: "bg-sky-600 dark:bg-sky-500",
+                insideDiv: "bg-sky-600 dark:bg-sky-500"
+            },
+            blue: {
+                labelInsideDiv: "bg-blue-600",
+                insideDiv: "bg-blue-600"
+            },
+            indigo: {
+                labelInsideDiv: "bg-indigo-600 dark:bg-indigo-500",
+                insideDiv: "bg-indigo-600 dark:bg-indigo-500"
+            },
+            violet: {
+                labelInsideDiv: "bg-violet-600 dark:bg-violet-500",
+                insideDiv: "bg-violet-600 dark:bg-violet-500"
+            },
+            purple: {
+                labelInsideDiv: "bg-purple-600 dark:bg-purple-500",
+                insideDiv: "bg-purple-600 dark:bg-purple-500"
+            },
+            fuchsia: {
+                labelInsideDiv: "bg-fuchsia-600 dark:bg-fuchsia-500",
+                insideDiv: "bg-fuchsia-600 dark:bg-fuchsia-500"
+            },
+            pink: {
+                labelInsideDiv: "bg-pink-600 dark:bg-pink-500",
+                insideDiv: "bg-pink-600 dark:bg-pink-500"
+            },
+            rose: {
+                labelInsideDiv: "bg-rose-600 dark:bg-rose-500",
+                insideDiv: "bg-rose-600 dark:bg-rose-500"
+            }
+        },
+        labelInside: {
+            true: "",
+            false: ""
+        }
+    },
+    compoundVariants: [
+        {
+            labelInside: true,
+            class: {
+                base: "text-primary-100 text-xs font-medium text-center leading-none rounded-full",
+                labelInsideDiv: "p-0.5"
+            }
+        },
+        {
+            labelInside: false,
+            class: { base: "rounded-full" }
+        }
+    ],
+    defaultVariants: {
+        color: "primary",
+        labelInside: false
+    }
+});