flowbite-svelte
Version:
Flowbite components for Svelte
581 lines (580 loc) • 14.4 kB
TypeScript
import type { ClassValue } from "svelte/elements";
import { type VariantProps } from "tailwind-variants";
export type ProgressbarClasses = Partial<{
[K in keyof (typeof progressbar)["slots"]]: ClassValue;
}>;
export type ProgressbarVariants = VariantProps<typeof progressbar> & {
classes?: ProgressbarClasses;
};
export declare const progressbar: import("tailwind-variants").TVReturnType<{
color: {
primary: {
labelInsideDiv: string;
insideDiv: string;
};
secondary: {
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, {
color: {
primary: {
labelInsideDiv: string;
insideDiv: string;
};
secondary: {
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;
};
secondary: {
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, unknown, unknown, undefined>>;
export type ProgressradialClasses = Partial<{
[K in keyof (typeof progressradial)["slots"]]: ClassValue;
}>;
export type ProgressradialVariants = VariantProps<typeof progressradial> & {
classes?: ProgressradialClasses;
};
export declare const progressradial: import("tailwind-variants").TVReturnType<{
color: {
primary: {
circleBackground: string;
circleForeground: string;
};
secondary: {
circleBackground: string;
circleForeground: string;
};
gray: {
circleBackground: string;
circleForeground: string;
};
red: {
circleBackground: string;
circleForeground: string;
};
orange: {
circleBackground: string;
circleForeground: string;
};
amber: {
circleBackground: string;
circleForeground: string;
};
yellow: {
circleBackground: string;
circleForeground: string;
};
lime: {
circleBackground: string;
circleForeground: string;
};
green: {
circleBackground: string;
circleForeground: string;
};
emerald: {
circleBackground: string;
circleForeground: string;
};
teal: {
circleBackground: string;
circleForeground: string;
};
cyan: {
circleBackground: string;
circleForeground: string;
};
sky: {
circleBackground: string;
circleForeground: string;
};
blue: {
circleBackground: string;
circleForeground: string;
};
indigo: {
circleBackground: string;
circleForeground: string;
};
violet: {
circleBackground: string;
circleForeground: string;
};
purple: {
circleBackground: string;
circleForeground: string;
};
fuchsia: {
circleBackground: string;
circleForeground: string;
};
pink: {
circleBackground: string;
circleForeground: string;
};
rose: {
circleBackground: string;
circleForeground: string;
};
};
labelInside: {
true: {};
};
}, {
base: string;
labelInsideDiv: string;
circleBackground: string;
circleForeground: string;
outsideDiv: string;
outsideSpan: string;
outsideProgress: string;
}, undefined, {
color: {
primary: {
circleBackground: string;
circleForeground: string;
};
secondary: {
circleBackground: string;
circleForeground: string;
};
gray: {
circleBackground: string;
circleForeground: string;
};
red: {
circleBackground: string;
circleForeground: string;
};
orange: {
circleBackground: string;
circleForeground: string;
};
amber: {
circleBackground: string;
circleForeground: string;
};
yellow: {
circleBackground: string;
circleForeground: string;
};
lime: {
circleBackground: string;
circleForeground: string;
};
green: {
circleBackground: string;
circleForeground: string;
};
emerald: {
circleBackground: string;
circleForeground: string;
};
teal: {
circleBackground: string;
circleForeground: string;
};
cyan: {
circleBackground: string;
circleForeground: string;
};
sky: {
circleBackground: string;
circleForeground: string;
};
blue: {
circleBackground: string;
circleForeground: string;
};
indigo: {
circleBackground: string;
circleForeground: string;
};
violet: {
circleBackground: string;
circleForeground: string;
};
purple: {
circleBackground: string;
circleForeground: string;
};
fuchsia: {
circleBackground: string;
circleForeground: string;
};
pink: {
circleBackground: string;
circleForeground: string;
};
rose: {
circleBackground: string;
circleForeground: string;
};
};
labelInside: {
true: {};
};
}, {
base: string;
labelInsideDiv: string;
circleBackground: string;
circleForeground: string;
outsideDiv: string;
outsideSpan: string;
outsideProgress: string;
}, import("tailwind-variants").TVReturnType<{
color: {
primary: {
circleBackground: string;
circleForeground: string;
};
secondary: {
circleBackground: string;
circleForeground: string;
};
gray: {
circleBackground: string;
circleForeground: string;
};
red: {
circleBackground: string;
circleForeground: string;
};
orange: {
circleBackground: string;
circleForeground: string;
};
amber: {
circleBackground: string;
circleForeground: string;
};
yellow: {
circleBackground: string;
circleForeground: string;
};
lime: {
circleBackground: string;
circleForeground: string;
};
green: {
circleBackground: string;
circleForeground: string;
};
emerald: {
circleBackground: string;
circleForeground: string;
};
teal: {
circleBackground: string;
circleForeground: string;
};
cyan: {
circleBackground: string;
circleForeground: string;
};
sky: {
circleBackground: string;
circleForeground: string;
};
blue: {
circleBackground: string;
circleForeground: string;
};
indigo: {
circleBackground: string;
circleForeground: string;
};
violet: {
circleBackground: string;
circleForeground: string;
};
purple: {
circleBackground: string;
circleForeground: string;
};
fuchsia: {
circleBackground: string;
circleForeground: string;
};
pink: {
circleBackground: string;
circleForeground: string;
};
rose: {
circleBackground: string;
circleForeground: string;
};
};
labelInside: {
true: {};
};
}, {
base: string;
labelInsideDiv: string;
circleBackground: string;
circleForeground: string;
outsideDiv: string;
outsideSpan: string;
outsideProgress: string;
}, undefined, unknown, unknown, undefined>>;