franken-ui/dist/components/pagination.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-pgn': {
        display: string;
        flexWrap: string;
        alignItems: string;
        gap: string;
    };
    '.uk-pgn > *': {
        position: string;
        flex: string;
    };
    '.uk-pgn > * > *': {
        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-pgn > * > * svg': {
        pointerEvents: string;
        width: string;
        height: string;
        flexShrink: string;
    };
    '.uk-pgn > * > *::-moz-focus-inner': {
        border: string;
        padding: string;
    };
    '.uk-pgn > * > *:hover': {
        transitionProperty: string;
        transitionDuration: string;
        transitionTimingFunction: string;
    };
    '.uk-pgn > .uk-active > *': {
        opacity: string;
    };
    '.uk-pgn > .uk-disabled > *, .uk-pgn > * > *:disabled': {
        opacity: string;
        pointerEvents: string;
    };
    '.uk-pgn-xs > * > *': {
        '--uk-pgn-item-height': string;
        '--uk-pgn-item-padding': string;
        '--uk-pgn-item-font-size': string;
        '--uk-pgn-item-line-height': string;
    };
    '.uk-pgn-sm > * > *': {
        '--uk-pgn-item-height': string;
        '--uk-pgn-item-padding': string;
        '--uk-pgn-item-font-size': string;
        '--uk-pgn-item-line-height': string;
    };
    '.uk-pgn-md > * > *': {
        '--uk-pgn-item-height': string;
        '--uk-pgn-item-padding': string;
    };
    '.uk-pgn-lg > * > *': {
        '--uk-pgn-item-height': string;
        '--uk-pgn-item-padding': string;
    };
    '.uk-pgn-default > * > *': {
        '--uk-pgn-item-border-color': string;
        '--uk-pgn-item-bg': string;
        '--uk-pgn-item-color': string;
    };
    '.uk-pgn-default > * > *:hover,.uk-pgn-default > * > *.uk-active': {
        '--uk-pgn-item-bg': string;
        '--uk-pgn-item-color': string;
    };
    '.uk-pgn-primary > * > *': {
        '--uk-pgn-item-bg': string;
        '--uk-pgn-item-color': string;
    };
    '.uk-pgn-primary > * > *:hover,.uk-pgn-primary > * > *.uk-active': {
        '--uk-pgn-item-bg': string;
        '--uk-pgn-item-color': string;
    };
    '.uk-pgn-secondary > * > *': {
        '--uk-pgn-item-bg': string;
        '--uk-pgn-item-color': string;
    };
    '.uk-pgn-secondary > * > *:hover,.uk-pgn-secondary > * > *.uk-active': {
        '--uk-pgn-item-bg': string;
        '--uk-pgn-item-color': string;
    };
    '.uk-pgn-ghost > * > *:not(:disabled):hover,.uk-pgn-ghost > * > *.uk-active': {
        '--uk-pgn-item-bg': string;
        '--uk-pgn-item-color': string;
    };
    '.uk-pgn-ghost > * > *': {
        boxShadow: string;
    };
    '.uk-pgn-destructive > * > *': {
        '--uk-pgn-item-bg': string;
        '--uk-pgn-item-color': string;
    };
    '.uk-pgn-destructive > * > *:hover,.uk-pgn-destructive > * > *.uk-active': {
        '--uk-pgn-destructive-item-hover-alpha': string;
        '--uk-pgn-item-bg': string;
        '--uk-pgn-item-color': string;
    };
};
export default _default;