franken-ui
Version:
Franken UI is an HTML-first, open-source library of UI components based on the utility-first Tailwind CSS with UIkit 3 compatibility. The design is based on shadcn/ui ported to be framework-agnostic.
31 lines (30 loc) • 1.01 kB
TypeScript
declare const _default: {
'.uk-ts': {
'@apply flex flex-1 flex-col space-y-4': {};
};
'.uk-ts-key': {
'@apply space-y-2': {};
};
'.uk-ts-value': {
'@apply grid grid-cols-3 gap-2': {};
};
'.uk-ts-value button': {
borderRadius: string;
boxShadow: string;
fontSize: string;
lineHeight: string;
'@apply focus-visible:ring-ring border-input bg-background hover:bg-accent hover:text-accent-foreground inline-flex h-8 items-center justify-start border px-3 font-medium focus-visible:outline-dotted focus-visible:ring-1': {};
};
'.uk-ts-value button.uk-active': {
'@apply border-primary ring-primary ring-1': {};
};
'.uk-ts-hex': {
'@apply flex h-4 w-4 shrink-0 -translate-x-1 items-center justify-center rounded-full text-white': {};
};
'.uk-ts-text:not(:first-child)': {
overflow: string;
textOverflow: string;
'@apply ml-2': {};
};
};
export default _default;