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.
60 lines (59 loc) • 1.58 kB
TypeScript
export default function (): {
'hook-icon': {
margin: null;
border: null;
borderRadius: null;
overflow: null;
font: null;
textTransform: null;
padding: null;
backgroundColor: null;
display: string;
lineHeight: null;
};
'hook-link': {
color: null;
};
'hook-link-hover': {
color: null;
};
'hook-link-active': {
color: null;
};
'hook-button': {
boxSizing: null;
width: null;
height: null;
borderRadius: null;
backgroundColor: null;
color: null;
verticalAlign: null;
display: null;
justifyContent: null;
alignItems: null;
transition: null;
transitionProperty: null;
'@apply inline-flex h-9 w-9 items-center justify-center rounded-md focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50': {};
};
'hook-button-hover': {
backgroundColor: null;
color: null;
'@apply bg-accent text-accent-foreground': {};
};
'hook-button-active': {
backgroundColor: null;
color: null;
'@apply bg-accent text-accent-foreground': {};
};
'hook-misc': {
'.uk-icon-button-small': {
'@apply h-8 w-8': {};
};
'.uk-icon-button-xsmall': {
'@apply h-7 w-7': {};
};
'.uk-icon-button-outline': {
'@apply border border-input shadow-sm': {};
};
};
};