export declare const textUnderlineHover: {
    '::after': {
        content: string;
        position: string;
        background: string;
        left: string;
        bottom: string;
        height: string;
        width: string;
        borderRadius: string;
        transform: string;
        transformOrigin: string;
        transition: string;
        backfaceVisibility: string;
    };
    ':hover::after': {
        transform: string;
        transformOrigin: string;
    };
};
declare const components: {
    text: {
        heading: {
            fontFamily: string;
            fontWeight: string;
        };
        lg: {
            fontSize: number;
            lineHeight: string;
        };
        md: {
            fontSize: number;
            lineHeight: string;
        };
        sm: {
            fontSize: number;
            lineHeight: string;
        };
    };
    input: {
        fontFamily: string;
        fontWeight: number;
        sm: {
            background: string;
            borderRadius: string;
            height: string;
            width: string;
        };
        md: {
            background: string;
            borderRadius: string;
            height: string;
            width: string;
        };
        lg: {
            background: string;
            borderRadius: string;
            height: string;
            width: string;
        };
    };
    textarea: {
        padding: string;
        borderRadius: string;
        border: string;
        fontWeight: string;
        background: string;
        resize: string;
        color: string;
        '&:focus': {
            outline: string;
        };
    };
    checkbox: {
        background: string;
        borderRadius: string;
        borderWidth: string;
        borderStyle: string;
        borderColor: string;
        boxShadow: string;
        outline: string;
        appearance: string;
        width: string;
        height: string;
        margin: string;
        cursor: string;
        '& + svg': {
            display: string;
            position: string;
            pointerEvents: string;
            top: string;
            left: string;
            bottom: string;
            right: string;
            margin: string;
        };
        '&:checked ': {
            background: string;
            borderColor: string;
            '& + svg': {
                display: string;
            };
        };
        '&:focus:not(:checked)': {
            outline: string;
            boxShadow: string;
        };
        '&:focus': {
            outline: string;
            boxShadow: string;
        };
        '&:hover:not(:disabled):not(:checked)': {
            borderColor: string;
            boxShadow: string;
        };
    };
    radio: {
        background: string;
        borderRadius: string;
        borderWidth: string;
        borderStyle: string;
        borderColor: string;
        boxShadow: string;
        outline: string;
        appearance: string;
        width: string;
        height: string;
        margin: string;
        cursor: string;
        '& + span': {
            display: string;
            position: string;
            pointerEvents: string;
            top: string;
            left: string;
            bottom: string;
            right: string;
            margin: string;
            backgroundColor: string;
            borderRadius: string;
        };
        '&:checked ': {
            background: string;
            borderColor: string;
            '& + span': {
                display: string;
            };
        };
        '&:focus': {
            outline: string;
            boxShadow: string;
        };
        '&:hover:not(:disabled):not(:checked)': {
            borderColor: string;
        };
    };
    label: {
        inline: {
            display: string;
            alignItems: string;
            columnGap: number;
        };
    };
    borders: {
        primaryButton: string;
        primaryBtnDisable: string;
        secondaryButton: string;
        secondaryButtonDisable: string;
        mode: {
            dark: {
                secondaryButtonDisable: string;
            };
        };
    };
    buttons: {
        primary: {
            background: string;
            border: string;
            color: string;
            '&:disabled': {
                cursor: string;
                background: string;
                color: string;
                border: string;
                opacity: number;
            };
            '&:hover': {
                '&:not([disabled])': {
                    borderColor: string;
                    background: string;
                };
                '&:disabled': {};
            };
            padding: string;
            fontSize: string;
            fontFamily: string;
            cursor: string;
            fontWeight: number;
            display: string;
            alignItems: string;
            '&&': {
                borderRadius: string;
            };
        };
        secondary: {
            background: string;
            border: string;
            color: string;
            '&:disabled': {
                cursor: string;
                background: string;
                color: string;
                border: string;
            };
            '&&:hover': {
                '&:not([disabled])': {
                    borderColor: string;
                };
                '&:disabled': {};
            };
            padding: string;
            fontSize: string;
            fontFamily: string;
            cursor: string;
            fontWeight: number;
            display: string;
            alignItems: string;
            '&&': {
                borderRadius: string;
            };
        };
        tertiary: {
            background: string;
            border: string;
            color: string;
            '&:disabled': {
                cursor: string;
                background: string;
                color: string;
            };
            '&:hover': {
                '&:not([disabled])': {
                    background: string;
                };
                '&:disabled': {};
            };
            padding: string;
            fontSize: string;
            fontFamily: string;
            cursor: string;
            fontWeight: number;
            display: string;
            alignItems: string;
            '&&': {
                borderRadius: string;
            };
        };
        text: {
            background: string;
            color: string;
            '&:hover': {
                '&:not([disabled])': {
                    color: string;
                };
                '&:disabled': {};
            };
            '&:disabled': {
                cursor: string;
                background: string;
                color: string;
            };
            padding: string;
            fontSize: string;
            fontFamily: string;
            cursor: string;
            fontWeight: number;
            display: string;
            alignItems: string;
            '&&': {
                borderRadius: string;
            };
        };
        success: {
            background: string;
            color: string;
            '&:disabled': {
                cursor: string;
                background: string;
                color: string;
            };
            '&:hover': {
                '&:not([disabled])': {
                    background: string;
                };
                '&:disabled': {};
            };
            padding: string;
            fontSize: string;
            fontFamily: string;
            cursor: string;
            fontWeight: number;
            display: string;
            alignItems: string;
            '&&': {
                borderRadius: string;
            };
        };
        danger: {
            background: string;
            color: string;
            '&:disabled': {
                cursor: string;
                background: string;
                color: string;
            };
            '&:hover': {
                '&:not([disabled])': {
                    background: string;
                };
                '&:disabled': {};
            };
            padding: string;
            fontSize: string;
            fontFamily: string;
            cursor: string;
            fontWeight: number;
            display: string;
            alignItems: string;
            '&&': {
                borderRadius: string;
            };
        };
        circular: {
            width: string;
            height: string;
            background: string;
            borderRadius: string;
            display: string;
            justifyContent: string;
            alignItems: string;
            overflow: string;
            cursor: string;
            padding: string;
            transition: string;
            '&:hover': {
                filter: string;
            };
            '&:active': {
                transform: string;
            };
        };
    };
    cards: {
        primary: {
            background: string;
            borderRadius: string;
        };
    };
    flex: {
        dexContainer: {
            width: string;
            maxWidth: string;
            height: string;
            background: string;
            padding: string[];
            borderRadius: string;
            flexDirection: string;
        };
        v3SubDexContainer: {
            width: string;
            maxWidth: string;
            height: string;
            background: string;
            padding: string[];
            borderRadius: string;
            margin: string;
            flexDirection: string;
        };
        navContainer: {
            height: string;
            padding: string;
            background: string;
            borderRadius: string;
            alignItems: string;
            cursor: string;
            transition: string;
            '&:hover': {
                filter: string;
            };
            '&:active': {
                transform: string;
            };
        };
        link: {
            cursor: string;
            textDecoration: string;
            display: string;
            '::after': {
                content: string;
                position: string;
                background: string;
                left: string;
                bottom: string;
                height: string;
                width: string;
                borderRadius: string;
                transform: string;
                transformOrigin: string;
                transition: string;
                backfaceVisibility: string;
            };
            ':hover::after': {
                transform: string;
                transformOrigin: string;
            };
        };
        tag: {
            padding: string;
            borderRadius: string;
            alignItems: string;
            justifyContent: string;
        };
    };
    switch: {
        backgroundColor: string;
        'input:checked ~ &': {
            backgroundColor: string;
        };
    };
};
export default components;