botframework-webchat-component 4.13.0 → 4.15.0

package/lib/Styles/createStyleSet.d.ts

@@ -0,0 +1,1372 @@
+import { StyleOptions } from 'botframework-webchat-api';
+export default function createStyleSet(styleOptions: StyleOptions): {
+    activities: {
+        margin: number;
+        padding: number;
+    };
+    audioAttachment: {
+        display: string;
+        minHeight: number;
+    };
+    audioContent: {
+        width: string;
+    };
+    autoResizeTextArea: {
+        '&.webchat__auto-resize-textarea': {
+            fontFamily: string;
+            overflow: string;
+            position: string;
+            '& .webchat__auto-resize-textarea__doppelganger': {
+                color: string;
+                height: string;
+                overflowY: string;
+                userSelect: string;
+                width: string;
+                whiteSpace: string;
+                wordBreak: string;
+            };
+            '& .webchat__auto-resize-textarea__textarea': {
+                appearance: string;
+                backgroundColor: string;
+                border: number;
+                color: string;
+                fontFamily: string;
+                fontSize: string;
+                height: string;
+                left: number;
+                margin: number;
+                outline: number;
+                overflowY: string;
+                padding: number;
+                position: string;
+                resize: string;
+                top: number;
+                width: string;
+                wordBreak: string;
+            };
+        };
+    };
+    avatar: {
+        '&.webchat__defaultAvatar': {
+            borderRadius: string | number;
+            height: number;
+            width: number;
+        };
+    };
+    basicTranscript: {
+        '&.webchat__basic-transcript': {
+            '&:focus': {
+                outline: number;
+                '& .webchat__basic-transcript__activity-indicator.webchat__basic-transcript__activity-indicator--focus': {
+                    borderColor: string;
+                    borderStyle: string;
+                    borderWidth: string | number;
+                    boxSizing: string;
+                    height: string;
+                    left: number;
+                    marginBottom: number;
+                    marginLeft: number;
+                    marginRight: number;
+                    marginTop: number;
+                    pointerEvents: string;
+                    position: string;
+                    top: number;
+                    width: string;
+                };
+            };
+            '&:focus .webchat__basic-transcript__focus-indicator, .webchat__basic-transcript__terminator:focus + .webchat__basic-transcript__focus-indicator': {
+                height: string;
+                borderColor: string;
+                borderStyle: string;
+                borderWidth: string | number;
+                boxSizing: string;
+                pointerEvents: string;
+                position: string;
+                top: number;
+                width: string;
+            };
+            '& .webchat__basic-transcript__activity': {
+                paddingTop: number;
+                position: string;
+                '&:first-child': {
+                    marginTop: number;
+                };
+                '&:not(:first-child)': {
+                    marginTop: number;
+                };
+            };
+            '& .webchat__basic-transcript__activity-active-descendant': {
+                height: string;
+                left: number;
+                marginTop: number;
+                paddingBottom: number;
+                pointerEvents: string;
+                position: string;
+                top: number;
+                width: string;
+            };
+            '& .webchat__basic-transcript__activity-body:not(:empty)': {
+                paddingBottom: number;
+            };
+            '& .webchat__basic-transcript__terminator': {
+                bottom: number;
+                height: number;
+                outline: number;
+                position: string;
+                width: string;
+            };
+            '& .webchat__basic-transcript__terminator-body': {
+                bottom: number;
+                display: string;
+                justifyContent: string;
+                position: string;
+                width: string;
+            };
+            '& .webchat__basic-transcript__terminator:not(:focus) .webchat__basic-transcript__terminator-body': {
+                display: string;
+            };
+            '& .webchat__basic-transcript__terminator-text': {
+                backgroundColor: string;
+                borderRadius: string | number;
+                color: string;
+                fontFamily: string;
+                fontSize: string | number;
+                margin: number;
+                padding: number;
+            };
+        };
+    };
+    bubble: {
+        '&.webchat__bubble': any;
+    };
+    carouselFilmStrip: {
+        '&.webchat__carousel-filmstrip': any;
+    };
+    carouselFilmStripAttachment: any;
+    carouselFlipper: {
+        '&.webchat__carousel-layout': {
+            '& .react-film__flipper': {
+                '& .react-film__flipper__body': {
+                    backgroundColor: string;
+                    color: string;
+                    outline: number;
+                };
+                '&:disabled, &[aria-disabled="true"]': {
+                    '& .react-film__flipper__body': {
+                        backgroundColor: string;
+                        color: string;
+                    };
+                };
+                '&:focus .react-film__flipper__body': {
+                    backgroundColor: string;
+                    color: string;
+                };
+                '&:hover .react-film__flipper__body': {
+                    backgroundColor: string;
+                    color: string;
+                };
+            };
+        };
+    };
+    connectivityNotification: {
+        alignItems: string;
+        color: string;
+        display: string;
+        fontFamily: string;
+        fontSize: string | number;
+        marginBottom: number;
+        marginLeft: number;
+        marginRight: number;
+        marginTop: number;
+    };
+    dictationInterims: {
+        fontFamily: string;
+        margin: number;
+        paddingBottom: number;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingTop: number;
+        '&.dictating > span:not(:first-child), &.status': {
+            opacity: number;
+        };
+    };
+    errorBox: {
+        display: string;
+        flexDirection: string;
+        fontFamily: string;
+        margin: number;
+        minHeight: number;
+        maxHeight: number;
+        overflowY: string;
+        WebkitOverflowScrolling: string;
+        '& > :first-child': {
+            backgroundColor: string;
+            color: string;
+            padding: string;
+        };
+        '& > :last-child': {
+            borderColor: string;
+            borderStyle: string;
+            borderBottomWidth: number;
+            borderLeftWidth: number;
+            borderRightWidth: number;
+            borderTopWidth: number;
+            margin: number;
+            overflowY: string;
+            padding: number;
+            '& > pre': {
+                fontFamily: string;
+                fontSize: string;
+                margin: number;
+            };
+        };
+    };
+    errorNotification: {
+        alignItems: string;
+        color: string | number;
+        display: string;
+        fontFamily: string;
+        fontSize: string | number;
+        fontWeight: string;
+        marginBottom: number;
+        marginLeft: number;
+        marginRight: number;
+        marginTop: number;
+        '& > svg': {
+            fill: string | number;
+            '&:not(.webchat__error--rtl)': {
+                paddingRight: number;
+            };
+            '&.webchat__error--rtl': {
+                paddingLeft: number;
+            };
+        };
+    };
+    fileContent: {
+        color: string;
+        display: string;
+        fontFamily: string;
+        padding: number;
+        '& .webchat__fileContent__badge': {
+            justifyContent: string;
+        };
+        '& .webchat__fileContent__buttonLink': {
+            alignItems: string;
+            color: string;
+            textDecoration: string;
+            '&:focus': {
+                backgroundColor: string;
+            };
+        };
+        '& .webchat__fileContent__downloadIcon': {
+            fill: string;
+            padding: number;
+            '&:not(.webchat__fileContent__downloadIcon--rtl)': {
+                marginLeft: number;
+            };
+            '&.webchat__fileContent__downloadIcon--rtl': {
+                marginRight: number;
+            };
+        };
+        '& .webchat__fileContent__fileName': {
+            color: string;
+        };
+    };
+    imageAvatar: {
+        height: number;
+        overflow: string;
+        width: number;
+    };
+    initialsAvatar: {
+        '&.webchat__initialsAvatar': {
+            alignItems: string;
+            color: string;
+            fontFamily: string;
+            height: number;
+            justifyContent: string;
+            overflow: string;
+            width: number;
+            '&.webchat__initialsAvatar--fromUser': {
+                backgroundColor: string;
+            };
+            '&:not(.webchat__initialsAvatar--fromUser)': {
+                backgroundColor: string;
+            };
+        };
+    };
+    keyboardHelp: {
+        '&.webchat__keyboard-help': {
+            fontFamily: string;
+            fontSize: number;
+            height: string;
+            margin: number;
+            outline: number;
+            '&:not(.webchat__keyboard-help--shown)': {
+                height: number;
+                margin: number;
+                overflow: string;
+                pointerEvents: string;
+                width: number;
+            };
+            '& .webchat__keyboard-help__box': {
+                borderRadius: number;
+                boxShadow: string;
+                boxSizing: string;
+                height: string;
+                padding: number;
+                position: string;
+                '@media (forced-colors: active)': {
+                    boxShadow: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineWidth: number;
+                };
+                '@media (forced-colors: none) and (prefers-color-scheme: dark)': {
+                    boxShadow: string;
+                };
+            };
+            '& .webchat__keyboard-help__close-button': {
+                appearance: string;
+                backgroundColor: string;
+                borderColor: string;
+                borderRadius: number;
+                borderStyle: string;
+                borderWidth: number;
+                color: string;
+                height: number;
+                padding: number;
+                position: string;
+                right: number;
+                top: number;
+                width: number;
+                '@media (forced-colors: none) and (prefers-color-scheme: light)': {
+                    '&:active': {
+                        backgroundColor: string;
+                    };
+                    '&:not(:active):hover': {
+                        backgroundColor: string;
+                    };
+                };
+                '@media (forced-colors: none) and (prefers-color-scheme: dark)': {
+                    borderColor: string;
+                    '&:active': {
+                        backgroundColor: string;
+                    };
+                    '&:not(:active):hover': {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            '& .webchat__keyboard-help__close-button_image': {
+                fill: string;
+                height: number;
+                width: number;
+                '@media (forced-colors: active)': {
+                    fill: string;
+                };
+                '@media (forced-colors: none) and (prefers-color-scheme: dark)': {
+                    fill: string;
+                };
+            };
+            '& .webchat__keyboard-help__header, & .webchat__keyboard-help__sub-header': {
+                marginBottom: number;
+                marginTop: number;
+            };
+            '& .webchat__keyboard-help__section': {
+                marginBottom: number;
+            };
+            '& .webchat__keyboard-help__two-panes': {
+                alignItems: string;
+                display: string;
+            };
+            '& .webchat__keyboard-help__image': {
+                flexShrink: number;
+                paddingRight: number;
+            };
+            '& .webchat__keyboard-help__image--dark, & .webchat__keyboard-help__image--high-contrast': {
+                display: string;
+            };
+            '@media (forced-colors: active)': {
+                '& .webchat__keyboard-help__image--dark, & .webchat__keyboard-help__image--light': {
+                    display: string;
+                };
+                '& .webchat__keyboard-help__image--high-contrast': {
+                    display: string;
+                };
+            };
+            '@media (forced-colors: none) and (prefers-color-scheme: dark)': {
+                backgroundColor: string;
+                color: string;
+                '& .webchat__keyboard-help__image--light': {
+                    display: string;
+                };
+                '& .webchat__keyboard-help__image--dark': {
+                    display: string;
+                };
+            };
+            '& .webchat__keyboard-help__notes': {
+                marginBottom: number;
+            };
+            '& .webchat__keyboard-help__notes-header': {
+                margin: number;
+            };
+            '& .webchat__keyboard-help__notes-text': {
+                margin: number;
+            };
+        };
+    };
+    microphoneButton: {
+        '&.webchat__microphone-button': {
+            '&.webchat__microphone-button--dictating .webchat__microphone-button__button': {
+                '&, &:focus, &:hover': {
+                    '& .webchat__microphone-button__icon': {
+                        fill: string;
+                    };
+                };
+            };
+        };
+    };
+    options: {
+        accent: string;
+        backgroundColor: string;
+        subtle: string;
+        paddingRegular: number;
+        paddingWide: number;
+        transitionDuration: string;
+        fontSizeSmall: string | number;
+        monospaceFont: string;
+        primaryFont: string;
+        rootHeight: string | number;
+        rootWidth: string | number;
+        rootZIndex: number;
+        avatarBorderRadius: string | number;
+        avatarSize: number;
+        botAvatarBackgroundColor: string;
+        botAvatarImage: string;
+        botAvatarInitials: string;
+        userAvatarBackgroundColor: string;
+        userAvatarImage: string;
+        userAvatarInitials: string;
+        showAvatarInGroup: true | "status" | "sender";
+        bubbleBackground: string;
+        bubbleBorderColor: string;
+        bubbleBorderRadius: number;
+        bubbleBorderStyle: string;
+        bubbleBorderWidth: number;
+        bubbleFromUserBackground: string;
+        bubbleFromUserBorderColor: string;
+        bubbleFromUserBorderRadius: number;
+        bubbleFromUserBorderStyle: string;
+        bubbleFromUserBorderWidth: number;
+        bubbleFromUserNubOffset: number;
+        bubbleFromUserNubSize: number;
+        bubbleFromUserTextColor: string;
+        bubbleImageHeight: number;
+        bubbleMaxWidth: number;
+        bubbleMinHeight: number;
+        bubbleMinWidth: number;
+        bubbleNubOffset: number;
+        bubbleNubSize: number;
+        bubbleTextColor: string;
+        messageActivityWordBreak: "break-word" | "normal" | "break-all" | "keep-all";
+        connectivityIconPadding: number;
+        connectivityMarginLeftRight: number;
+        connectivityMarginTopBottom: number;
+        connectivityTextSize: string | number;
+        failedConnectivity: string | number;
+        slowConnectivity: string;
+        notificationText: string;
+        slowConnectionAfter: number;
+        emojiSet: (boolean | Record<string, string>) & (false | Record<string, string>);
+        internalLiveRegionFadeAfter: number;
+        markdownRespectCRLF: boolean;
+        markdownExternalLinkIconImage: string;
+        autoScrollSnapOnActivity: number | boolean;
+        autoScrollSnapOnActivityOffset: number;
+        autoScrollSnapOnPage: number | boolean;
+        autoScrollSnapOnPageOffset: number;
+        hideSendBox: boolean;
+        hideUploadButton: boolean;
+        microphoneButtonColorOnDictate: string;
+        sendBoxBackground: string;
+        sendBoxButtonColor: string;
+        sendBoxButtonShadeBorderRadius: number;
+        sendBoxButtonShadeColor: string;
+        sendBoxButtonShadeInset: number;
+        sendBoxButtonColorOnActive: string;
+        sendBoxButtonShadeColorOnActive: string;
+        sendBoxButtonColorOnDisabled: string;
+        sendBoxButtonShadeColorOnDisabled: string;
+        sendBoxButtonColorOnFocus: string;
+        sendBoxButtonShadeColorOnFocus: string;
+        sendBoxButtonColorOnHover: string;
+        sendBoxButtonShadeColorOnHover: string;
+        sendBoxButtonKeyboardFocusIndicatorBorderColor: string;
+        sendBoxButtonKeyboardFocusIndicatorBorderRadius: string | number;
+        sendBoxButtonKeyboardFocusIndicatorBorderStyle: string;
+        sendBoxButtonKeyboardFocusIndicatorBorderWidth: number;
+        sendBoxButtonKeyboardFocusIndicatorInset: number;
+        sendBoxDisabledTextColor: string;
+        sendBoxHeight: string | number;
+        sendBoxMaxHeight: string | number;
+        sendBoxTextColor: string;
+        sendBoxBorderBottom: string | number;
+        sendBoxBorderLeft: string | number;
+        sendBoxBorderRight: string | number;
+        sendBoxBorderTop: string | number;
+        sendBoxPlaceholderColor: string;
+        sendBoxTextWrap: boolean;
+        sendBoxButtonAlignment: "bottom" | "top" | "stretch";
+        showSpokenText: boolean;
+        spinnerAnimationBackgroundImage: string;
+        spinnerAnimationHeight: string | number;
+        spinnerAnimationWidth: string | number;
+        spinnerAnimationPadding: string | number;
+        suggestedActionBorderRadius: string | number;
+        suggestedActionBackground: string;
+        suggestedActionBackgroundColor: string;
+        suggestedActionBorderColor: string;
+        suggestedActionBorderStyle: string;
+        suggestedActionBorderWidth: number;
+        suggestedActionTextColor: string;
+        suggestedActionBackgroundColorOnDisabled: string;
+        suggestedActionBorderColorOnDisabled: string;
+        suggestedActionBorderStyleOnDisabled: string;
+        suggestedActionBorderWidthOnDisabled: number;
+        suggestedActionTextColorOnDisabled: string;
+        suggestedActionBackgroundColorOnActive: string;
+        suggestedActionBorderColorOnActive: string;
+        suggestedActionBorderStyleOnActive: string;
+        suggestedActionBorderWidthOnActive: number;
+        suggestedActionTextColorOnActive: string;
+        suggestedActionBackgroundColorOnFocus: string;
+        suggestedActionBorderColorOnFocus: string;
+        suggestedActionBorderStyleOnFocus: string;
+        suggestedActionBorderWidthOnFocus: number;
+        suggestedActionTextColorOnFocus: string;
+        suggestedActionBackgroundColorOnHover: string;
+        suggestedActionBorderColorOnHover: string;
+        suggestedActionBorderStyleOnHover: string;
+        suggestedActionBorderWidthOnHover: number;
+        suggestedActionTextColorOnHover: string;
+        suggestedActionDisabledBackground: string;
+        suggestedActionDisabledBorderColor: string;
+        suggestedActionDisabledBorderStyle: string;
+        suggestedActionDisabledBorderWidth: number;
+        suggestedActionDisabledTextColor: string;
+        suggestedActionHeight: string | number;
+        suggestedActionImageHeight: string | number;
+        suggestedActionLayout: "carousel" | "flow" | "stacked";
+        suggestedActionKeyboardFocusIndicatorBorderColor: string;
+        suggestedActionKeyboardFocusIndicatorBorderRadius: string | number;
+        suggestedActionKeyboardFocusIndicatorBorderStyle: string;
+        suggestedActionKeyboardFocusIndicatorBorderWidth: number;
+        suggestedActionKeyboardFocusIndicatorInset: number;
+        suggestedActionActiveBackground: string;
+        suggestedActionFocusBackground: string;
+        suggestedActionHoverBackground: string;
+        suggestedActionsCarouselFlipperCursor: string;
+        suggestedActionsCarouselFlipperBoxWidth: number;
+        suggestedActionsCarouselFlipperSize: number;
+        suggestedActionsFlowMaxHeight: undefined;
+        suggestedActionsStackedHeight: number | "auto";
+        suggestedActionsStackedOverflow: "hidden" | "scroll" | "visible" | "auto";
+        suggestedActionsStackedLayoutButtonMaxHeight: string | number;
+        suggestedActionsStackedLayoutButtonTextWrap: boolean;
+        groupTimestamp: number | boolean;
+        sendTimeout: number | ((activity: any) => number);
+        sendTimeoutForAttachments: number;
+        timestampColor: string;
+        timestampFormat: "absolute" | "relative";
+        transcriptTerminatorBackgroundColor: string;
+        transcriptTerminatorBorderRadius: string | number;
+        transcriptTerminatorColor: string;
+        transcriptTerminatorFontSize: string | number;
+        transcriptActivityVisualKeyboardIndicatorColor: string;
+        transcriptActivityVisualKeyboardIndicatorStyle: string;
+        transcriptActivityVisualKeyboardIndicatorWidth: string | number;
+        transcriptVisualKeyboardIndicatorColor: string;
+        transcriptVisualKeyboardIndicatorStyle: string;
+        transcriptVisualKeyboardIndicatorWidth: string | number;
+        scrollToEndButtonBehavior: false | "any" | "unread";
+        scrollToEndButtonFontSize: string | number;
+        transcriptOverlayButtonBackground: string;
+        transcriptOverlayButtonBackgroundOnDisabled: string;
+        transcriptOverlayButtonBackgroundOnFocus: string;
+        transcriptOverlayButtonBackgroundOnHover: string;
+        transcriptOverlayButtonColor: string;
+        transcriptOverlayButtonColorOnDisabled: string;
+        transcriptOverlayButtonColorOnFocus: string;
+        transcriptOverlayButtonColorOnHover: string;
+        notificationDebounceTimeout: number;
+        hideToaster: boolean;
+        toasterHeight: string | number;
+        toasterMaxHeight: string | number;
+        toasterSingularMaxHeight: string | number;
+        toastFontSize: string | number;
+        toastIconWidth: string | number;
+        toastSeparatorColor: string;
+        toastTextPadding: string | number;
+        toastErrorBackgroundColor: string;
+        toastErrorColor: string;
+        toastInfoBackgroundColor: string;
+        toastInfoColor: string;
+        toastSuccessBackgroundColor: string;
+        toastSuccessColor: string;
+        toastWarnBackgroundColor: string;
+        toastWarnColor: string;
+        typingAnimationBackgroundImage: string;
+        typingAnimationDuration: number;
+        typingAnimationHeight: string | number;
+        typingAnimationWidth: string | number;
+        enableUploadThumbnail: boolean;
+        uploadThumbnailContentType: string;
+        uploadThumbnailHeight: string | number;
+        uploadThumbnailQuality: number;
+        uploadThumbnailWidth: string | number;
+        videoHeight: string | number;
+    };
+    root: {
+        backgroundColor: string;
+        height: string | number;
+        width: string | number;
+        zIndex: number;
+    };
+    scrollToEndButton: {
+        '&.webchat__scroll-to-end-button': {
+            '@media screen and (forced-colors: active)': {
+                borderWidth: string;
+                outline: string;
+            };
+            appearance: string;
+            backgroundColor: string;
+            borderRadius: number;
+            borderWidth: number;
+            bottom: number;
+            color: string;
+            fontFamily: string;
+            fontSize: string | number;
+            outline: number;
+            padding: number;
+            position: string;
+            zIndex: number;
+            '&:hover': {
+                backgroundColor: string;
+                color: string;
+            };
+            '&:focus': {
+                backgroundColor: string;
+                color: string;
+            };
+            '&:not(.webchat__scroll-to-end-button--rtl)': {
+                right: number;
+            };
+            '&.webchat__scroll-to-end-button--rtl': {
+                left: number;
+            };
+        };
+    };
+    sendBox: {
+        '&.webchat__send-box': {
+            '& .webchat__send-box__button--align-bottom': {
+                alignSelf: string;
+            };
+            '& .webchat__send-box__button--align-stretch': {
+                alignSelf: string;
+            };
+            '& .webchat__send-box__button--align-top': {
+                alignSelf: string;
+            };
+            '& .webchat__send-box__main': {
+                alignItems: string;
+                backgroundColor: string;
+                borderBottom: string | number;
+                borderLeft: string | number;
+                borderRight: string | number;
+                borderTop: string | number;
+                minHeight: string | number;
+            };
+        };
+    };
+    sendBoxButton: {
+        '&.webchat__icon-button': {
+            alignItems: string;
+            appearance: string;
+            backgroundColor: string;
+            border: number;
+            display: string;
+            fill: string;
+            justifyContent: string;
+            outline: number;
+            padding: number;
+            position: string;
+            width: string | number;
+            '&:not(.webchat__icon-button--stretch)': {
+                height: string | number;
+            };
+            '&:disabled, &[aria-disabled="true"]': {
+                fill: string;
+                '& .webchat__icon-button__shade': {
+                    backgroundColor: string;
+                };
+            };
+            '&:not(:disabled):not([aria-disabled="true"])': {
+                '&:active': {
+                    fill: string;
+                    '& .webchat__icon-button__shade': {
+                        backgroundColor: string;
+                    };
+                };
+                '&:not(:active)': {
+                    '&:hover': {
+                        fill: string;
+                        '& .webchat__icon-button__shade': {
+                            backgroundColor: string;
+                        };
+                    };
+                    '&:not(:hover)': {
+                        '&:focus': {
+                            fill: string;
+                            '& .webchat__icon-button__shade': {
+                                backgroundColor: string;
+                            };
+                        };
+                    };
+                };
+            };
+            '&:not(:focus-visible) .webchat__icon-button__keyboard-focus-indicator': {
+                display: string;
+            };
+            '&:not(.webchat__icon-button--focus-visible) .webchat__icon-button__keyboard-focus-indicator': {
+                display: string;
+            };
+            '& > *': {
+                position: string;
+            };
+            '& .webchat__icon-button__shade': {
+                backgroundColor: string;
+                borderRadius: number;
+                bottom: number;
+                left: number;
+                position: string;
+                right: number;
+                top: number;
+            };
+            '& .webchat__icon-button__keyboard-focus-indicator': {
+                borderColor: string;
+                borderRadius: string | number;
+                borderStyle: string;
+                borderWidth: number;
+                bottom: number;
+                left: number;
+                position: string;
+                right: number;
+                top: number;
+            };
+        };
+    };
+    sendBoxTextBox: {
+        '&.webchat__send-box-text-box': {
+            alignItems: string;
+            fontFamily: string;
+            padding: number;
+            position: string;
+            '& .webchat__send-box-text-box__input': {
+                border: number;
+                fontFamily: string;
+                fontSize: string;
+                height: string;
+                outline: number;
+                padding: number;
+            };
+            '& .webchat__send-box-text-box__input, & .webchat__send-box-text-box__html-text-area': {
+                backgroundColor: string;
+                '&:not(:disabled):not([aria-disabled="true"])': {
+                    color: string;
+                };
+                '&:disabled, &[aria-disabled="true"]': {
+                    color: string;
+                };
+                '&::placeholder': {
+                    color: string;
+                };
+            };
+            '& .webchat__send-box-text-box__input, & .webchat__send-box-text-box__text-area': {
+                maxHeight: string | number;
+            };
+            '& .webchat__send-box-text-box__glass': {
+                height: string;
+                left: number;
+                position: string;
+                top: number;
+                userSelect: number;
+                width: string;
+            };
+        };
+    };
+    sendStatus: {
+        color: string;
+        fontFamily: string;
+        fontSize: string | number;
+        paddingTop: number;
+    };
+    singleAttachmentActivity: {
+        '& > .bubble-box': {
+            maxWidth: number;
+            minWidth: number;
+        };
+        '& > .filler': {
+            minWidth: number;
+        };
+    };
+    spinnerAnimation: {
+        backgroundImage: string;
+        backgroundRepeat: string;
+        backgroundSize: string;
+        height: string | number;
+        width: string | number;
+        ':not(.webchat__spinner--rtl)': {
+            marginRight: string | number;
+        };
+        '.webchat__spinner--rtl': {
+            marginLeft: string | number;
+        };
+    };
+    stackedLayout: {
+        '&.webchat__stacked-layout': {
+            marginLeft: number;
+            marginRight: number;
+            '& .webchat__stacked-layout__alignment-pad': {
+                transitionDuration: string;
+                transitionProperty: string;
+                width: number;
+            };
+            '&.webchat__stacked-layout--extra-trailing .webchat__stacked-layout__alignment-pad': {
+                width: number;
+            };
+            '& .webchat__stacked-layout__avatar-gutter': {
+                transitionDuration: string;
+                transitionProperty: string;
+                width: number;
+            };
+            '& .webchat__stacked-layout__attachment': {
+                maxWidth: number;
+                minWidth: number;
+                transitionDuration: string;
+                transitionProperty: string;
+            };
+            '& .webchat__stacked-layout__attachment-row': {
+                marginTop: number;
+                width: string;
+            };
+            '&.webchat__stacked-layout--no-message .webchat__stacked-layout__attachment-row.webchat__stacked-layout__attachment-row--first': {
+                marginTop: number;
+            };
+            '& .webchat__stacked-layout__message': {
+                maxWidth: number;
+                overflow: string;
+                transitionDuration: string;
+                transitionProperty: string;
+            };
+            '& .webchat__stacked-layout__nub-pad': {
+                transitionDuration: string;
+                transitionProperty: string;
+                width: number;
+            };
+            '&.webchat__stacked-layout--hide-avatar, &.webchat__stacked-layout--show-avatar': {
+                '& .webchat__stacked-layout__avatar-gutter': {
+                    width: number;
+                };
+            };
+            '&.webchat__stacked-layout--hide-avatar, &.webchat__stacked-layout--show-avatar, &.webchat__stacked-layout--hide-nub, &.webchat__stacked-layout--show-nub': {
+                '& .webchat__stacked-layout__attachment, & .webchat__stacked-layout__message': {
+                    maxWidth: number;
+                };
+                '& .webchat__stacked-layout__nub-pad': {
+                    width: number;
+                };
+            };
+            '&:not(.webchat__stacked-layout--top-callout)': {
+                '& .webchat__stacked-layout__avatar-gutter, & .webchat__stacked-layout__content': {
+                    justifyContent: string;
+                };
+            };
+        };
+    };
+    suggestedAction: {
+        '&.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;
+            };
+        };
+    };
+    suggestedActions: {
+        '&.webchat__suggested-actions': {
+            '&.webchat__suggested-actions--carousel-layout': {
+                '& .webchat__suggested-actions__carousel': {
+                    paddingBottom: number;
+                    paddingTop: number;
+                    '& .webchat__suggested-actions__item-box': {
+                        paddingBottom: number;
+                        paddingLeft: number;
+                        paddingRight: number;
+                        paddingTop: number;
+                    };
+                    '& .react-film__filmstrip': {
+                        scrollbarWidth: string;
+                    };
+                    '& .react-film__flipper': {
+                        '&:disabled, &[aria-disabled="true"]': {
+                            '& .react-film__flipper__body': {
+                                backgroundColor: string;
+                                color: string;
+                            };
+                        };
+                        '&:focus .react-film__flipper__body': {
+                            backgroundColor: string;
+                            color: string;
+                        };
+                        '&:hover .react-film__flipper__body': {
+                            backgroundColor: string;
+                            color: string;
+                        };
+                        '& .react-film__flipper__body': {
+                            background: string;
+                            color: string;
+                            outline: number;
+                        };
+                    };
+                };
+                '&:not(.webchat__suggested-actions--rtl)': {
+                    '& .react-film__filmstrip__item:first-child': {
+                        paddingLeft: number;
+                    };
+                    '& .react-film__filmstrip__item:last-child': {
+                        paddingRight: number;
+                    };
+                    '& .react-film__flipper + .react-film__filmstrip': {
+                        '& .react-film__filmstrip__item:first-child': {
+                            paddingLeft: number;
+                        };
+                        '& .react-film__filmstrip__item:last-child': {
+                            paddingRight: number;
+                        };
+                    };
+                };
+                '&.webchat__suggested-actions--rtl': {
+                    '& .react-film__filmstrip__item:first-child': {
+                        paddingRight: number;
+                    };
+                    '& .react-film__filmstrip__item:last-child': {
+                        paddingLeft: number;
+                    };
+                    '& .react-film__flipper + .react-film__filmstrip': {
+                        '& .react-film__filmstrip__item:first-child': {
+                            paddingRight: number;
+                        };
+                        '& .react-film__filmstrip__item:last-child': {
+                            paddingLeft: number;
+                        };
+                    };
+                };
+            };
+            '&.webchat__suggested-actions--flow-layout': {
+                '& .webchat__suggested-actions__flow-box': {
+                    maxHeight: undefined;
+                    overflowY: string;
+                    paddingBottom: number;
+                    paddingLeft: number;
+                    paddingRight: number;
+                    paddingTop: number;
+                };
+                '& .webchat__suggested-actions__flow-item-box': {
+                    maxWidth: string;
+                    overflow: string;
+                };
+                '& .webchat__suggested-actions__item-box': {
+                    paddingBottom: number;
+                    paddingLeft: number;
+                    paddingRight: number;
+                    paddingTop: number;
+                };
+            };
+            '&.webchat__suggested-actions--stacked-layout': {
+                '& .webchat__suggested-actions__stack': {
+                    maxHeight: number | "auto";
+                    overflowY: "hidden" | "scroll" | "visible" | "auto";
+                    paddingBottom: number;
+                    paddingLeft: number;
+                    paddingRight: number;
+                    paddingTop: number;
+                };
+                '& .webchat__suggested-actions__item-box': {
+                    paddingBottom: number;
+                    paddingLeft: number;
+                    paddingRight: number;
+                    paddingTop: number;
+                };
+            };
+            '&.webchat__suggested-actions--flow-layout, &.webchat__suggested-actions--stacked-layout': {
+                '& .webchat__suggested-actions__button-text': {
+                    overflow: string;
+                    textOverflow: string;
+                };
+                '& .webchat__suggested-actions__button-text-stacked-text-wrap': {
+                    alignItems: string;
+                    display: string;
+                    whiteSpace: string;
+                };
+            };
+            '& .webchat__suggested-actions__item-box': {
+                display: string;
+                maxWidth: string;
+            };
+        };
+    };
+    textContent: {
+        fontFamily: string;
+        margin: number;
+        minHeight: number;
+        padding: number;
+        '& > :first-child': {
+            marginTop: number;
+        };
+        '& > :last-child': {
+            marginBottom: number;
+        };
+        '&.markdown': {
+            '& img:not(.webchat__markdown__external-link-icon)': {
+                maxWidth: number;
+                width: string;
+            };
+            '& img.webchat__markdown__external-link-icon': {
+                backgroundImage: string;
+                height: string;
+                marginLeft: string;
+            };
+            '& pre': {
+                overflow: string;
+            };
+        };
+    };
+    toast: {
+        fontFamily: string;
+        fontSize: string | number;
+        minHeight: string | number;
+        '&.webchat__toast--error': {
+            color: string;
+            fill: string;
+        };
+        '&.webchat__toast--info': {
+            color: string;
+            fill: string;
+        };
+        '&.webchat__toast--success': {
+            color: string;
+            fill: string;
+        };
+        '&.webchat__toast--warn': {
+            color: string;
+            fill: string;
+        };
+        '& .webchat__toast__iconBox': {
+            alignItems: string;
+            display: string;
+            flexShrink: number;
+            height: string | number;
+            justifyContent: string;
+            width: string | number;
+        };
+        '& .webchat__toast__dismissButton': {
+            alignItems: string;
+            appearance: string;
+            backgroundColor: string;
+            border: number;
+            display: string;
+            height: string | number;
+            justifyContent: string;
+            outline: number;
+            padding: number;
+            width: string | number;
+            '&:focus .webchat__toast__dismissButtonFocus': {
+                borderColor: string;
+            };
+            '&:hover .webchat__toast__dismissButtonFocus': {
+                backgroundColor: string;
+            };
+        };
+        '& .webchat__toast__dismissButtonFocus': {
+            alignItems: string;
+            borderColor: string;
+            borderStyle: string;
+            borderWidth: number;
+            borderRadius: number;
+            display: string;
+            height: number;
+            justifyContent: string;
+            width: number;
+        };
+        '& .webchat__toast__text': {
+            alignSelf: string;
+            paddingBottom: string | number;
+            paddingTop: string | number;
+        };
+    };
+    toaster: {
+        overflowY: string;
+        '&:not(.webchat__toaster--expandable)': {
+            maxHeight: string | number;
+        };
+        '&.webchat__toaster--expandable:not(.webchat__toaster--expanded) > ul': {
+            height: number;
+        };
+        '&.webchat__toaster--expandable.webchat__toaster--expanded': {
+            maxHeight: string | number;
+        };
+        '& .webchat__toaster__header': {
+            alignItems: string;
+            alignSelf: string;
+            appearance: string;
+            backgroundColor: string;
+            border: number;
+            display: string;
+            fontFamily: string;
+            fontSize: string | number;
+            minHeight: string | number;
+            outline: number;
+            padding: number;
+            textAlign: string;
+            '&:focus .webchat__toaster__expandIconFocus': {
+                borderColor: string;
+            };
+            '&:hover .webchat__toaster__expandIconFocus': {
+                backgroundColor: string;
+            };
+        };
+        '& .webchat__toaster__expandIconFocus': {
+            alignItems: string;
+            borderColor: string;
+            borderStyle: string;
+            borderWidth: number;
+            borderRadius: number;
+            display: string;
+            height: number;
+            justifyContent: string;
+            width: number;
+        };
+        '&.webchat__toaster--error': {
+            '&:not(.webchat__toaster--expandable), & .webchat__toaster__header': {
+                backgroundColor: string;
+            };
+            '& .webchat__toaster__header': {
+                color: string;
+                fill: string;
+            };
+        };
+        '&.webchat__toaster--info': {
+            '&:not(.webchat__toaster--expandable), & .webchat__toaster__header': {
+                backgroundColor: string;
+            };
+            '& .webchat__toaster__header': {
+                color: string;
+                fill: string;
+            };
+        };
+        '&.webchat__toaster--success': {
+            '&:not(.webchat__toaster--expandable), & .webchat__toaster__header': {
+                backgroundColor: string;
+            };
+            '& .webchat__toaster__header': {
+                color: string;
+                fill: string;
+            };
+        };
+        '&.webchat__toaster--warn': {
+            '&:not(.webchat__toaster--expandable), & .webchat__toaster__header': {
+                backgroundColor: string;
+            };
+            '& .webchat__toaster__header': {
+                color: string;
+                fill: string;
+            };
+        };
+        '& .webchat__toaster__expandLevelIconBox': {
+            height: string | number;
+            width: string | number;
+        };
+        '& .webchat__toaster__expandIcon': {
+            height: string | number;
+            width: string | number;
+        };
+        '& .webchat__toaster__expandText': {
+            padding: string;
+        };
+        '& .webchat__toaster__expandLevelIconBox, & .webchat__toaster__expandIcon': {
+            alignItems: string;
+            display: string;
+            justifyContent: string;
+        };
+        '& .webchat__toaster__list': {
+            margin: number;
+            overflowY: string;
+            padding: number;
+        };
+        '& .webchat__toaster__listItem:first-child:last-child': {
+            overflow: string;
+        };
+        '& .webchat__toaster__listItem:not(:first-child), & .webchat__toaster__listItem:not(:last-child)': {
+            borderBottomColor: string;
+            borderBottomStyle: string;
+            borderBottomWidth: number;
+            minHeight: number;
+        };
+    };
+    typingAnimation: {
+        backgroundImage: string;
+        backgroundRepeat: string;
+        height: string | number;
+        width: string | number;
+    };
+    typingIndicator: {
+        paddingBottom: number;
+        '&:not(.webchat__typingIndicator--rtl)': {
+            paddingLeft: number;
+        };
+        '&.webchat__typingIndicator--rtl': {
+            paddingRight: number;
+        };
+    };
+    uploadButton: {
+        width: string | number;
+        '& > .icon > svg': {
+            fill: string;
+        };
+        '& > input:hover + .icon > svg': {
+            fill: string;
+        };
+        '& > input:focus + .icon > svg': {
+            fill: string;
+        };
+    };
+    videoAttachment: {};
+    videoContent: {
+        height: string | number;
+        width: string;
+    };
+    vimeoContent: {
+        border: number;
+        height: string | number;
+        width: string;
+    };
+    warningNotification: {
+        alignItems: string;
+        color: string;
+        display: string;
+        fontFamily: string;
+        fontSize: string | number;
+        marginBottom: number;
+        marginLeft: number;
+        marginRight: number;
+        marginTop: number;
+        '& > svg': {
+            fill: string;
+            '&:not(webchat__warning--rtl)': {
+                paddingRight: number;
+            };
+            '&.webchat__warning--rtl': {
+                paddingLeft: number;
+            };
+        };
+    };
+    youTubeContent: {
+        border: number;
+        height: string | number;
+        width: string;
+    };
+};
+//# sourceMappingURL=createStyleSet.d.ts.map