svelte-5-ui-lib
Version:
Svelte 5 UI Lib is a UI library built from scratch to leverage Svelte 5's runes system, creating smooth, reactive components.
245 lines (244 loc) • 5.39 kB
TypeScript
export declare const span: import("tailwind-variants").TVReturnType<{
italic: {
true: string;
};
underline: {
true: string;
};
linethrough: {
true: string;
};
uppercase: {
true: string;
};
gradient: {
skyToEmerald: string;
purpleToBlue: string;
pinkToOrange: string;
tealToLime: string;
redToYellow: string;
indigoToCyan: string;
fuchsiaToRose: string;
amberToEmerald: string;
violetToRed: string;
blueToGreen: string;
orangeToPurple: string;
yellowToRed: string;
none: string;
};
highlight: {
blue: string;
green: string;
red: string;
yellow: string;
purple: string;
pink: string;
indigo: string;
teal: string;
orange: string;
cyan: string;
fuchsia: string;
amber: string;
lime: string;
none: string;
};
decoration: {
solid: string;
double: string;
dotted: string;
dashed: string;
wavy: string;
none: string;
};
decorationColor: {
primary: string;
secondary: string;
gray: string;
orange: string;
red: string;
yellow: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
blue: string;
indigo: string;
violet: string;
purple: string;
fuchsia: string;
pink: string;
rose: string;
none: string;
};
decorationThickness: {
'1': string;
'2': string;
'4': string;
'8': string;
'0': string;
};
}, undefined, undefined, {
italic: {
true: string;
};
underline: {
true: string;
};
linethrough: {
true: string;
};
uppercase: {
true: string;
};
gradient: {
skyToEmerald: string;
purpleToBlue: string;
pinkToOrange: string;
tealToLime: string;
redToYellow: string;
indigoToCyan: string;
fuchsiaToRose: string;
amberToEmerald: string;
violetToRed: string;
blueToGreen: string;
orangeToPurple: string;
yellowToRed: string;
none: string;
};
highlight: {
blue: string;
green: string;
red: string;
yellow: string;
purple: string;
pink: string;
indigo: string;
teal: string;
orange: string;
cyan: string;
fuchsia: string;
amber: string;
lime: string;
none: string;
};
decoration: {
solid: string;
double: string;
dotted: string;
dashed: string;
wavy: string;
none: string;
};
decorationColor: {
primary: string;
secondary: string;
gray: string;
orange: string;
red: string;
yellow: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
blue: string;
indigo: string;
violet: string;
purple: string;
fuchsia: string;
pink: string;
rose: string;
none: string;
};
decorationThickness: {
'1': string;
'2': string;
'4': string;
'8': string;
'0': string;
};
}, undefined, import("tailwind-variants").TVReturnType<{
italic: {
true: string;
};
underline: {
true: string;
};
linethrough: {
true: string;
};
uppercase: {
true: string;
};
gradient: {
skyToEmerald: string;
purpleToBlue: string;
pinkToOrange: string;
tealToLime: string;
redToYellow: string;
indigoToCyan: string;
fuchsiaToRose: string;
amberToEmerald: string;
violetToRed: string;
blueToGreen: string;
orangeToPurple: string;
yellowToRed: string;
none: string;
};
highlight: {
blue: string;
green: string;
red: string;
yellow: string;
purple: string;
pink: string;
indigo: string;
teal: string;
orange: string;
cyan: string;
fuchsia: string;
amber: string;
lime: string;
none: string;
};
decoration: {
solid: string;
double: string;
dotted: string;
dashed: string;
wavy: string;
none: string;
};
decorationColor: {
primary: string;
secondary: string;
gray: string;
orange: string;
red: string;
yellow: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
blue: string;
indigo: string;
violet: string;
purple: string;
fuchsia: string;
pink: string;
rose: string;
none: string;
};
decorationThickness: {
'1': string;
'2': string;
'4': string;
'8': string;
'0': string;
};
}, undefined, undefined, unknown, unknown, undefined>>;