declare const buttons: {
    primary: {
        color: string;
        '&.is-hovered': {
            color: string;
        };
        '&.is-pressed': {
            color: string;
        };
    };
    paginationMenu: {
        color: string;
    };
    neutral: {
        color: any;
    };
    critical: {
        color: string;
        '&.is-hovered': {
            color: string;
        };
        '&.is-pressed': {
            color: string;
        };
    };
    inline: {
        color: any;
        borderColor: any;
        '&.is-hovered': {
            backgroundColor: string;
            color: string;
            borderColor: string;
        };
        '&.is-pressed': {
            color: string;
            borderColor: string;
        };
    };
    inlinePrimary: {
        color: string;
        '&.is-hovered': {
            color: string;
        };
        '&.is-pressed': {
            color: string;
        };
    };
    withIcon: {
        color: any;
        borderColor: any;
        '&.is-hovered': {
            backgroundColor: string;
            borderColor: string;
            color: string;
            path: {
                fill: string;
            };
        };
        '&.is-pressed': {
            color: string;
            borderColor: string;
            path: {
                fill: string;
            };
        };
    };
    primaryWithIcon: {
        color: string;
        path: {
            fill: string;
        };
        '&.is-hovered': {
            color: string;
            path: {
                fill: string;
            };
        };
        '&.is-pressed': {
            color: string;
            path: {
                fill: string;
            };
        };
    };
    inlineWithIcon: {
        color: any;
        borderColor: any;
        '&.is-hovered': {
            color: string;
            backgroundColor: string;
            borderColor: string;
            path: {
                fill: string;
            };
        };
        '&.is-pressed': {
            color: string;
            borderColor: string;
            path: {
                fill: string;
            };
        };
    };
    inlinePrimaryWithIcon: {
        color: string;
        path: {
            fill: string;
        };
        '&.is-hovered': {
            color: string;
            path: {
                fill: string;
            };
        };
        '&.is-pressed': {
            color: string;
            path: {
                fill: string;
            };
        };
    };
    colorBlock: {
        bg: any;
        borderColor: any;
        path: {
            fill: string;
        };
        '& span': {
            color: string;
        };
        '&.is-hovered': {
            bg: any;
            borderColor: any;
        };
        '&.is-pressed': {
            bg: any;
            borderColor: any;
        };
        '&>svg': {
            color: string;
            fill: string;
        };
    };
    colorBlockPrimary: {
        path: {
            fill: string;
        };
        '& span': {
            color: string;
        };
        '&.is-hovered': {
            path: {
                fill: string;
            };
        };
        '&.is-pressed': {
            path: {
                fill: string;
            };
        };
        '&>svg': {
            color: string;
            fill: string;
        };
    };
    default: {
        color: any;
        borderColor: any;
        '&.is-pressed': {
            color: string;
            borderColor: string;
        };
        '&.is-hovered': {
            backgroundColor: string;
            borderColor: string;
            color: string;
        };
    };
    link: {
        color: any;
        '&.is-pressed': {
            textDecoration: string;
            outline: string;
            color: string;
        };
        '&.is-focused': {
            textDecoration: string;
            color: string;
            outline: string;
        };
    };
    iconButtons: {
        base: {
            path: {
                fill: string;
            };
            '&.is-hovered': {
                path: {
                    fill: any;
                };
                backgroundColor: string;
            };
            '&.is-pressed': {
                backgroundColor: string;
                borderColor: any;
                path: {
                    fill: any;
                };
            };
        };
        inverted: {
            path: {
                fill: string;
            };
            '&.is-pressed': {
                backgroundColor: string;
            };
            '&.is-hovered': {
                backgroundColor: string;
            };
        };
        searchClearButton: {
            '&.is-hovered': {
                backgroundColor: string;
            };
            '&.is-pressed': {
                backgroundColor: string;
            };
        };
        hintButton: {
            path: {
                fill: string;
            };
            '&.is-hovered': {
                path: {
                    fill: any;
                };
                backgroundColor: string;
            };
            '&.is-pressed': {
                backgroundColor: string;
                borderColor: any;
                path: {
                    fill: any;
                };
            };
        };
        deleteAttachment: {
            backgroundColor: string;
            borderColor: string;
            '&.is-hovered': {
                backgroundColor: string;
            };
        };
        filter: {
            '&.is-hovered': {
                backgroundColor: any;
            };
            path: {
                fill: string;
            };
            '&.is-pressed': {
                backgroundColor: string;
                borderColor: any;
                path: {
                    fill: any;
                };
            };
        };
        modalCloseButton: {
            path: {
                fill: string;
            };
            '&.is-hovered': {
                path: {
                    fill: any;
                };
                backgroundColor: string;
            };
            '&.is-pressed': {
                backgroundColor: string;
                borderColor: any;
                path: {
                    fill: any;
                };
            };
        };
        modalHeaderCloseButton: {
            path: {
                fill: string;
            };
            '&.is-hovered': {
                path: {
                    fill: any;
                };
                backgroundColor: string;
            };
            '&.is-pressed': {
                backgroundColor: string;
                borderColor: any;
                path: {
                    fill: any;
                };
            };
        };
        messageCloseButton: {
            '&.is-hovered': {
                backgroundColor: any;
            };
            path: {
                fill: string;
            };
            '&.is-pressed': {
                backgroundColor: string;
                borderColor: any;
                path: {
                    fill: any;
                };
            };
        };
        tooltip: {
            button: {
                '&.is-hovered': {
                    path: {
                        fill: any;
                    };
                    backgroundColor: any;
                };
                path: {
                    fill: string;
                };
                '&.is-pressed': {
                    backgroundColor: string;
                    borderColor: any;
                    path: {
                        fill: any;
                    };
                };
            };
        };
    };
    searchNavTabLabel: {
        color: any;
        '&.is-hovered': {
            color: string;
            '& > svg': {
                fill: string;
            };
        };
    };
    modalCloseButton: {
        path: {
            fill: string;
        };
        '&.is-hovered': {
            path: {
                fill: any;
            };
            backgroundColor: string;
        };
        '&.is-pressed': {
            backgroundColor: string;
            borderColor: any;
            path: {
                fill: any;
            };
        };
    };
    listBoxLink: {
        color: any;
        '&.is-pressed': {
            color: string;
        };
        '&.is-focused': {
            color: string;
        };
    };
};
export default buttons;