franken-ui/dist/components/button.d.ts

Franken UI is an HTML-first UI component library built on UIkit 3 and extended with LitElement, inspired by shadcn/ui.

declare const _default: {
    '.uk-btn': {
        display: string;
        alignItems: string;
        justifyContent: string;
        gap: string;
        boxSizing: string;
        width: string;
        height: string;
        padding: string;
        fontSize: string;
        lineHeight: string;
        fontWeight: string;
        textAlign: string;
        whiteSpace: string;
        borderRadius: string;
        boxShadow: string;
        borderWidth: string;
        borderStyle: string;
        borderColor: string;
        backgroundColor: string;
        color: string;
    };
    '.uk-btn svg': {
        pointerEvents: string;
        width: string;
        height: string;
        flexShrink: string;
    };
    '.uk-btn::-moz-focus-inner': {
        border: string;
        padding: string;
    };
    '.uk-btn:hover': {
        transitionProperty: string;
        transitionDuration: string;
        transitionTimingFunction: string;
    };
    '.uk-btn:disabled': {
        opacity: string;
        pointerEvents: string;
    };
    '.uk-btn-default': {
        '--uk-btn-border-color': string;
        '--uk-btn-bg': string;
        '--uk-btn-color': string;
    };
    '.uk-btn-default:hover, .uk-btn-default.uk-active, .uk-btn-ghost:not(:disabled):hover, .uk-btn-ghost.uk-active': {
        '--uk-btn-bg': string;
        '--uk-btn-color': string;
    };
    '.uk-btn-primary': {
        '--uk-btn-bg': string;
        '--uk-btn-color': string;
    };
    '.uk-btn-primary:hover, .uk-btn-primary.uk-active': {
        '--uk-btn-bg': string;
        '--uk-btn-color': string;
    };
    '.uk-btn-secondary': {
        '--uk-btn-bg': string;
        '--uk-btn-color': string;
    };
    '.uk-btn-secondary:hover, .uk-btn-secondary.uk-active': {
        '--uk-btn-bg': string;
        '--uk-btn-color': string;
    };
    '.uk-btn-destructive': {
        '--uk-btn-bg': string;
        '--uk-btn-color': string;
    };
    '.uk-btn-destructive:hover, .uk-btn-destructive.uk-active': {
        '--uk-btn-destructive-hover-alpha': string;
        '--uk-btn-bg': string;
        '--uk-btn-color': string;
    };
    '.uk-btn-text': {
        height: string;
        padding: string;
        position: string;
        borderRadius: string;
        boxShadow: string;
    };
    '.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-ghost': {
        boxShadow: string;
    };
    '.uk-btn-icon': {
        aspectRatio: string;
        padding: string;
    };
    '.uk-btn-group': {
        display: string;
        position: string;
        boxShadow: string;
        borderRadius: string;
    };
    '.uk-btn-group .uk-btn': {
        borderRadius: string;
        boxShadow: string;
    };
    '.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-xs': {
        '--uk-btn-height': string;
        '--uk-btn-padding': string;
        '--uk-btn-font-size': string;
        '--uk-btn-leading': string;
    };
    '.uk-btn-sm': {
        '--uk-btn-height': string;
        '--uk-btn-padding': string;
        '--uk-btn-font-size': string;
        '--uk-btn-leading': string;
    };
    '.uk-btn-md': {
        '--uk-btn-height': string;
        '--uk-btn-padding': string;
    };
    '.uk-btn-lg': {
        '--uk-btn-height': string;
        '--uk-btn-padding': string;
    };
};
export default _default;