botframework-webchat 4.15.10-main.20230911.d62393e → 4.15.10-main.20230915.155aecd

package/lib/createFullStyleSet.d.ts

@@ -457,207 +457,207 @@ export default function createFullStyleSet(options: FullBundleStyleOptions): {
         };
     };
     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 | "sender" | "status";
-        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: "normal" | "break-all" | "break-word" | "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: "stretch" | "bottom" | "top";
-        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: "auto" | "scroll" | "hidden" | "visible";
-        suggestedActionsStackedLayoutButtonMaxHeight: string | number;
-        suggestedActionsStackedLayoutButtonTextWrap: boolean;
-        suggestedActionsVisualKeyboardIndicatorColor: string;
-        suggestedActionsVisualKeyboardIndicatorStyle: string;
-        suggestedActionsVisualKeyboardIndicatorWidth: number;
-        groupTimestamp: number | boolean;
-        sendTimeout: number | ((activity: import("botframework-webchat-core/lib/types/WebChatActivity").WebChatActivity) => 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;
+        readonly accent: string;
+        readonly backgroundColor: string;
+        readonly subtle: string;
+        readonly paddingRegular: number;
+        readonly paddingWide: number;
+        readonly transitionDuration: string;
+        readonly fontSizeSmall: string | number;
+        readonly monospaceFont: string;
+        readonly primaryFont: string;
+        readonly rootHeight: string | number;
+        readonly rootWidth: string | number;
+        readonly rootZIndex: number;
+        readonly avatarBorderRadius: string | number;
+        readonly avatarSize: number;
+        readonly botAvatarBackgroundColor: string;
+        readonly botAvatarImage: string;
+        readonly botAvatarInitials: string;
+        readonly userAvatarBackgroundColor: string;
+        readonly userAvatarImage: string;
+        readonly userAvatarInitials: string;
+        readonly showAvatarInGroup: true | "sender" | "status";
+        readonly bubbleBackground: string;
+        readonly bubbleBorderColor: string;
+        readonly bubbleBorderRadius: number;
+        readonly bubbleBorderStyle: string;
+        readonly bubbleBorderWidth: number;
+        readonly bubbleFromUserBackground: string;
+        readonly bubbleFromUserBorderColor: string;
+        readonly bubbleFromUserBorderRadius: number;
+        readonly bubbleFromUserBorderStyle: string;
+        readonly bubbleFromUserBorderWidth: number;
+        readonly bubbleFromUserNubOffset: number;
+        readonly bubbleFromUserNubSize: number;
+        readonly bubbleFromUserTextColor: string;
+        readonly bubbleImageHeight: number;
+        readonly bubbleMaxWidth: number;
+        readonly bubbleMinHeight: number;
+        readonly bubbleMinWidth: number;
+        readonly bubbleNubOffset: number;
+        readonly bubbleNubSize: number;
+        readonly bubbleTextColor: string;
+        readonly messageActivityWordBreak: "normal" | "break-all" | "break-word" | "keep-all";
+        readonly connectivityIconPadding: number;
+        readonly connectivityMarginLeftRight: number;
+        readonly connectivityMarginTopBottom: number;
+        readonly connectivityTextSize: string | number;
+        readonly failedConnectivity: string | number;
+        readonly slowConnectivity: string;
+        readonly notificationText: string;
+        readonly slowConnectionAfter: number;
+        readonly emojiSet: (boolean | Record<string, string>) & (false | Record<string, string>);
+        readonly internalLiveRegionFadeAfter: number;
+        readonly markdownRespectCRLF: boolean;
+        readonly markdownExternalLinkIconImage: string;
+        readonly autoScrollSnapOnActivity: number | boolean;
+        readonly autoScrollSnapOnActivityOffset: number;
+        readonly autoScrollSnapOnPage: number | boolean;
+        readonly autoScrollSnapOnPageOffset: number;
+        readonly hideSendBox: boolean;
+        readonly hideUploadButton: boolean;
+        readonly microphoneButtonColorOnDictate: string;
+        readonly sendBoxBackground: string;
+        readonly sendBoxButtonColor: string;
+        readonly sendBoxButtonShadeBorderRadius: number;
+        readonly sendBoxButtonShadeColor: string;
+        readonly sendBoxButtonShadeInset: number;
+        readonly sendBoxButtonColorOnActive: string;
+        readonly sendBoxButtonShadeColorOnActive: string;
+        readonly sendBoxButtonColorOnDisabled: string;
+        readonly sendBoxButtonShadeColorOnDisabled: string;
+        readonly sendBoxButtonColorOnFocus: string;
+        readonly sendBoxButtonShadeColorOnFocus: string;
+        readonly sendBoxButtonColorOnHover: string;
+        readonly sendBoxButtonShadeColorOnHover: string;
+        readonly sendBoxButtonKeyboardFocusIndicatorBorderColor: string;
+        readonly sendBoxButtonKeyboardFocusIndicatorBorderRadius: string | number;
+        readonly sendBoxButtonKeyboardFocusIndicatorBorderStyle: string;
+        readonly sendBoxButtonKeyboardFocusIndicatorBorderWidth: number;
+        readonly sendBoxButtonKeyboardFocusIndicatorInset: number;
+        readonly sendBoxDisabledTextColor: string;
+        readonly sendBoxHeight: string | number;
+        readonly sendBoxMaxHeight: string | number;
+        readonly sendBoxTextColor: string;
+        readonly sendBoxBorderBottom: string | number;
+        readonly sendBoxBorderLeft: string | number;
+        readonly sendBoxBorderRight: string | number;
+        readonly sendBoxBorderTop: string | number;
+        readonly sendBoxPlaceholderColor: string;
+        readonly sendBoxTextWrap: boolean;
+        readonly sendBoxButtonAlignment: "stretch" | "bottom" | "top";
+        readonly showSpokenText: boolean;
+        readonly spinnerAnimationBackgroundImage: string;
+        readonly spinnerAnimationHeight: string | number;
+        readonly spinnerAnimationWidth: string | number;
+        readonly spinnerAnimationPadding: string | number;
+        readonly suggestedActionBorderRadius: string | number;
+        readonly suggestedActionBackground: string;
+        readonly suggestedActionBackgroundColor: string;
+        readonly suggestedActionBorderColor: string;
+        readonly suggestedActionBorderStyle: string;
+        readonly suggestedActionBorderWidth: number;
+        readonly suggestedActionTextColor: string;
+        readonly suggestedActionBackgroundColorOnDisabled: string;
+        readonly suggestedActionBorderColorOnDisabled: string;
+        readonly suggestedActionBorderStyleOnDisabled: string;
+        readonly suggestedActionBorderWidthOnDisabled: number;
+        readonly suggestedActionTextColorOnDisabled: string;
+        readonly suggestedActionBackgroundColorOnActive: string;
+        readonly suggestedActionBorderColorOnActive: string;
+        readonly suggestedActionBorderStyleOnActive: string;
+        readonly suggestedActionBorderWidthOnActive: number;
+        readonly suggestedActionTextColorOnActive: string;
+        readonly suggestedActionBackgroundColorOnFocus: string;
+        readonly suggestedActionBorderColorOnFocus: string;
+        readonly suggestedActionBorderStyleOnFocus: string;
+        readonly suggestedActionBorderWidthOnFocus: number;
+        readonly suggestedActionTextColorOnFocus: string;
+        readonly suggestedActionBackgroundColorOnHover: string;
+        readonly suggestedActionBorderColorOnHover: string;
+        readonly suggestedActionBorderStyleOnHover: string;
+        readonly suggestedActionBorderWidthOnHover: number;
+        readonly suggestedActionTextColorOnHover: string;
+        readonly suggestedActionDisabledBackground: string;
+        readonly suggestedActionDisabledBorderColor: string;
+        readonly suggestedActionDisabledBorderStyle: string;
+        readonly suggestedActionDisabledBorderWidth: number;
+        readonly suggestedActionDisabledTextColor: string;
+        readonly suggestedActionHeight: string | number;
+        readonly suggestedActionImageHeight: string | number;
+        readonly suggestedActionLayout: "carousel" | "flow" | "stacked";
+        readonly suggestedActionKeyboardFocusIndicatorBorderColor: string;
+        readonly suggestedActionKeyboardFocusIndicatorBorderRadius: string | number;
+        readonly suggestedActionKeyboardFocusIndicatorBorderStyle: string;
+        readonly suggestedActionKeyboardFocusIndicatorBorderWidth: number;
+        readonly suggestedActionKeyboardFocusIndicatorInset: number;
+        readonly suggestedActionActiveBackground: string;
+        readonly suggestedActionFocusBackground: string;
+        readonly suggestedActionHoverBackground: string;
+        readonly suggestedActionsCarouselFlipperCursor: string;
+        readonly suggestedActionsCarouselFlipperBoxWidth: number;
+        readonly suggestedActionsCarouselFlipperSize: number;
+        readonly suggestedActionsFlowMaxHeight: undefined;
+        readonly suggestedActionsStackedHeight: number | "auto";
+        readonly suggestedActionsStackedOverflow: "auto" | "scroll" | "hidden" | "visible";
+        readonly suggestedActionsStackedLayoutButtonMaxHeight: string | number;
+        readonly suggestedActionsStackedLayoutButtonTextWrap: boolean;
+        readonly suggestedActionsVisualKeyboardIndicatorColor: string;
+        readonly suggestedActionsVisualKeyboardIndicatorStyle: string;
+        readonly suggestedActionsVisualKeyboardIndicatorWidth: number;
+        readonly groupTimestamp: number | boolean;
+        readonly sendTimeout: number | ((activity: import("botframework-webchat-core/lib/types/WebChatActivity").WebChatActivity) => number);
+        readonly sendTimeoutForAttachments: number;
+        readonly timestampColor: string;
+        readonly timestampFormat: "absolute" | "relative";
+        readonly transcriptTerminatorBackgroundColor: string;
+        readonly transcriptTerminatorBorderRadius: string | number;
+        readonly transcriptTerminatorColor: string;
+        readonly transcriptTerminatorFontSize: string | number;
+        readonly transcriptActivityVisualKeyboardIndicatorColor: string;
+        readonly transcriptActivityVisualKeyboardIndicatorStyle: string;
+        readonly transcriptActivityVisualKeyboardIndicatorWidth: string | number;
+        readonly transcriptVisualKeyboardIndicatorColor: string;
+        readonly transcriptVisualKeyboardIndicatorStyle: string;
+        readonly transcriptVisualKeyboardIndicatorWidth: string | number;
+        readonly scrollToEndButtonBehavior: false | "any" | "unread";
+        readonly scrollToEndButtonFontSize: string | number;
+        readonly transcriptOverlayButtonBackground: string;
+        readonly transcriptOverlayButtonBackgroundOnDisabled: string;
+        readonly transcriptOverlayButtonBackgroundOnFocus: string;
+        readonly transcriptOverlayButtonBackgroundOnHover: string;
+        readonly transcriptOverlayButtonColor: string;
+        readonly transcriptOverlayButtonColorOnDisabled: string;
+        readonly transcriptOverlayButtonColorOnFocus: string;
+        readonly transcriptOverlayButtonColorOnHover: string;
+        readonly notificationDebounceTimeout: number;
+        readonly hideToaster: boolean;
+        readonly toasterHeight: string | number;
+        readonly toasterMaxHeight: string | number;
+        readonly toasterSingularMaxHeight: string | number;
+        readonly toastFontSize: string | number;
+        readonly toastIconWidth: string | number;
+        readonly toastSeparatorColor: string;
+        readonly toastTextPadding: string | number;
+        readonly toastErrorBackgroundColor: string;
+        readonly toastErrorColor: string;
+        readonly toastInfoBackgroundColor: string;
+        readonly toastInfoColor: string;
+        readonly toastSuccessBackgroundColor: string;
+        readonly toastSuccessColor: string;
+        readonly toastWarnBackgroundColor: string;
+        readonly toastWarnColor: string;
+        readonly typingAnimationBackgroundImage: string;
+        readonly typingAnimationDuration: number;
+        readonly typingAnimationHeight: string | number;
+        readonly typingAnimationWidth: string | number;
+        readonly enableUploadThumbnail: boolean;
+        readonly uploadThumbnailContentType: string;
+        readonly uploadThumbnailHeight: string | number;
+        readonly uploadThumbnailQuality: number;
+        readonly uploadThumbnailWidth: string | number;
+        readonly videoHeight: string | number;
     };
     root: {
         backgroundColor: string;
@@ -1383,17 +1383,17 @@ export default function createFullStyleSet(options: FullBundleStyleOptions): {
         height: string | number;
         width: string;
     };
-    cssVariables: {
-        '&.webchat__css-variables': {
+    cssCustomProperties: {
+        '&.webchat__css-custom-properties': {
             display: string;
-            '--webchat__color--accent': string;
-            '--webchat__color--timestamp': string;
-            '--webchat__font--primary': string;
-            '--webchat__font-size--small': string | number;
-            '--webchat__icon-url--external-link': string;
-            '--webchat__max-width--bubble': string;
-            '--webchat__min-height--bubble': string;
-            '--webchat__padding--regular': string;
+            "--webchat__color--accent": string;
+            "--webchat__color--timestamp": string;
+            "--webchat__font--primary": string;
+            "--webchat__font-size--small": string | number;
+            "--webchat__icon-url--external-link": string;
+            "--webchat__max-width--bubble": string;
+            "--webchat__min-height--bubble": string;
+            "--webchat__padding--regular": string;
         };
     };
     linkDefinitions: {
@@ -1494,7 +1494,7 @@ export default function createFullStyleSet(options: FullBundleStyleOptions): {
                 gap: number;
                 padding: number;
                 "@media (forced-colors: none)": {
-                    color: string;
+                    color: "var(--webchat__color--accent)";
                 };
             };
             '.webchat__link-definitions__list-item-text': {
@@ -1511,7 +1511,7 @@ export default function createFullStyleSet(options: FullBundleStyleOptions): {
     };
     modalDialog: {
         '&.webchat__modal-dialog': {
-            fontFamily: string;
+            fontFamily: "var(--webchat__font--primary)";
             width: string;
             "@media (forced-colors: none)": {
                 backgroundColor: string;
@@ -1541,7 +1541,7 @@ export default function createFullStyleSet(options: FullBundleStyleOptions): {
             };
             '& .webchat__modal-dialog__close-button-layout': {
                 float: string;
-                padding: string;
+                padding: "var(--webchat__padding--regular)";
             };
             '& .webchat__modal-dialog__close-button': {
                 height: number;
@@ -1598,7 +1598,7 @@ export default function createFullStyleSet(options: FullBundleStyleOptions): {
     renderMarkdown: {
         '&.webchat__render-markdown': {
             '& .webchat__render-markdown__external-link-icon': {
-                backgroundImage: string;
+                backgroundImage: "var(--webchat__icon-url--external-link)";
                 height: string;
                 marginLeft: string;
             };
@@ -1613,7 +1613,7 @@ export default function createFullStyleSet(options: FullBundleStyleOptions): {
                     color: string;
                 };
                 "@media (forced-colors: none)": {
-                    color: string;
+                    color: "var(--webchat__color--accent)";
                 };
             };
             '& .webchat__render-markdown__pure-identifier::after': {
@@ -1626,9 +1626,9 @@ export default function createFullStyleSet(options: FullBundleStyleOptions): {
     };
     sendStatus: {
         '&.webchat__activity-status': {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
+            color: "var(--webchat__color--timestamp)";
+            fontFamily: "var(--webchat__font--primary)";
+            fontSize: "var(--webchat__font-size--small)";
             marginTop: string;
         };
         '&.webchat__activity-status--slotted': {
@@ -1638,7 +1638,7 @@ export default function createFullStyleSet(options: FullBundleStyleOptions): {
         '& .webchat__activity-status__originator': {
             alignItems: string;
             '&.webchat__activity-status__originator--has-link': {
-                color: string;
+                color: "var(--webchat__color--accent)";
             };
         };
     };
@@ -1649,20 +1649,20 @@ export default function createFullStyleSet(options: FullBundleStyleOptions): {
             gap: number;
             marginTop: string;
             '& .webchat__slotted-activity-status__pipe': {
-                fontSize: string;
+                fontSize: "var(--webchat__font-size--small)";
             };
         };
     };
     textContent: {
         '&.webchat__text-content': {
-            fontFamily: string;
+            fontFamily: "var(--webchat__font--primary)";
             margin: number;
             minHeight: string;
-            padding: string;
+            padding: "var(--webchat__padding--regular)";
             '&.webchat__text-content--is-markdown': {
                 display: string;
                 flexDirection: string;
-                gap: string;
+                gap: "var(--webchat__padding--regular)";
             };
             '& .webchat__text-content__markdown > :first-child': {
                 marginTop: number;
@@ -1671,7 +1671,7 @@ export default function createFullStyleSet(options: FullBundleStyleOptions): {
                 marginBottom: number;
             };
             '& .webchat__text-content__markdown img:not(.webchat__render-markdown__external-link-icon)': {
-                maxWidth: string;
+                maxWidth: "var(--webchat__max-width--bubble)";
                 width: string;
             };
             '& .webchat__text-content__markdown pre': {
@@ -1699,7 +1699,7 @@ export default function createFullStyleSet(options: FullBundleStyleOptions): {
                 outline: string;
             };
             '& .webchat__thumb-button__image': {
-                color: string;
+                color: "var(--webchat__color--accent)";
                 width: number;
             };
             '&:hover .webchat__thumb-button__image:not(.webchat__thumb-button__image--is-filled)': {

package/lib/hooks/useStyleSet.d.ts

@@ -0,0 +1,6 @@
+import type AdaptiveCardsStyleSet from '../adaptiveCards/AdaptiveCardsStyleSet';
+declare const useMinimalStyleSet: typeof import("botframework-webchat-component/lib/hooks").useStyleSet;
+type MinimalStyleSet = ReturnType<typeof useMinimalStyleSet>[0];
+export default function useStyleSet(): readonly [MinimalStyleSet & AdaptiveCardsStyleSet];
+export {};
+//# sourceMappingURL=useStyleSet.d.ts.map

package/lib/hooks/useStyleSet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyleSet.d.ts","sourceRoot":"","sources":["../../src/hooks/useStyleSet.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAEhF,QAAA,MAAM,kBAAkB,uEAAoB,CAAC;AAE7C,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEhE,MAAM,CAAC,OAAO,UAAU,WAAW,IAAI,SAAS,CAAC,eAAe,GAAG,qBAAqB,CAAC,CAIxF"}

package/lib/hooks/useStyleSet.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useStyleSet;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _botframeworkWebchatComponent = require("botframework-webchat-component");
+
+var useMinimalStyleSet = _botframeworkWebchatComponent.hooks.useStyleSet;
+
+function useStyleSet() {
+  var _useMinimalStyleSet = useMinimalStyleSet(),
+      _useMinimalStyleSet2 = (0, _slicedToArray2.default)(_useMinimalStyleSet, 1),
+      styleOptions = _useMinimalStyleSet2[0];
+
+  return Object.freeze([styleOptions]);
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VNaW5pbWFsU3R5bGVTZXQiLCJob29rcyIsInVzZVN0eWxlU2V0Iiwic3R5bGVPcHRpb25zIiwiT2JqZWN0IiwiZnJlZXplIl0sInNvdXJjZVJvb3QiOiJidW5kbGU6Ly8vIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvdXNlU3R5bGVTZXQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaG9va3MgfSBmcm9tICdib3RmcmFtZXdvcmstd2ViY2hhdC1jb21wb25lbnQnO1xuXG5pbXBvcnQgdHlwZSBBZGFwdGl2ZUNhcmRzU3R5bGVTZXQgZnJvbSAnLi4vYWRhcHRpdmVDYXJkcy9BZGFwdGl2ZUNhcmRzU3R5bGVTZXQnO1xuXG5jb25zdCB1c2VNaW5pbWFsU3R5bGVTZXQgPSBob29rcy51c2VTdHlsZVNldDtcblxudHlwZSBNaW5pbWFsU3R5bGVTZXQgPSBSZXR1cm5UeXBlPHR5cGVvZiB1c2VNaW5pbWFsU3R5bGVTZXQ+WzBdO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiB1c2VTdHlsZVNldCgpOiByZWFkb25seSBbTWluaW1hbFN0eWxlU2V0ICYgQWRhcHRpdmVDYXJkc1N0eWxlU2V0XSB7XG4gIGNvbnN0IFtzdHlsZU9wdGlvbnNdID0gdXNlTWluaW1hbFN0eWxlU2V0KCk7XG5cbiAgcmV0dXJuIE9iamVjdC5mcmVlemUoW3N0eWxlT3B0aW9ucyBhcyBNaW5pbWFsU3R5bGVTZXQgJiBBZGFwdGl2ZUNhcmRzU3R5bGVTZXRdIGFzIGNvbnN0KTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQTs7QUFJQSxJQUFNQSxrQkFBa0IsR0FBR0MsbUNBQUEsQ0FBTUMsV0FBakM7O0FBSWUsU0FBU0EsV0FBVCxHQUEyRTtFQUN4RiwwQkFBdUJGLGtCQUFrQixFQUF6QztFQUFBO0VBQUEsSUFBT0csWUFBUDs7RUFFQSxPQUFPQyxNQUFNLENBQUNDLE1BQVAsQ0FBYyxDQUFDRixZQUFELENBQWQsQ0FBUDtBQUNEIn0=

package/lib/index.d.ts

@@ -13,6 +13,7 @@ import renderMarkdown from './markdown/renderMarkdown';
 import useAdaptiveCardsHostConfig from './adaptiveCards/hooks/useAdaptiveCardsHostConfig';
 import useAdaptiveCardsPackage from './adaptiveCards/hooks/useAdaptiveCardsPackage';
 import useStyleOptions from './hooks/useStyleOptions';
+import useStyleSet from './hooks/useStyleSet';
 declare const renderWebChat: any;
 export declare const createDirectLine: (options: Omit<Parameters<typeof defaultCreateDirectLine>[0], 'botAgent'>) => import("botframework-directlinejs").DirectLine;
 export declare const createDirectLineAppServiceExtension: (options: Omit<Parameters<typeof defaultCreateDirectLineAppServiceExtension>[0], 'botAgent'>) => Promise<any>;
@@ -20,6 +21,7 @@ declare const patchedHooks: {
     useAdaptiveCardsHostConfig: typeof useAdaptiveCardsHostConfig;
     useAdaptiveCardsPackage: typeof useAdaptiveCardsPackage;
     useStyleOptions: typeof useStyleOptions;
+    useStyleSet: typeof useStyleSet;
     useDictateAbortable: typeof import("botframework-webchat-component/lib/hooks").useDictateAbortable;
     useFocus: typeof import("botframework-webchat-component/lib/hooks").useFocus;
     useFocusSendBox: typeof import("botframework-webchat-component/lib/hooks").useFocusSendBox;
@@ -34,7 +36,6 @@ declare const patchedHooks: {
     useScrollUp: typeof import("botframework-webchat-component/lib/hooks").useScrollUp;
     useSendBoxSpeechInterimsVisible: typeof import("botframework-webchat-component/lib/BasicSendBox").useSendBoxSpeechInterimsVisible;
     useSendFiles: typeof import("botframework-webchat-component/lib/hooks").useSendFiles;
-    useStyleSet: typeof import("botframework-webchat-component/lib/hooks").useStyleSet;
     useTextBoxSubmit: typeof import("botframework-webchat-component/lib/SendBox/TextBox").useTextBoxSubmit;
     useTextBoxValue: typeof import("botframework-webchat-component/lib/SendBox/TextBox").useTextBoxValue;
     useTypingIndicatorVisible: typeof import("botframework-webchat-component/lib/BasicTypingIndicator").useTypingIndicatorVisible;

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAC;AAEhC,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAkB,MAAM,iBAAiB,CAAC;AAMlF,OAAO,uCAAuC,MAAM,yDAAyD,CAAC;AAC9G,OAAO,sDAAsD,MAAM,wEAAwE,CAAC;AAC5I,OAAO,oDAAoD,MAAM,wDAAwD,CAAC;AAC1H,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAC9E,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,uBAAuB,MAAM,oBAAoB,CAAC;AACzD,OAAO,0CAA0C,MAAM,uCAAuC,CAAC;AAC/F,OAAO,sBAAsB,EAAE,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAItG,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAE9C,OAAO,cAAc,MAAM,2BAA2B,CAAC;AAGvD,OAAO,0BAA0B,MAAM,kDAAkD,CAAC;AAC1F,OAAO,uBAAuB,MAAM,+CAA+C,CAAC;AACpF,OAAO,eAAe,MAAM,yBAAyB,CAAC;AAGtD,QAAA,MAAM,aAAa,KAA6C,CAAC;AAEjE,eAAO,MAAM,gBAAgB,YAAa,KAAK,WAAW,8BAA8B,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,mDAOxG,CAAC;AAEF,eAAO,MAAM,mCAAmC,YACrC,KAAK,WAAW,iDAAiD,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,iBAQ5F,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKjB,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWzB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,OAAO,iBAAiB,GAAG,OAAO,oBAGnD,CAAC;AAEF,KAAK,YAAY,GAAG,sBAAsB,CAAC;AAC3C,KAAK,kBAAkB,GAAG,4BAA4B,CAAC;AAEvD,eAAe,YAAY,CAAC;AAE5B,OAAO,EACL,UAAU,EACV,uCAAuC,EACvC,sDAAsD,EACtD,oDAAoD,EACpD,8BAA8B,EAC9B,cAAc,EACd,YAAY,IAAI,KAAK,EACrB,cAAc,EACd,aAAa,EACd,CAAC;AAEF,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAC;AAEhC,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAkB,MAAM,iBAAiB,CAAC;AAMlF,OAAO,uCAAuC,MAAM,yDAAyD,CAAC;AAC9G,OAAO,sDAAsD,MAAM,wEAAwE,CAAC;AAC5I,OAAO,oDAAoD,MAAM,wDAAwD,CAAC;AAC1H,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAC9E,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,uBAAuB,MAAM,oBAAoB,CAAC;AACzD,OAAO,0CAA0C,MAAM,uCAAuC,CAAC;AAC/F,OAAO,sBAAsB,EAAE,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAItG,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAE9C,OAAO,cAAc,MAAM,2BAA2B,CAAC;AAGvD,OAAO,0BAA0B,MAAM,kDAAkD,CAAC;AAC1F,OAAO,uBAAuB,MAAM,+CAA+C,CAAC;AACpF,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,WAAW,MAAM,qBAAqB,CAAC;AAG9C,QAAA,MAAM,aAAa,KAA6C,CAAC;AAEjE,eAAO,MAAM,gBAAgB,YAAa,KAAK,WAAW,8BAA8B,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,mDAOxG,CAAC;AAEF,eAAO,MAAM,mCAAmC,YACrC,KAAK,WAAW,iDAAiD,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,iBAQ5F,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMjB,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWzB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,OAAO,iBAAiB,GAAG,OAAO,oBAGnD,CAAC;AAEF,KAAK,YAAY,GAAG,sBAAsB,CAAC;AAC3C,KAAK,kBAAkB,GAAG,4BAA4B,CAAC;AAEvD,eAAe,YAAY,CAAC;AAE5B,OAAO,EACL,UAAU,EACV,uCAAuC,EACvC,sDAAsD,EACtD,oDAAoD,EACpD,8BAA8B,EAC9B,cAAc,EACd,YAAY,IAAI,KAAK,EACrB,cAAc,EACd,aAAa,EACd,CAAC;AAEF,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,CAAC"}