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.
100 lines (99 loc) • 3.01 kB
TypeScript
declare const _default: {
'.uk-btn': {
boxSizing: string;
borderRadius: string;
boxShadow: string;
height: string;
padding: string;
fontSize: string;
lineHeight: string;
'@apply box-border inline-flex items-center justify-center text-center font-medium focus-visible:outline-dotted focus-visible:outline-ring disabled:opacity-50': {};
};
'.uk-btn::-moz-focus-inner': {
border: string;
padding: string;
};
'.uk-btn-default': {
'@apply border border-border bg-background hover:bg-accent hover:text-accent-foreground': {};
};
'.uk-btn-default.uk-active': {
'@apply bg-accent text-accent-foreground': {};
};
'.uk-btn-primary': {
'@apply bg-primary text-primary-foreground hover:bg-primary/90': {};
};
'.uk-btn-primary.uk-active': {
'@apply bg-primary/90': {};
};
'.uk-btn-secondary': {
'@apply bg-secondary text-secondary-foreground hover:bg-secondary/80': {};
};
'.uk-btn-secondary.uk-active': {
'@apply bg-secondary/80': {};
};
'.uk-btn-destructive': {
'@apply bg-destructive text-destructive-foreground hover:bg-destructive/90': {};
};
'.uk-btn-destructive.uk-active': {
'@apply bg-destructive/90': {};
};
'.uk-btn-text': {
height: string;
padding: string;
position: string;
borderRadius: string;
'@apply shadow-none': {};
};
'.uk-btn-text::before': {
content: string;
position: string;
bottom: string;
left: string;
right: string;
borderBottom: string;
transition: string;
};
'.uk-btn-text:hover::before': {
right: string;
};
'.uk-btn-text:disabled::before': {
display: string;
};
'.uk-btn-group': {
display: string;
position: string;
boxShadow: string;
borderRadius: string;
};
'.uk-btn-group .uk-btn': {
'@apply rounded-none shadow-none': {};
};
'.uk-btn-group > .uk-btn:first-child': {
borderTopLeftRadius: string;
borderBottomLeftRadius: string;
};
'.uk-btn-group > .uk-btn:last-child, .uk-btn-group > .uk-inline:last-child > .uk-btn': {
borderTopRightRadius: string;
borderBottomRightRadius: string;
};
'.uk-btn-group > .uk-btn:nth-child(n + 2), .uk-btn-group > div:nth-child(n + 2) .uk-btn': {
marginLeft: string;
};
'.uk-btn-group .uk-btn:hover, .uk-btn-group .uk-btn:focus, .uk-btn-group .uk-btn:active, .uk-btn-group .uk-btn.uk-active': {
position: string;
zIndex: string;
};
'.uk-btn-ghost': {
'@apply shadow-none': {};
};
'.uk-btn-ghost:not(:disabled):hover': {
'@apply bg-accent': {};
};
'.uk-btn-ghost.uk-active': {
'@apply bg-accent': {};
};
'.uk-btn-icon': {
'@apply aspect-square p-0': {};
};
};
export default _default;