botframework-webchat-component/lib/Styles/StyleSet/SuggestedAction.d.ts

React component of botframework-webchat

import { StrictStyleOptions } from 'botframework-webchat-api';
export default function createSuggestedActionStyle({ accent, paddingRegular, paddingWide, primaryFont, suggestedActionBorderRadius, suggestedActionBackgroundColor, suggestedActionBorderColor, suggestedActionBorderStyle, suggestedActionBorderWidth, suggestedActionTextColor, suggestedActionBackgroundColorOnActive, suggestedActionBorderColorOnActive, suggestedActionBorderStyleOnActive, suggestedActionBorderWidthOnActive, suggestedActionTextColorOnActive, suggestedActionBackgroundColorOnDisabled, suggestedActionBorderColorOnDisabled, suggestedActionBorderStyleOnDisabled, suggestedActionBorderWidthOnDisabled, suggestedActionTextColorOnDisabled, suggestedActionBackgroundColorOnFocus, suggestedActionBorderColorOnFocus, suggestedActionBorderStyleOnFocus, suggestedActionBorderWidthOnFocus, suggestedActionTextColorOnFocus, suggestedActionBackgroundColorOnHover, suggestedActionBorderColorOnHover, suggestedActionBorderStyleOnHover, suggestedActionBorderWidthOnHover, suggestedActionTextColorOnHover, suggestedActionKeyboardFocusIndicatorBorderColor, suggestedActionKeyboardFocusIndicatorBorderRadius, suggestedActionKeyboardFocusIndicatorBorderStyle, suggestedActionKeyboardFocusIndicatorBorderWidth, suggestedActionKeyboardFocusIndicatorInset, suggestedActionHeight, suggestedActionImageHeight, suggestedActionsStackedLayoutButtonMaxHeight, subtle, suggestedActionActiveBackground, suggestedActionBackground, suggestedActionDisabledBackground, suggestedActionFocusBackground, suggestedActionHoverBackground }: StrictStyleOptions): {
    '&.webchat__suggested-action': {
        alignItems: string;
        background: string;
        backgroundColor: string;
        borderColor: string;
        borderRadius: string | number;
        borderStyle: string;
        borderWidth: number;
        color: string;
        fontFamily: string;
        fontSize: string;
        height: string | number;
        justifyContent: string;
        maxWidth: string;
        outline: number;
        paddingLeft: number;
        paddingRight: number;
        position: string;
        whiteSpace: string;
        width: string;
        '&:disabled, &[aria-disabled="true"]': {
            background: string;
            backgroundColor: string;
            borderColor: string;
            borderStyle: string;
            borderWidth: number;
            color: string;
        };
        '&:not(:disabled):not([aria-disabled="true"])': {
            '&:active': {
                background: string;
                backgroundColor: string;
                borderColor: string;
                borderStyle: string;
                borderWidth: number;
                color: string;
            };
            '&:not(:active)': {
                '&:hover': {
                    background: string;
                    backgroundColor: string;
                    borderColor: string;
                    borderStyle: string;
                    borderWidth: number;
                    color: string;
                };
                '&:not(:hover)': {
                    '&:focus': {
                        background: string;
                        backgroundColor: string;
                        borderColor: string;
                        borderStyle: string;
                        borderWidth: number;
                        color: string;
                    };
                };
            };
        };
        '&:not(:focus-visible) .webchat__suggested-action__keyboard-focus-indicator': {
            display: string;
        };
        '&:not(.webchat__suggested-action--focus-visible) .webchat__suggested-action__keyboard-focus-indicator': {
            display: string;
        };
        '&:not(.webchat__suggested-action--rtl) .webchat__suggested-action__image + .webchat__suggested-action__text': {
            paddingLeft: number;
        };
        '&.webchat__suggested-action--rtl .webchat__suggested-action__image + .webchat__suggested-action__text': {
            paddingRight: number;
        };
        '&.webchat__suggested-action--wrapping': {
            height: string;
            maxHeight: string | number;
            minHeight: string | number;
        };
        '& .webchat__suggested-action__image': {
            height: string | number;
        };
        '& .webchat__suggested-action__keyboard-focus-indicator': {
            borderColor: string;
            borderRadius: string | number;
            borderStyle: string;
            borderWidth: number;
            bottom: number;
            left: number;
            position: string;
            right: number;
            top: number;
        };
    };
};
//# sourceMappingURL=SuggestedAction.d.ts.map