botframework-webchat-api 4.18.1-main.20260416.88357ae → 4.18.1

package/dist/StyleOptions-Bee70Zop.d.ts

@@ -1,849 +0,0 @@
-import { WebChatActivity } from 'botframework-webchat-core';
-
-type StyleOptions = {
-    /**
-     * Basic styling
-     */
-    /** Web Chat component accent color */
-    accent?: string;
-    /**
-     * Transcript background color
-     */
-    backgroundColor?: string;
-    /**
-     * Secondary component color
-     */
-    subtle?: string;
-    /**
-     * Default padding used in most visual components
-     */
-    paddingRegular?: number;
-    /**
-     * Padding used for suggestedAction buttons
-     */
-    paddingWide?: number;
-    /**
-     * The duration to be used for transitions
-     */
-    transitionDuration?: string;
-    /**
-     * The easing function to be used for transitions
-     */
-    transitionEasing?: string;
-    /**
-     * Fonts
-     * Default font size will be inherited from the host app
-     */
-    /**
-     * Font size used for secondary components such as sendStatus
-     */
-    fontSizeSmall?: number | string;
-    /**
-     * Font used for ErrorBox
-     * comma-space separated string
-     */
-    monospaceFont?: string;
-    /**
-     * Font used in most visual components
-     * comma-space separated string
-     */
-    primaryFont?: string;
-    rootHeight?: number | string;
-    rootWidth?: number | string;
-    /**
-     * "z-index" for the root container of Web Chat. This will form a new stacking context so "z-index" used in children won't pollute.
-     */
-    rootZIndex?: number;
-    /**
-     * Avatar styling
-     */
-    /**
-     * Border radius used for both bot and user avatar
-     */
-    avatarBorderRadius?: number | string;
-    /**
-     * Height and width of avatar
-     */
-    avatarSize?: number;
-    /**
-     * Background color defaults to accent
-     */
-    botAvatarBackgroundColor?: string;
-    /**
-     * URL string. Can be data URI or blob
-     * botAvatarInitials must be set to empty string
-     */
-    botAvatarImage?: string;
-    /**
-     * Typically rendered as two letters, e.g. 'WC'
-     * Empty string is required when setting botAvatarImage
-     */
-    botAvatarInitials?: string;
-    /**
-     * Background color defaults to accent
-     */
-    userAvatarBackgroundColor?: string;
-    /**
-     * URL string. Can be data URI or blob
-     * userAvatarInitials must be set to empty string
-     */
-    userAvatarImage?: string;
-    /**
-     * Typically rendered as two letters, i.e. 'WC'
-     * Empty string is required when setting userAvatarImage
-     */
-    userAvatarInitials?: string;
-    /**
-     * Avatar grouping can be set at 3 different levels:
-     * Show avatar on activities sharing the same sender ('sender')
-     * Show avatar on activities sharing the same status ('status'; default)
-     * Show avatar on every activity (true)
-     */
-    showAvatarInGroup?: true | 'sender' | 'status';
-    /**
-     *  Bubble styling
-     * 'Bubble' refers to the container of the activit(ies) from the bot and user. Below, non-'fromUser' props refer to styling for the bot activities.
-     */
-    bubbleBackground?: string;
-    bubbleBorderColor?: string;
-    bubbleBorderRadius?: number;
-    bubbleBorderStyle?: string;
-    bubbleBorderWidth?: number;
-    bubbleFromUserBackground?: string;
-    bubbleFromUserBorderColor?: string;
-    bubbleFromUserBorderRadius?: number;
-    bubbleFromUserBorderStyle?: string;
-    bubbleFromUserBorderWidth?: number;
-    /**
-     * Nub offset 'bottom' will render nub at the bottom
-     * A positive or negative number will shift nub offset up/down
-     * "top" is equivalent to positive zero.
-     * "bottom" is equivalent to negative zero.
-     */
-    bubbleFromUserNubOffset?: number | 'bottom' | 'top';
-    /**
-     * Nub size 0 will render a sharp corner
-     */
-    bubbleFromUserNubSize?: number;
-    bubbleFromUserTextColor?: string;
-    /**
-     * Specifies the fixed height of the bubble for image, default to unset.
-     *
-     * @deprecated Use `bubbleImageMaxHeight` and `bubbleImageMinHeight` instead. To mimick behavior before deprecation, set both options to 240px.
-     */
-    bubbleImageHeight?: number | undefined;
-    /**
-     * Specifies the maximum height of the bubble for image, default to 240px.
-     *
-     * CSS variable: `--webchat__max-height--image-bubble`.
-     *
-     * New in 4.18.0.
-     */
-    bubbleImageMaxHeight?: number | undefined;
-    /**
-     * Specifies the minimum height of the bubble for image, default to 240px.
-     *
-     * CSS variable: `--webchat__min-height--image-bubble`.
-     *
-     * New in 4.18.0.
-     */
-    bubbleImageMinHeight?: number | undefined;
-    bubbleMaxWidth?: number | undefined;
-    bubbleMinWidth?: number | undefined;
-    bubbleAttachmentMaxWidth?: number | undefined;
-    bubbleAttachmentMinWidth?: number | undefined;
-    bubbleMessageMaxWidth?: number | undefined;
-    bubbleMessageMinWidth?: number | undefined;
-    bubbleMinHeight?: number;
-    /**
-     * Nub offset ''bottom' will render nub at the bottom
-     * A positive or negative number will shift nub offset up/down
-     * "top" is equivalent to positive zero.
-     * "bottom" is equivalent to negative zero.
-     */
-    bubbleNubOffset?: number | 'bottom' | 'top';
-    /**
-     * Nub size 0 will render a sharp corner
-     */
-    bubbleNubSize?: number;
-    bubbleTextColor?: string;
-    messageActivityWordBreak?: 'normal' | 'break-all' | 'break-word' | 'keep-all';
-    /**
-     * Connectivity UI styling
-     */
-    connectivityIconPadding?: number;
-    connectivityMarginLeftRight?: number;
-    connectivityMarginTopBottom?: number;
-    connectivityTextSize?: number | string;
-    failedConnectivity?: number | string;
-    slowConnectivity?: string;
-    notificationText?: string;
-    /**
-     * Slow connection status will render after x amount of time with no service response
-     */
-    slowConnectionAfter?: number;
-    /**
-     * Emoji styling
-     * If true, Web Chat's default set of emoji will be enabled. See patchStyleOptions.js for default list.
-     * A custom object will enable unicode emoji specified by the developer.
-     * key: emoticon
-     * value: unicode emoji
-     */
-    emojiSet?: boolean | Record<string, string>;
-    /**
-     * Live region - Accessibility
-     * New activities will be rendered in the non-visual live region and removed after a certain amount of time. Modify this property to change fade time.
-     */
-    internalLiveRegionFadeAfter?: number;
-    /**
-     * Markdown styling
-     * Parse markdown to ensure carriage return is respected
-     */
-    markdownRespectCRLF?: boolean;
-    /**
-     * Render HTML inside Markdown.
-     *
-     * `true` to render HTML inside Markdown, otherwise, `false`. Defaults to `true`.
-     *
-     * New in 4.17: This option is enabled by default.
-     */
-    markdownRenderHTML?: boolean;
-    /**
-     * Assign new image for anchor links to indicate external
-     */
-    markdownExternalLinkIconImage?: string;
-    /**
-     * Scroll behavior styling
-     */
-    /**
-     * Prevent scroll to end button from rendering
-     *
-     * @deprecated Since 4.14.0: To hide the scroll to end button, please set `scrollToEndButtonBehavior` to `false`.
-     */
-    hideScrollToEndButton?: boolean;
-    /**
-     * Snap to activity to 'snap-point'
-     * If true, scrolling will pause after 1 activity is received.
-     * Specifying a number will pause after X number of activities
-     */
-    autoScrollSnapOnActivity?: boolean | number;
-    /**
-     * Specify number of pixels to overscroll or underscroll after pause
-     */
-    autoScrollSnapOnActivityOffset?: number;
-    /**
-     * If true, scrolling will pause after activities have filled the page.
-     * Specifying a number (0 to 1) will pause after % of page is filled
-     */
-    autoScrollSnapOnPage?: boolean | number;
-    /**
-     * Specify number of pixels to overscroll or underscroll after pause
-     */
-    autoScrollSnapOnPageOffset?: number;
-    /**
-     * Send box styling
-     */
-    hideSendBox?: boolean;
-    /**
-     * Indicates if the upload file button should be hidden.
-     *
-     * @default false
-     *
-     * @deprecated deprecated since 4.18.0: obsolated by {@linkcode disableFileUpload}. This option will be removed on or after 2027-07-14.
-     */
-    hideUploadButton?: boolean;
-    /**
-     * (EXPERIMENTAL) `true`, if the telephone keypad button should be shown, otherwise, `false`. Defaults to `true`.
-     *
-     * @deprecated This is an experimental style options and should not be used without understanding its risk.
-     */
-    hideTelephoneKeypadButton?: boolean | undefined;
-    microphoneButtonColorOnDictate?: string;
-    sendBoxBackground?: string;
-    /**
-     * The comma-delimited file types that the upload button should accept.
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept
-     * @example 'image/*,.pdf'
-     */
-    uploadAccept?: string;
-    /**
-     * If true, the upload button will accept multiple files.
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#multiple
-     */
-    uploadMultiple?: boolean;
-    /**
-     * If set to `send` (default), attachment will be sent when the send button is clicked, or when the message is being sent.
-     *
-     * Otherwise, if set to `attach`, attachment will be sent immediately after file is selected.
-     */
-    sendAttachmentOn?: 'attach' | 'send';
-    /** Send box button: Icon color, defaults to subtle */
-    sendBoxButtonColor?: string;
-    /**
-     * Send box button: Shade border radius
-     *
-     * @default 2
-     */
-    sendBoxButtonShadeBorderRadius?: number;
-    /** Send box button: Shade color */
-    sendBoxButtonShadeColor?: string;
-    /**
-     * Send box button: Shade inset
-     *
-     * @default 2
-     */
-    sendBoxButtonShadeInset?: number;
-    /** Send box button (while `:active`): Icon color */
-    sendBoxButtonColorOnActive?: string;
-    /**
-     * Send box button (while `:active`): Shade color
-     *
-     * @default '#EDEBE9'
-     */
-    sendBoxButtonShadeColorOnActive?: string;
-    /**
-     * Send box button (while `:disabled`): Icon color
-     *
-     * @default '#A19F9D'
-     */
-    sendBoxButtonColorOnDisabled?: string;
-    /**
-     * Send box button (while `:disabled`): Shade color
-     *
-     * @default '#F3F2F1'
-     */
-    sendBoxButtonShadeColorOnDisabled?: string;
-    /** Send box button (while `:focus`): Icon color */
-    sendBoxButtonColorOnFocus?: string;
-    /** Send box button (while `:focus`): Shade color */
-    sendBoxButtonShadeColorOnFocus?: string;
-    /** Send box button (while `:hover`): Icon color */
-    sendBoxButtonColorOnHover?: string;
-    /**
-     * Send box button (while `:hover`): Shade color
-     *
-     * @default '#F3F2F1'
-     */
-    sendBoxButtonShadeColorOnHover?: string;
-    /**
-     * Send box button (while `:focus-visible`): Keyboard focus indicator border color
-     *
-     * @default '#605E5C'
-     */
-    sendBoxButtonKeyboardFocusIndicatorBorderColor?: string;
-    /**
-     * Send box button (while `:focus-visible`): Keyboard focus indicator border radius
-     *
-     * @default 0
-     */
-    sendBoxButtonKeyboardFocusIndicatorBorderRadius?: number | string;
-    /**
-     * Send box button (while `:focus-visible`): Keyboard focus indicator border style
-     *
-     * @default 'solid'
-     */
-    sendBoxButtonKeyboardFocusIndicatorBorderStyle?: string;
-    /**
-     * Send box button (while` :focus-visible`): Keyboard focus indicator border width
-     *
-     * @default 4
-     */
-    sendBoxButtonKeyboardFocusIndicatorBorderWidth?: number;
-    /**
-     * Send box button (while `:focus-visible`): Keyboard focus indicator inset
-     *
-     * @default 4
-     */
-    sendBoxButtonKeyboardFocusIndicatorInset?: number;
-    /**
-     * Disabled text color defaults to subtle
-     */
-    sendBoxDisabledTextColor?: string;
-    sendBoxHeight?: number | string;
-    sendBoxMaxHeight?: number | string;
-    sendBoxTextColor?: string;
-    sendBoxBorderBottom?: number | string;
-    sendBoxBorderLeft?: number | string;
-    sendBoxBorderRight?: number | string;
-    sendBoxBorderTop?: number | string;
-    sendBoxPlaceholderColor?: string;
-    sendBoxTextWrap?: boolean;
-    sendBoxButtonAlignment?: 'bottom' | 'stretch' | 'top';
-    /**
-     * Show spoken text
-     */
-    showSpokenText?: boolean;
-    /**
-     * Spinner animation styling
-     */
-    spinnerAnimationBackgroundImage?: string;
-    spinnerAnimationHeight?: number | string;
-    spinnerAnimationWidth?: number | string;
-    spinnerAnimationPadding?: number | string;
-    /**
-     * Suggested Actions
-     */
-    /**
-     * Suggested action: border radius
-     *
-     * @default 0
-     */
-    suggestedActionBorderRadius?: number | string;
-    /**
-     * Suggested action: Background
-     *
-     * @deprecated Since 4.15.0: Please use `suggestedActionBackgroundColor` instead. This option will be removed on or after 2023-09-16.
-     */
-    suggestedActionBackground?: string;
-    /**
-     * Suggested action: Background color
-     *
-     * @default 'White'
-     */
-    suggestedActionBackgroundColor?: string;
-    /** Suggested action: Border color, defaults to accent color */
-    suggestedActionBorderColor?: string;
-    /**
-     * Suggested action: Border style
-     *
-     * @default 'solid'
-     */
-    suggestedActionBorderStyle?: string;
-    /**
-     * Suggested action: Border width
-     *
-     * @default 2
-     */
-    suggestedActionBorderWidth?: number;
-    /** Suggested action: Text color, defaults to accent color */
-    suggestedActionTextColor?: string;
-    /** Suggested action (while `:disabled`): Background color, defaults to suggestedActionBackground */
-    suggestedActionBackgroundColorOnDisabled?: string;
-    /**
-     * Suggested action (while `:disabled`): Border color
-     *
-     * @default '#E6E6E6'
-     */
-    suggestedActionBorderColorOnDisabled?: string;
-    /** Suggested action (while `:disabled`): Border style */
-    suggestedActionBorderStyleOnDisabled?: string;
-    /** Suggested action (while `:disabled`): Border width */
-    suggestedActionBorderWidthOnDisabled?: number;
-    /** Suggested action (while `:disabled`): Foreground color, defaults to subtle color */
-    suggestedActionTextColorOnDisabled?: string;
-    /**
-     * Suggested action (while `:active`): Background color
-     *
-     * @default '#EDEBE9'
-     */
-    suggestedActionBackgroundColorOnActive?: string;
-    /** Suggested action (while `:active`): Border color */
-    suggestedActionBorderColorOnActive?: string;
-    /** Suggested action (while `:active`): Border style */
-    suggestedActionBorderStyleOnActive?: string;
-    /** Suggested action (while `:active`): Border width */
-    suggestedActionBorderWidthOnActive?: number;
-    /** Suggested action (while `:active`): Text color */
-    suggestedActionTextColorOnActive?: string;
-    /** Suggested action (while `:focus`): Background color */
-    suggestedActionBackgroundColorOnFocus?: string;
-    /** Suggested action (while `:focus`): Border color */
-    suggestedActionBorderColorOnFocus?: string;
-    /** Suggested action (while `:focus`): Border style */
-    suggestedActionBorderStyleOnFocus?: string;
-    /** Suggested action (while `:focus`): Border width */
-    suggestedActionBorderWidthOnFocus?: number;
-    /** Suggested action (while `:focus`): Text color */
-    suggestedActionTextColorOnFocus?: string;
-    /**
-     * Suggested action (while `:hover`): Background color
-     *
-     * @default '#F3F2F1'
-     */
-    suggestedActionBackgroundColorOnHover?: string;
-    /** Suggested action (while `:hover`): Border color */
-    suggestedActionBorderColorOnHover?: string;
-    /** Suggested action (while `:hover`): Border style */
-    suggestedActionBorderStyleOnHover?: string;
-    /** Suggested action (while `:hover`): Border width */
-    suggestedActionBorderWidthOnHover?: number;
-    /** Suggested action (while `:hover`): Text color */
-    suggestedActionTextColorOnHover?: string;
-    /**
-     * Suggested action (while `:disabled`): Background, defaults to suggestedActionBackground.
-     *
-     * @deprecated Since 4.15.0: Please use `suggestedActionBackgroundColorOnDisabled` instead. This option will be removed on or after 2023-09-16.
-     */
-    suggestedActionDisabledBackground?: string;
-    /**
-     * Suggested action (while `:disabled`): Border color
-     *
-     * @deprecated Since 4.15.0: Please use `suggestedActionBorderColorOnDisabled` instead. This option will be removed on or after 2023-09-16.
-     */
-    suggestedActionDisabledBorderColor?: string;
-    /**
-     * Suggested action (while `:disabled`): Border style
-     *
-     * @deprecated Since 4.15.0: Please use `suggestedActionBorderStyleOnDisabled` instead. This option will be removed on or after 2023-09-16.
-     */
-    suggestedActionDisabledBorderStyle?: string;
-    /**
-     * Suggested action (while `:disabled`): Border width
-     *
-     * @deprecated Since 4.15.0: Please use `suggestedActionBorderWidthOnDisabled` instead. This option will be removed on or after 2023-09-16.
-     */
-    suggestedActionDisabledBorderWidth?: number;
-    /**
-     * Suggested action (while `:disabled`): Foreground color, defaults to subtle color
-     *
-     * @deprecated Since 4.15.0: Please use `suggestedActionTextColorOnDisabled` instead. This option will be removed on or after 2023-09-16.
-     */
-    suggestedActionDisabledTextColor?: string;
-    /**
-     * Suggested action: Height
-     *
-     * @default 40
-     */
-    suggestedActionHeight?: number | string;
-    /**
-     * Suggested action: Image height
-     *
-     * @default 20
-     */
-    suggestedActionImageHeight?: number | string;
-    /**
-     * Suggested action: Layout type
-     *
-     * @default 'carousel'
-     */
-    suggestedActionLayout?: 'carousel' | 'flow' | 'stacked';
-    /**
-     * Suggested action (while `:focus-visible`): Keyboard focus indicator border color
-     *
-     * @default '#605E5C'
-     */
-    suggestedActionKeyboardFocusIndicatorBorderColor?: string;
-    /**
-     * Suggested action (while `:focus-visible`): Keyboard focus indicator border radius
-     *
-     * @default 0
-     */
-    suggestedActionKeyboardFocusIndicatorBorderRadius?: number | string;
-    /**
-     * Suggested action (while `:focus-visible`): Keyboard focus indicator border style
-     *
-     * @default 'solid'
-     */
-    suggestedActionKeyboardFocusIndicatorBorderStyle?: string;
-    /**
-     * Suggested action (while `:focus-visible`): Keyboard focus indicator border width
-     *
-     * @default 1
-     */
-    suggestedActionKeyboardFocusIndicatorBorderWidth?: number;
-    /**
-     * Suggested action (while `:focus-visible`): Keyboard focus indicator inset
-     *
-     * @default 2
-     */
-    suggestedActionKeyboardFocusIndicatorInset?: number;
-    /**
-     * Suggested action (while `:active`): background
-     *
-     * @deprecated Since 4.15.0: Please use `suggestedActionBackgroundColorOnActive` instead. This option will be removed on or after 2023-09-16.
-     */
-    suggestedActionActiveBackground?: string;
-    /**
-     * Suggested action (while `:focus`): background
-     *
-     * @deprecated Since 4.15.0: Please use `suggestedActionBackgroundColorOnFocus` instead. This option will be removed on or after 2023-09-16.
-     */
-    suggestedActionFocusBackground?: string;
-    /**
-     * Suggested action (while `:hover`): background
-     *
-     * @deprecated Since 4.15.0: Please use `suggestedActionBackgroundColorOnHover` instead. This option will be removed on or after 2023-09-16.
-     */
-    suggestedActionHoverBackground?: string;
-    /**
-     * Suggested actions carousel layout
-     */
-    /**
-     * Cursor when mouseover on flipper
-     */
-    suggestedActionsCarouselFlipperCursor?: string;
-    /**
-     * Flipper bounding box size
-     */
-    suggestedActionsCarouselFlipperBoxWidth?: number;
-    /**
-     * Flipper button's visible size
-     */
-    suggestedActionsCarouselFlipperSize?: number;
-    /**
-     * Suggested actions flow layout
-     * Default value is 'auto',
-     */
-    suggestedActionsFlowMaxHeight?: undefined;
-    /**
-     * Suggested actions stacked layout
-     */
-    /**
-     * Stacked height container's max height. Default value is 'auto'
-     */
-    suggestedActionsStackedHeight?: number | 'auto';
-    /**
-     * Stacked overflow default value is 'auto'
-     */
-    suggestedActionsStackedOverflow?: 'auto' | 'hidden' | 'scroll' | 'visible';
-    /**
-     * Button max height default value is 100% if suggestedActionsStackedLayoutButtonTextWrap is true
-     */
-    suggestedActionsStackedLayoutButtonMaxHeight?: number | string;
-    /**
-     * Button Text Wrap, if set to true, will wrap long text in buttons in STACKED mode ONLY
-     */
-    suggestedActionsStackedLayoutButtonTextWrap?: boolean;
-    /** Suggested actions: Visual keyboard indicator color for the container. */
-    suggestedActionsVisualKeyboardIndicatorColor?: string;
-    /** Suggested actions: Visual keyboard indicator style for the container. */
-    suggestedActionsVisualKeyboardIndicatorStyle?: string;
-    /** Suggested actions: Visual keyboard indicator width for the container. */
-    suggestedActionsVisualKeyboardIndicatorWidth?: number;
-    /**
-     * Timestamp
-     */
-    /**
-     * Specifies the time window for grouping related timestamps.
-     *
-     * `number` - time window for grouping related timestamps (in milliseconds)
-     * `false` - never group timestamps
-     * `true` - group all timestamps
-     */
-    groupTimestamp?: boolean | number;
-    sendTimeout?: number | ((activity: WebChatActivity) => number);
-    sendTimeoutForAttachments?: number;
-    /**
-     * Timestamp color default value is subtle
-     */
-    timestampColor?: string;
-    timestampFormat?: 'absolute' | 'relative';
-    /**
-     * Transcript styling
-     */
-    transcriptTerminatorBackgroundColor?: string;
-    transcriptTerminatorBorderRadius?: number | string;
-    transcriptTerminatorColor?: string;
-    transcriptTerminatorFontSize?: number | string;
-    transcriptActivityVisualKeyboardIndicatorColor?: string;
-    transcriptActivityVisualKeyboardIndicatorStyle?: string;
-    transcriptActivityVisualKeyboardIndicatorWidth?: number | string;
-    transcriptVisualKeyboardIndicatorColor?: string;
-    transcriptVisualKeyboardIndicatorStyle?: string;
-    transcriptVisualKeyboardIndicatorWidth?: number | string;
-    /**
-     * Transcript overlay button
-     * e.g. carousel and suggested action flippers, scroll to bottom, etc.
-     */
-    /**
-     * Controls when the new messages button should show.
-     *
-     * - `"unread"` will show when there are any unread and offscreen messages (default)
-     * - `"any"` will show when there are any offscreen messages
-     * - `false` will always hide the button
-     */
-    scrollToEndButtonBehavior?: false | 'any' | 'unread';
-    /** Font size of the new message button. */
-    scrollToEndButtonFontSize?: number | string;
-    /**
-     * Font size of the new message button.
-     *
-     * @deprecated Since 4.14.0: Renamed to {@linkcode scrollToEndButtonFontSize}.
-     */
-    newMessagesButtonFontSize?: number | string;
-    transcriptOverlayButtonBackground?: string;
-    transcriptOverlayButtonBackgroundOnDisabled?: string;
-    transcriptOverlayButtonBackgroundOnFocus?: string;
-    transcriptOverlayButtonBackgroundOnHover?: string;
-    transcriptOverlayButtonColor?: string;
-    transcriptOverlayButtonColorOnDisabled?: string;
-    /**
-     * Default value is transcriptOverlayButtonColor
-     */
-    transcriptOverlayButtonColorOnFocus?: string;
-    /**
-     * Default value is transcriptOverlayButtonColor
-     */
-    transcriptOverlayButtonColorOnHover?: string;
-    /**
-     * Toast UI
-     */
-    /**
-     * New debounce timeout value only affects new notifications.
-     */
-    notificationDebounceTimeout?: number;
-    hideToaster?: boolean;
-    toasterHeight?: number | string;
-    toasterMaxHeight?: number | string;
-    toasterSingularMaxHeight?: number | string;
-    toastFontSize?: number | string;
-    toastIconWidth?: number | string;
-    toastSeparatorColor?: string;
-    toastTextPadding?: number | string;
-    toastErrorBackgroundColor?: string;
-    toastErrorColor?: string;
-    toastInfoBackgroundColor?: string;
-    toastInfoColor?: string;
-    toastSuccessBackgroundColor?: string;
-    toastSuccessColor?: string;
-    toastWarnBackgroundColor?: string;
-    toastWarnColor?: string;
-    /**
-     * Typing animation
-     */
-    typingAnimationBackgroundImage?: string;
-    typingAnimationDuration?: number;
-    typingAnimationHeight?: number | string;
-    typingAnimationWidth?: number | string;
-    /**
-     * Upload thumbnail
-     */
-    enableUploadThumbnail?: boolean;
-    uploadThumbnailContentType?: string;
-    uploadThumbnailHeight?: number;
-    uploadThumbnailQuality?: number;
-    uploadThumbnailWidth?: number;
-    /**
-     * Video
-     */
-    videoHeight?: number | string;
-    /**
-     * Maximum message length in characters
-     *
-     * @default 2000
-     */
-    maxMessageLength?: number;
-    /**
-     * The node to place Web Chat styles into. Needed when using as a Web Component.
-     *
-     * @default document.head
-     */
-    stylesRoot?: Node;
-    /**
-     * Border animation
-     */
-    /**
-     * Border animation 1st color
-     *
-     * CSS variable: `--webchat__animation--border-color-1` CSS variable to adjust the color
-     *
-     * New in 4.19.0.
-     */
-    borderAnimationColor1?: string;
-    /**
-     * Border animation 2nd color
-     *
-     * CSS variable: `--webchat__animation--border-color-2` CSS variable to adjust the color
-     *
-     * New in 4.19.0.
-     */
-    borderAnimationColor2?: string;
-    /**
-     * Border animation 3rd color
-     *
-     * CSS variable: `--webchat__animation--border-color-3` CSS variable to adjust the color
-     *
-     * New in 4.19.0.
-     */
-    borderAnimationColor3?: string;
-    /**
-     * Code block theme
-     *
-     * - `'github-light-default'` - use light theme for code blocks
-     * - `'github-dark-default'` - use dark theme for code blocks
-     *
-     * @default 'github-light-default'
-     *
-     * New in 4.19.0.
-     */
-    codeBlockTheme?: 'github-light-default' | 'github-dark-default';
-    /**
-     * (EXPERIMENTAL) Feedback buttons placement
-     *
-     * - `'activity-actions'` - place feedback buttons inside activity actions - will show feedback form
-     * - `'activity-status'` - place feedback buttons inside activity status
-     *
-     * @default 'activity-status'
-     *
-     * @deprecated This is an experimental style options and should not be used without understanding its risk.
-     *
-     * New in 4.19.0.
-     */
-    feedbackActionsPlacement?: 'activity-actions' | 'activity-status';
-    /**
-     * Use continuous mode for speech recognition. Default to `false`.
-     *
-     * - `true` to use continuous mode which focuses on a hands-off experience, keeping speech recognition active for extended periods, supporting barge-in, non-speech interactions will not stop speech recognition
-     * - `false` to use interactive mode which focuses on privacy, keeping speech recognition active only for the minimal time required, no barge-in, non-speech interactions will stop speech recognition
-     *
-     * @see https://github.com/microsoft/BotFramework-WebChat/pull/5426
-     */
-    speechRecognitionContinuous?: boolean | undefined;
-    /**
-     * Whether part groups are open by default.
-     *
-     * @default true
-     */
-    partGroupDefaultOpen?: boolean | undefined;
-    /**
-     * Whether references (citation link definitions) are open by default.
-     *
-     * @default true
-     */
-    referenceListDefaultOpen?: boolean | undefined;
-    /**
-     * Defines how activities are being grouped by (in the order of appearance in the array). Default to `['sender', 'status', 'part']` or `sender,status` in CSS.
-     *
-     * Values are key of result of `groupActivitiesMiddleware`. The default implementation of `groupActivitiesMiddleware` has `sender`, `status`, and `part`.
-     *
-     * To add new groupings, configure `groupActivitiesMiddleware` to output extra groups. Then, add the group names to `styleOptions.groupActivitiesBy`.
-     */
-    groupActivitiesBy?: readonly string[] | undefined;
-    /**
-     * Send box: maximum number of attachment item to preview as thumbnail before showing as text-only.
-     * Send box: maximum height of the attachment bar.
-     *
-     * @default 114
-     */
-    sendBoxAttachmentBarMaxHeight?: number;
-    /**
-     * Send box: maximum number of attachment item to preview as thumbnail before showing as list item.
-     *
-     * @default 3
-     */
-    sendBoxAttachmentBarMaxThumbnail?: number;
-    /**
-     * Indicates if file upload should be disabled.
-     *
-     * @default false
-     *
-     * New in 4.19.0.
-     */
-    disableFileUpload?: boolean;
-    /**
-     * Controls microphone button visibility in Fluent theme send box.
-     *
-     * - `'auto'` - Show microphone button if the chat adapter supports voice (has voiceConfiguration capability)
-     * - `'hide'` - Do not show microphone button regardless of adapter capabilities
-     *
-     * @default 'auto'
-     */
-    showMicrophoneButton?: 'auto' | 'hide';
-};
-type StrictStyleOptions = Required<Omit<StyleOptions, 'bubbleImageHeight' | 'bubbleMaxWidth' | 'bubbleMinWidth' | 'hideScrollToEndButton' | 'hideUploadButton' | 'newMessagesButtonFontSize'>> & {
-    bubbleFromUserNubOffset: number;
-    bubbleNubOffset: number;
-    emojiSet: false | Record<string, string>;
-};
-
-export type { StyleOptions as S, StrictStyleOptions as a };