botframework-webchat 4.15.10-main.20230908.de79e0e → 4.15.10-main.20230915.bb5898e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/dist/webchat-es5.js +1 -1
  2. package/dist/webchat-minimal.js +1 -1
  3. package/dist/webchat.js +1 -1
  4. package/lib/adaptiveCards/Attachment/AdaptiveCardRenderer.d.ts.map +1 -1
  5. package/lib/adaptiveCards/Attachment/AdaptiveCardRenderer.js +5 -4
  6. package/lib/adaptiveCards/Attachment/AnimationCardContent.js +4 -3
  7. package/lib/adaptiveCards/Attachment/AudioCardContent.js +4 -3
  8. package/lib/adaptiveCards/Attachment/SignInCardContent.d.ts.map +1 -1
  9. package/lib/adaptiveCards/Attachment/SignInCardContent.js +3 -5
  10. package/lib/adaptiveCards/Attachment/VideoCardContent.js +4 -3
  11. package/lib/addVersion.js +1 -1
  12. package/lib/createFullStyleSet.d.ts +531 -233
  13. package/lib/createFullStyleSet.d.ts.map +1 -1
  14. package/lib/hooks/useStyleSet.d.ts +6 -0
  15. package/lib/hooks/useStyleSet.d.ts.map +1 -0
  16. package/lib/hooks/useStyleSet.js +23 -0
  17. package/lib/index.d.ts +3 -2
  18. package/lib/index.d.ts.map +1 -1
  19. package/lib/index.js +6 -3
  20. package/lib/markdown/markdownItPlugins/ariaLabel.d.ts +6 -0
  21. package/lib/markdown/markdownItPlugins/ariaLabel.d.ts.map +1 -0
  22. package/lib/markdown/markdownItPlugins/ariaLabel.js +64 -0
  23. package/lib/markdown/markdownItPlugins/betterLink.d.ts +22 -0
  24. package/lib/markdown/markdownItPlugins/betterLink.d.ts.map +1 -0
  25. package/lib/markdown/markdownItPlugins/betterLink.js +114 -0
  26. package/lib/markdown/markdownItPlugins/respectCRLF.d.ts +3 -0
  27. package/lib/markdown/markdownItPlugins/respectCRLF.d.ts.map +1 -0
  28. package/lib/markdown/markdownItPlugins/respectCRLF.js +19 -0
  29. package/lib/markdown/private/iterateLinkDefinitions.d.ts +3 -0
  30. package/lib/markdown/private/iterateLinkDefinitions.d.ts.map +1 -0
  31. package/lib/markdown/private/iterateLinkDefinitions.js +84 -0
  32. package/lib/markdown/renderMarkdown.d.ts +8 -0
  33. package/lib/markdown/renderMarkdown.d.ts.map +1 -0
  34. package/lib/markdown/renderMarkdown.js +119 -0
  35. package/lib/useComposerProps.js +2 -2
  36. package/package.json +9 -7
  37. package/src/__tests__/renderMarkdown.spec.js +3 -3
  38. package/src/adaptiveCards/Attachment/AdaptiveCardRenderer.tsx +2 -1
  39. package/src/adaptiveCards/Attachment/AnimationCardContent.tsx +2 -2
  40. package/src/adaptiveCards/Attachment/AudioCardContent.tsx +2 -2
  41. package/src/adaptiveCards/Attachment/SignInCardContent.tsx +1 -3
  42. package/src/adaptiveCards/Attachment/VideoCardContent.tsx +2 -2
  43. package/src/hooks/useStyleSet.ts +13 -0
  44. package/src/index.ts +4 -2
  45. package/src/markdown/markdownItPlugins/ariaLabel.spec.ts +27 -0
  46. package/src/markdown/markdownItPlugins/ariaLabel.ts +52 -0
  47. package/src/markdown/markdownItPlugins/betterLink.spec.ts +80 -0
  48. package/src/markdown/markdownItPlugins/betterLink.ts +113 -0
  49. package/src/markdown/markdownItPlugins/respectCRLF.ts +7 -0
  50. package/src/markdown/private/iterateLinkDefinitions.ts +14 -0
  51. package/src/markdown/renderMarkdown.ts +146 -0
  52. package/src/useComposerProps.ts +1 -1
  53. package/lib/renderMarkdown.d.ts +0 -6
  54. package/lib/renderMarkdown.d.ts.map +0 -1
  55. package/lib/renderMarkdown.js +0 -115
  56. package/src/renderMarkdown.ts +0 -140
@@ -457,207 +457,207 @@ export default function createFullStyleSet(options: FullBundleStyleOptions): {
457
457
  };
458
458
  };
459
459
  options: {
460
- accent: string;
461
- backgroundColor: string;
462
- subtle: string;
463
- paddingRegular: number;
464
- paddingWide: number;
465
- transitionDuration: string;
466
- fontSizeSmall: string | number;
467
- monospaceFont: string;
468
- primaryFont: string;
469
- rootHeight: string | number;
470
- rootWidth: string | number;
471
- rootZIndex: number;
472
- avatarBorderRadius: string | number;
473
- avatarSize: number;
474
- botAvatarBackgroundColor: string;
475
- botAvatarImage: string;
476
- botAvatarInitials: string;
477
- userAvatarBackgroundColor: string;
478
- userAvatarImage: string;
479
- userAvatarInitials: string;
480
- showAvatarInGroup: true | "sender" | "status";
481
- bubbleBackground: string;
482
- bubbleBorderColor: string;
483
- bubbleBorderRadius: number;
484
- bubbleBorderStyle: string;
485
- bubbleBorderWidth: number;
486
- bubbleFromUserBackground: string;
487
- bubbleFromUserBorderColor: string;
488
- bubbleFromUserBorderRadius: number;
489
- bubbleFromUserBorderStyle: string;
490
- bubbleFromUserBorderWidth: number;
491
- bubbleFromUserNubOffset: number;
492
- bubbleFromUserNubSize: number;
493
- bubbleFromUserTextColor: string;
494
- bubbleImageHeight: number;
495
- bubbleMaxWidth: number;
496
- bubbleMinHeight: number;
497
- bubbleMinWidth: number;
498
- bubbleNubOffset: number;
499
- bubbleNubSize: number;
500
- bubbleTextColor: string;
501
- messageActivityWordBreak: "normal" | "break-all" | "break-word" | "keep-all";
502
- connectivityIconPadding: number;
503
- connectivityMarginLeftRight: number;
504
- connectivityMarginTopBottom: number;
505
- connectivityTextSize: string | number;
506
- failedConnectivity: string | number;
507
- slowConnectivity: string;
508
- notificationText: string;
509
- slowConnectionAfter: number;
510
- emojiSet: (boolean | Record<string, string>) & (false | Record<string, string>);
511
- internalLiveRegionFadeAfter: number;
512
- markdownRespectCRLF: boolean;
513
- markdownExternalLinkIconImage: string;
514
- autoScrollSnapOnActivity: number | boolean;
515
- autoScrollSnapOnActivityOffset: number;
516
- autoScrollSnapOnPage: number | boolean;
517
- autoScrollSnapOnPageOffset: number;
518
- hideSendBox: boolean;
519
- hideUploadButton: boolean;
520
- microphoneButtonColorOnDictate: string;
521
- sendBoxBackground: string;
522
- sendBoxButtonColor: string;
523
- sendBoxButtonShadeBorderRadius: number;
524
- sendBoxButtonShadeColor: string;
525
- sendBoxButtonShadeInset: number;
526
- sendBoxButtonColorOnActive: string;
527
- sendBoxButtonShadeColorOnActive: string;
528
- sendBoxButtonColorOnDisabled: string;
529
- sendBoxButtonShadeColorOnDisabled: string;
530
- sendBoxButtonColorOnFocus: string;
531
- sendBoxButtonShadeColorOnFocus: string;
532
- sendBoxButtonColorOnHover: string;
533
- sendBoxButtonShadeColorOnHover: string;
534
- sendBoxButtonKeyboardFocusIndicatorBorderColor: string;
535
- sendBoxButtonKeyboardFocusIndicatorBorderRadius: string | number;
536
- sendBoxButtonKeyboardFocusIndicatorBorderStyle: string;
537
- sendBoxButtonKeyboardFocusIndicatorBorderWidth: number;
538
- sendBoxButtonKeyboardFocusIndicatorInset: number;
539
- sendBoxDisabledTextColor: string;
540
- sendBoxHeight: string | number;
541
- sendBoxMaxHeight: string | number;
542
- sendBoxTextColor: string;
543
- sendBoxBorderBottom: string | number;
544
- sendBoxBorderLeft: string | number;
545
- sendBoxBorderRight: string | number;
546
- sendBoxBorderTop: string | number;
547
- sendBoxPlaceholderColor: string;
548
- sendBoxTextWrap: boolean;
549
- sendBoxButtonAlignment: "stretch" | "bottom" | "top";
550
- showSpokenText: boolean;
551
- spinnerAnimationBackgroundImage: string;
552
- spinnerAnimationHeight: string | number;
553
- spinnerAnimationWidth: string | number;
554
- spinnerAnimationPadding: string | number;
555
- suggestedActionBorderRadius: string | number;
556
- suggestedActionBackground: string;
557
- suggestedActionBackgroundColor: string;
558
- suggestedActionBorderColor: string;
559
- suggestedActionBorderStyle: string;
560
- suggestedActionBorderWidth: number;
561
- suggestedActionTextColor: string;
562
- suggestedActionBackgroundColorOnDisabled: string;
563
- suggestedActionBorderColorOnDisabled: string;
564
- suggestedActionBorderStyleOnDisabled: string;
565
- suggestedActionBorderWidthOnDisabled: number;
566
- suggestedActionTextColorOnDisabled: string;
567
- suggestedActionBackgroundColorOnActive: string;
568
- suggestedActionBorderColorOnActive: string;
569
- suggestedActionBorderStyleOnActive: string;
570
- suggestedActionBorderWidthOnActive: number;
571
- suggestedActionTextColorOnActive: string;
572
- suggestedActionBackgroundColorOnFocus: string;
573
- suggestedActionBorderColorOnFocus: string;
574
- suggestedActionBorderStyleOnFocus: string;
575
- suggestedActionBorderWidthOnFocus: number;
576
- suggestedActionTextColorOnFocus: string;
577
- suggestedActionBackgroundColorOnHover: string;
578
- suggestedActionBorderColorOnHover: string;
579
- suggestedActionBorderStyleOnHover: string;
580
- suggestedActionBorderWidthOnHover: number;
581
- suggestedActionTextColorOnHover: string;
582
- suggestedActionDisabledBackground: string;
583
- suggestedActionDisabledBorderColor: string;
584
- suggestedActionDisabledBorderStyle: string;
585
- suggestedActionDisabledBorderWidth: number;
586
- suggestedActionDisabledTextColor: string;
587
- suggestedActionHeight: string | number;
588
- suggestedActionImageHeight: string | number;
589
- suggestedActionLayout: "carousel" | "flow" | "stacked";
590
- suggestedActionKeyboardFocusIndicatorBorderColor: string;
591
- suggestedActionKeyboardFocusIndicatorBorderRadius: string | number;
592
- suggestedActionKeyboardFocusIndicatorBorderStyle: string;
593
- suggestedActionKeyboardFocusIndicatorBorderWidth: number;
594
- suggestedActionKeyboardFocusIndicatorInset: number;
595
- suggestedActionActiveBackground: string;
596
- suggestedActionFocusBackground: string;
597
- suggestedActionHoverBackground: string;
598
- suggestedActionsCarouselFlipperCursor: string;
599
- suggestedActionsCarouselFlipperBoxWidth: number;
600
- suggestedActionsCarouselFlipperSize: number;
601
- suggestedActionsFlowMaxHeight: undefined;
602
- suggestedActionsStackedHeight: number | "auto";
603
- suggestedActionsStackedOverflow: "auto" | "scroll" | "hidden" | "visible";
604
- suggestedActionsStackedLayoutButtonMaxHeight: string | number;
605
- suggestedActionsStackedLayoutButtonTextWrap: boolean;
606
- suggestedActionsVisualKeyboardIndicatorColor: string;
607
- suggestedActionsVisualKeyboardIndicatorStyle: string;
608
- suggestedActionsVisualKeyboardIndicatorWidth: number;
609
- groupTimestamp: number | boolean;
610
- sendTimeout: number | ((activity: import("botframework-webchat-core/lib/types/WebChatActivity").WebChatActivity) => number);
611
- sendTimeoutForAttachments: number;
612
- timestampColor: string;
613
- timestampFormat: "absolute" | "relative";
614
- transcriptTerminatorBackgroundColor: string;
615
- transcriptTerminatorBorderRadius: string | number;
616
- transcriptTerminatorColor: string;
617
- transcriptTerminatorFontSize: string | number;
618
- transcriptActivityVisualKeyboardIndicatorColor: string;
619
- transcriptActivityVisualKeyboardIndicatorStyle: string;
620
- transcriptActivityVisualKeyboardIndicatorWidth: string | number;
621
- transcriptVisualKeyboardIndicatorColor: string;
622
- transcriptVisualKeyboardIndicatorStyle: string;
623
- transcriptVisualKeyboardIndicatorWidth: string | number;
624
- scrollToEndButtonBehavior: false | "any" | "unread";
625
- scrollToEndButtonFontSize: string | number;
626
- transcriptOverlayButtonBackground: string;
627
- transcriptOverlayButtonBackgroundOnDisabled: string;
628
- transcriptOverlayButtonBackgroundOnFocus: string;
629
- transcriptOverlayButtonBackgroundOnHover: string;
630
- transcriptOverlayButtonColor: string;
631
- transcriptOverlayButtonColorOnDisabled: string;
632
- transcriptOverlayButtonColorOnFocus: string;
633
- transcriptOverlayButtonColorOnHover: string;
634
- notificationDebounceTimeout: number;
635
- hideToaster: boolean;
636
- toasterHeight: string | number;
637
- toasterMaxHeight: string | number;
638
- toasterSingularMaxHeight: string | number;
639
- toastFontSize: string | number;
640
- toastIconWidth: string | number;
641
- toastSeparatorColor: string;
642
- toastTextPadding: string | number;
643
- toastErrorBackgroundColor: string;
644
- toastErrorColor: string;
645
- toastInfoBackgroundColor: string;
646
- toastInfoColor: string;
647
- toastSuccessBackgroundColor: string;
648
- toastSuccessColor: string;
649
- toastWarnBackgroundColor: string;
650
- toastWarnColor: string;
651
- typingAnimationBackgroundImage: string;
652
- typingAnimationDuration: number;
653
- typingAnimationHeight: string | number;
654
- typingAnimationWidth: string | number;
655
- enableUploadThumbnail: boolean;
656
- uploadThumbnailContentType: string;
657
- uploadThumbnailHeight: string | number;
658
- uploadThumbnailQuality: number;
659
- uploadThumbnailWidth: string | number;
660
- videoHeight: string | number;
460
+ readonly accent: string;
461
+ readonly backgroundColor: string;
462
+ readonly subtle: string;
463
+ readonly paddingRegular: number;
464
+ readonly paddingWide: number;
465
+ readonly transitionDuration: string;
466
+ readonly fontSizeSmall: string | number;
467
+ readonly monospaceFont: string;
468
+ readonly primaryFont: string;
469
+ readonly rootHeight: string | number;
470
+ readonly rootWidth: string | number;
471
+ readonly rootZIndex: number;
472
+ readonly avatarBorderRadius: string | number;
473
+ readonly avatarSize: number;
474
+ readonly botAvatarBackgroundColor: string;
475
+ readonly botAvatarImage: string;
476
+ readonly botAvatarInitials: string;
477
+ readonly userAvatarBackgroundColor: string;
478
+ readonly userAvatarImage: string;
479
+ readonly userAvatarInitials: string;
480
+ readonly showAvatarInGroup: true | "sender" | "status";
481
+ readonly bubbleBackground: string;
482
+ readonly bubbleBorderColor: string;
483
+ readonly bubbleBorderRadius: number;
484
+ readonly bubbleBorderStyle: string;
485
+ readonly bubbleBorderWidth: number;
486
+ readonly bubbleFromUserBackground: string;
487
+ readonly bubbleFromUserBorderColor: string;
488
+ readonly bubbleFromUserBorderRadius: number;
489
+ readonly bubbleFromUserBorderStyle: string;
490
+ readonly bubbleFromUserBorderWidth: number;
491
+ readonly bubbleFromUserNubOffset: number;
492
+ readonly bubbleFromUserNubSize: number;
493
+ readonly bubbleFromUserTextColor: string;
494
+ readonly bubbleImageHeight: number;
495
+ readonly bubbleMaxWidth: number;
496
+ readonly bubbleMinHeight: number;
497
+ readonly bubbleMinWidth: number;
498
+ readonly bubbleNubOffset: number;
499
+ readonly bubbleNubSize: number;
500
+ readonly bubbleTextColor: string;
501
+ readonly messageActivityWordBreak: "normal" | "break-all" | "break-word" | "keep-all";
502
+ readonly connectivityIconPadding: number;
503
+ readonly connectivityMarginLeftRight: number;
504
+ readonly connectivityMarginTopBottom: number;
505
+ readonly connectivityTextSize: string | number;
506
+ readonly failedConnectivity: string | number;
507
+ readonly slowConnectivity: string;
508
+ readonly notificationText: string;
509
+ readonly slowConnectionAfter: number;
510
+ readonly emojiSet: (boolean | Record<string, string>) & (false | Record<string, string>);
511
+ readonly internalLiveRegionFadeAfter: number;
512
+ readonly markdownRespectCRLF: boolean;
513
+ readonly markdownExternalLinkIconImage: string;
514
+ readonly autoScrollSnapOnActivity: number | boolean;
515
+ readonly autoScrollSnapOnActivityOffset: number;
516
+ readonly autoScrollSnapOnPage: number | boolean;
517
+ readonly autoScrollSnapOnPageOffset: number;
518
+ readonly hideSendBox: boolean;
519
+ readonly hideUploadButton: boolean;
520
+ readonly microphoneButtonColorOnDictate: string;
521
+ readonly sendBoxBackground: string;
522
+ readonly sendBoxButtonColor: string;
523
+ readonly sendBoxButtonShadeBorderRadius: number;
524
+ readonly sendBoxButtonShadeColor: string;
525
+ readonly sendBoxButtonShadeInset: number;
526
+ readonly sendBoxButtonColorOnActive: string;
527
+ readonly sendBoxButtonShadeColorOnActive: string;
528
+ readonly sendBoxButtonColorOnDisabled: string;
529
+ readonly sendBoxButtonShadeColorOnDisabled: string;
530
+ readonly sendBoxButtonColorOnFocus: string;
531
+ readonly sendBoxButtonShadeColorOnFocus: string;
532
+ readonly sendBoxButtonColorOnHover: string;
533
+ readonly sendBoxButtonShadeColorOnHover: string;
534
+ readonly sendBoxButtonKeyboardFocusIndicatorBorderColor: string;
535
+ readonly sendBoxButtonKeyboardFocusIndicatorBorderRadius: string | number;
536
+ readonly sendBoxButtonKeyboardFocusIndicatorBorderStyle: string;
537
+ readonly sendBoxButtonKeyboardFocusIndicatorBorderWidth: number;
538
+ readonly sendBoxButtonKeyboardFocusIndicatorInset: number;
539
+ readonly sendBoxDisabledTextColor: string;
540
+ readonly sendBoxHeight: string | number;
541
+ readonly sendBoxMaxHeight: string | number;
542
+ readonly sendBoxTextColor: string;
543
+ readonly sendBoxBorderBottom: string | number;
544
+ readonly sendBoxBorderLeft: string | number;
545
+ readonly sendBoxBorderRight: string | number;
546
+ readonly sendBoxBorderTop: string | number;
547
+ readonly sendBoxPlaceholderColor: string;
548
+ readonly sendBoxTextWrap: boolean;
549
+ readonly sendBoxButtonAlignment: "stretch" | "bottom" | "top";
550
+ readonly showSpokenText: boolean;
551
+ readonly spinnerAnimationBackgroundImage: string;
552
+ readonly spinnerAnimationHeight: string | number;
553
+ readonly spinnerAnimationWidth: string | number;
554
+ readonly spinnerAnimationPadding: string | number;
555
+ readonly suggestedActionBorderRadius: string | number;
556
+ readonly suggestedActionBackground: string;
557
+ readonly suggestedActionBackgroundColor: string;
558
+ readonly suggestedActionBorderColor: string;
559
+ readonly suggestedActionBorderStyle: string;
560
+ readonly suggestedActionBorderWidth: number;
561
+ readonly suggestedActionTextColor: string;
562
+ readonly suggestedActionBackgroundColorOnDisabled: string;
563
+ readonly suggestedActionBorderColorOnDisabled: string;
564
+ readonly suggestedActionBorderStyleOnDisabled: string;
565
+ readonly suggestedActionBorderWidthOnDisabled: number;
566
+ readonly suggestedActionTextColorOnDisabled: string;
567
+ readonly suggestedActionBackgroundColorOnActive: string;
568
+ readonly suggestedActionBorderColorOnActive: string;
569
+ readonly suggestedActionBorderStyleOnActive: string;
570
+ readonly suggestedActionBorderWidthOnActive: number;
571
+ readonly suggestedActionTextColorOnActive: string;
572
+ readonly suggestedActionBackgroundColorOnFocus: string;
573
+ readonly suggestedActionBorderColorOnFocus: string;
574
+ readonly suggestedActionBorderStyleOnFocus: string;
575
+ readonly suggestedActionBorderWidthOnFocus: number;
576
+ readonly suggestedActionTextColorOnFocus: string;
577
+ readonly suggestedActionBackgroundColorOnHover: string;
578
+ readonly suggestedActionBorderColorOnHover: string;
579
+ readonly suggestedActionBorderStyleOnHover: string;
580
+ readonly suggestedActionBorderWidthOnHover: number;
581
+ readonly suggestedActionTextColorOnHover: string;
582
+ readonly suggestedActionDisabledBackground: string;
583
+ readonly suggestedActionDisabledBorderColor: string;
584
+ readonly suggestedActionDisabledBorderStyle: string;
585
+ readonly suggestedActionDisabledBorderWidth: number;
586
+ readonly suggestedActionDisabledTextColor: string;
587
+ readonly suggestedActionHeight: string | number;
588
+ readonly suggestedActionImageHeight: string | number;
589
+ readonly suggestedActionLayout: "carousel" | "flow" | "stacked";
590
+ readonly suggestedActionKeyboardFocusIndicatorBorderColor: string;
591
+ readonly suggestedActionKeyboardFocusIndicatorBorderRadius: string | number;
592
+ readonly suggestedActionKeyboardFocusIndicatorBorderStyle: string;
593
+ readonly suggestedActionKeyboardFocusIndicatorBorderWidth: number;
594
+ readonly suggestedActionKeyboardFocusIndicatorInset: number;
595
+ readonly suggestedActionActiveBackground: string;
596
+ readonly suggestedActionFocusBackground: string;
597
+ readonly suggestedActionHoverBackground: string;
598
+ readonly suggestedActionsCarouselFlipperCursor: string;
599
+ readonly suggestedActionsCarouselFlipperBoxWidth: number;
600
+ readonly suggestedActionsCarouselFlipperSize: number;
601
+ readonly suggestedActionsFlowMaxHeight: undefined;
602
+ readonly suggestedActionsStackedHeight: number | "auto";
603
+ readonly suggestedActionsStackedOverflow: "auto" | "scroll" | "hidden" | "visible";
604
+ readonly suggestedActionsStackedLayoutButtonMaxHeight: string | number;
605
+ readonly suggestedActionsStackedLayoutButtonTextWrap: boolean;
606
+ readonly suggestedActionsVisualKeyboardIndicatorColor: string;
607
+ readonly suggestedActionsVisualKeyboardIndicatorStyle: string;
608
+ readonly suggestedActionsVisualKeyboardIndicatorWidth: number;
609
+ readonly groupTimestamp: number | boolean;
610
+ readonly sendTimeout: number | ((activity: import("botframework-webchat-core/lib/types/WebChatActivity").WebChatActivity) => number);
611
+ readonly sendTimeoutForAttachments: number;
612
+ readonly timestampColor: string;
613
+ readonly timestampFormat: "absolute" | "relative";
614
+ readonly transcriptTerminatorBackgroundColor: string;
615
+ readonly transcriptTerminatorBorderRadius: string | number;
616
+ readonly transcriptTerminatorColor: string;
617
+ readonly transcriptTerminatorFontSize: string | number;
618
+ readonly transcriptActivityVisualKeyboardIndicatorColor: string;
619
+ readonly transcriptActivityVisualKeyboardIndicatorStyle: string;
620
+ readonly transcriptActivityVisualKeyboardIndicatorWidth: string | number;
621
+ readonly transcriptVisualKeyboardIndicatorColor: string;
622
+ readonly transcriptVisualKeyboardIndicatorStyle: string;
623
+ readonly transcriptVisualKeyboardIndicatorWidth: string | number;
624
+ readonly scrollToEndButtonBehavior: false | "any" | "unread";
625
+ readonly scrollToEndButtonFontSize: string | number;
626
+ readonly transcriptOverlayButtonBackground: string;
627
+ readonly transcriptOverlayButtonBackgroundOnDisabled: string;
628
+ readonly transcriptOverlayButtonBackgroundOnFocus: string;
629
+ readonly transcriptOverlayButtonBackgroundOnHover: string;
630
+ readonly transcriptOverlayButtonColor: string;
631
+ readonly transcriptOverlayButtonColorOnDisabled: string;
632
+ readonly transcriptOverlayButtonColorOnFocus: string;
633
+ readonly transcriptOverlayButtonColorOnHover: string;
634
+ readonly notificationDebounceTimeout: number;
635
+ readonly hideToaster: boolean;
636
+ readonly toasterHeight: string | number;
637
+ readonly toasterMaxHeight: string | number;
638
+ readonly toasterSingularMaxHeight: string | number;
639
+ readonly toastFontSize: string | number;
640
+ readonly toastIconWidth: string | number;
641
+ readonly toastSeparatorColor: string;
642
+ readonly toastTextPadding: string | number;
643
+ readonly toastErrorBackgroundColor: string;
644
+ readonly toastErrorColor: string;
645
+ readonly toastInfoBackgroundColor: string;
646
+ readonly toastInfoColor: string;
647
+ readonly toastSuccessBackgroundColor: string;
648
+ readonly toastSuccessColor: string;
649
+ readonly toastWarnBackgroundColor: string;
650
+ readonly toastWarnColor: string;
651
+ readonly typingAnimationBackgroundImage: string;
652
+ readonly typingAnimationDuration: number;
653
+ readonly typingAnimationHeight: string | number;
654
+ readonly typingAnimationWidth: string | number;
655
+ readonly enableUploadThumbnail: boolean;
656
+ readonly uploadThumbnailContentType: string;
657
+ readonly uploadThumbnailHeight: string | number;
658
+ readonly uploadThumbnailQuality: number;
659
+ readonly uploadThumbnailWidth: string | number;
660
+ readonly videoHeight: string | number;
661
661
  };
662
662
  root: {
663
663
  backgroundColor: string;
@@ -837,12 +837,6 @@ export default function createFullStyleSet(options: FullBundleStyleOptions): {
837
837
  };
838
838
  };
839
839
  };
840
- sendStatus: {
841
- color: string;
842
- fontFamily: string;
843
- fontSize: string | number;
844
- paddingTop: number;
845
- };
846
840
  singleAttachmentActivity: {
847
841
  '& > .bubble-box': {
848
842
  maxWidth: number;
@@ -1155,32 +1149,6 @@ export default function createFullStyleSet(options: FullBundleStyleOptions): {
1155
1149
  };
1156
1150
  };
1157
1151
  };
1158
- textContent: {
1159
- fontFamily: string;
1160
- margin: number;
1161
- minHeight: number;
1162
- padding: number;
1163
- '& > :first-child': {
1164
- marginTop: number;
1165
- };
1166
- '& > :last-child': {
1167
- marginBottom: number;
1168
- };
1169
- '&.markdown': {
1170
- '& img:not(.webchat__markdown__external-link-icon)': {
1171
- maxWidth: number;
1172
- width: string;
1173
- };
1174
- '& img.webchat__markdown__external-link-icon': {
1175
- backgroundImage: string;
1176
- height: string;
1177
- marginLeft: string;
1178
- };
1179
- '& pre': {
1180
- overflow: string;
1181
- };
1182
- };
1183
- };
1184
1152
  toast: {
1185
1153
  fontFamily: string;
1186
1154
  fontSize: string | number;
@@ -1415,5 +1383,335 @@ export default function createFullStyleSet(options: FullBundleStyleOptions): {
1415
1383
  height: string | number;
1416
1384
  width: string;
1417
1385
  };
1386
+ cssCustomProperties: {
1387
+ '&.webchat__css-custom-properties': {
1388
+ display: string;
1389
+ "--webchat__color--accent": string;
1390
+ "--webchat__color--timestamp": string;
1391
+ "--webchat__font--primary": string;
1392
+ "--webchat__font-size--small": string | number;
1393
+ "--webchat__icon-url--external-link": string;
1394
+ "--webchat__max-width--bubble": string;
1395
+ "--webchat__min-height--bubble": string;
1396
+ "--webchat__padding--regular": string;
1397
+ };
1398
+ };
1399
+ linkDefinitions: {
1400
+ '&.webchat__link-definitions': {
1401
+ '&[open] .webchat__link-definitions__header::after': {
1402
+ transform: string;
1403
+ };
1404
+ '.webchat__link-definitions__header': {
1405
+ fontFamily: string;
1406
+ fontSize: string;
1407
+ listStyle: string;
1408
+ "@media (forced-colors: none) and (prefers-color-scheme: light)": {
1409
+ color: string;
1410
+ };
1411
+ "@media (forced-colors: none) and (prefers-color-scheme: dark)": {
1412
+ color: string;
1413
+ };
1414
+ };
1415
+ '&:not([open]) .webchat__link-definitions__header-chevron': {
1416
+ marginBottom: string;
1417
+ transform: string;
1418
+ };
1419
+ '.webchat__link-definitions__list': {
1420
+ display: string;
1421
+ flexDirection: string;
1422
+ gap: number;
1423
+ margin: string;
1424
+ padding: number;
1425
+ };
1426
+ '.webchat__link-definitions__list-item': {
1427
+ display: string;
1428
+ flexDirection: string;
1429
+ };
1430
+ '.webchat__link-definitions__badge': {
1431
+ alignItems: string;
1432
+ borderRadius: string;
1433
+ borderStyle: string;
1434
+ borderWidth: number;
1435
+ display: string;
1436
+ flexShrink: number;
1437
+ fontSize: string;
1438
+ justifyContent: string;
1439
+ margin: number;
1440
+ minWidth: string;
1441
+ overflow: string;
1442
+ padding: number;
1443
+ whiteSpace: string;
1444
+ "@media (forced-colors: none) and (prefers-color-scheme: light)": {
1445
+ backgroundColor: string;
1446
+ borderColor: string;
1447
+ color: string;
1448
+ };
1449
+ "@media (forced-colors: none) and (prefers-color-scheme: dark)": {
1450
+ backgroundColor: string;
1451
+ borderColor: string;
1452
+ color: string;
1453
+ };
1454
+ "@media (forced-colors: active)": {
1455
+ borderColor: string;
1456
+ };
1457
+ };
1458
+ '.webchat__link-definitions__list-item-box': {
1459
+ alignItems: string;
1460
+ borderRadius: number;
1461
+ borderStyle: string;
1462
+ borderWidth: number;
1463
+ "@media (forced-colors: none) and (prefers-color-scheme: light)": {
1464
+ backgroundColor: string;
1465
+ borderColor: string;
1466
+ };
1467
+ "@media (forced-colors: none) and (prefers-color-scheme: dark)": {
1468
+ backgroundColor: string;
1469
+ borderColor: string;
1470
+ };
1471
+ "@media (forced-colors: active)": {
1472
+ backgroundColor: string;
1473
+ borderColor: string;
1474
+ };
1475
+ };
1476
+ '.webchat__link-definitions__list-item-box--as-link': {
1477
+ display: string;
1478
+ outlineOffset: number;
1479
+ textDecoration: string;
1480
+ };
1481
+ '.webchat__link-definitions__list-item-box--as-button': {
1482
+ appearance: string;
1483
+ background: string;
1484
+ cursor: string;
1485
+ fontFamily: string;
1486
+ fontSize: string;
1487
+ overflow: string;
1488
+ padding: number;
1489
+ };
1490
+ '.webchat__link-definitions__list-item-body': {
1491
+ alignItems: string;
1492
+ display: string;
1493
+ fontFamily: string;
1494
+ gap: number;
1495
+ padding: number;
1496
+ "@media (forced-colors: none)": {
1497
+ color: "var(--webchat__color--accent)";
1498
+ };
1499
+ };
1500
+ '.webchat__link-definitions__list-item-text': {
1501
+ overflow: string;
1502
+ textDecoration: string;
1503
+ textOverflow: string;
1504
+ whiteSpace: string;
1505
+ };
1506
+ '.webchat__link-definitions__open-in-new-window-icon': {
1507
+ flexShrink: number;
1508
+ paddingRight: number;
1509
+ };
1510
+ };
1511
+ };
1512
+ modalDialog: {
1513
+ '&.webchat__modal-dialog': {
1514
+ fontFamily: "var(--webchat__font--primary)";
1515
+ width: string;
1516
+ "@media (forced-colors: none)": {
1517
+ backgroundColor: string;
1518
+ border: number;
1519
+ };
1520
+ '& .webchat__modal-dialog__box': {
1521
+ borderRadius: number;
1522
+ height: string;
1523
+ overflow: string;
1524
+ margin: string;
1525
+ maxWidth: string;
1526
+ width: string;
1527
+ "@media (forced-colors: none) and (prefers-color-scheme: light)": {
1528
+ backgroundColor: string;
1529
+ boxShadow: string;
1530
+ };
1531
+ "@media (forced-colors: none) and (prefers-color-scheme: dark)": {
1532
+ backgroundColor: string;
1533
+ boxShadow: string;
1534
+ color: string;
1535
+ };
1536
+ "@media (forced-colors: active)": {
1537
+ outlineColor: string;
1538
+ outlineStyle: string;
1539
+ outlineWidth: number;
1540
+ };
1541
+ };
1542
+ '& .webchat__modal-dialog__close-button-layout': {
1543
+ float: string;
1544
+ padding: "var(--webchat__padding--regular)";
1545
+ };
1546
+ '& .webchat__modal-dialog__close-button': {
1547
+ height: number;
1548
+ width: number;
1549
+ "@media (forced-colors: none)": {
1550
+ appearance: string;
1551
+ backgroundColor: string;
1552
+ borderColor: string;
1553
+ borderRadius: number;
1554
+ borderStyle: string;
1555
+ borderWidth: number;
1556
+ color: string;
1557
+ outline: number;
1558
+ };
1559
+ };
1560
+ '& .webchat__modal-dialog__close-button:focus': {
1561
+ "@media (forced-colors: none) and (prefers-color-scheme: light)": {
1562
+ borderColor: string;
1563
+ '&:active': {
1564
+ backgroundColor: string;
1565
+ };
1566
+ '&:not(:active):hover': {
1567
+ backgroundColor: string;
1568
+ };
1569
+ };
1570
+ "@media (forced-colors: none) and (prefers-color-scheme: dark)": {
1571
+ borderColor: string;
1572
+ '&:active': {
1573
+ backgroundColor: string;
1574
+ };
1575
+ '&:not(:active):hover': {
1576
+ backgroundColor: string;
1577
+ };
1578
+ };
1579
+ };
1580
+ '& .webchat__modal-dialog__close-button-image': {
1581
+ height: number;
1582
+ width: number;
1583
+ "@media (forced-colors: none) and (prefers-color-scheme: light)": {
1584
+ fill: string;
1585
+ };
1586
+ "@media (forced-colors: none) and (prefers-color-scheme: dark)": {
1587
+ fill: string;
1588
+ };
1589
+ "@media (forced-colors: active)": {
1590
+ fill: string;
1591
+ };
1592
+ };
1593
+ '& .webchat__modal-dialog__body': {
1594
+ margin: string;
1595
+ };
1596
+ };
1597
+ };
1598
+ renderMarkdown: {
1599
+ '&.webchat__render-markdown': {
1600
+ '& .webchat__render-markdown__external-link-icon': {
1601
+ backgroundImage: "var(--webchat__icon-url--external-link)";
1602
+ height: string;
1603
+ marginLeft: string;
1604
+ };
1605
+ '& .webchat__render-markdown__citation': {
1606
+ background: string;
1607
+ border: number;
1608
+ cursor: string;
1609
+ padding: number;
1610
+ textDecoration: string;
1611
+ whiteSpace: string;
1612
+ "@media (forced-colors: active)": {
1613
+ color: string;
1614
+ };
1615
+ "@media (forced-colors: none)": {
1616
+ color: "var(--webchat__color--accent)";
1617
+ };
1618
+ };
1619
+ '& .webchat__render-markdown__pure-identifier::after': {
1620
+ content: string;
1621
+ };
1622
+ '& .webchat__render-markdown__pure-identifier::before': {
1623
+ content: string;
1624
+ };
1625
+ };
1626
+ };
1627
+ sendStatus: {
1628
+ '&.webchat__activity-status': {
1629
+ color: "var(--webchat__color--timestamp)";
1630
+ fontFamily: "var(--webchat__font--primary)";
1631
+ fontSize: "var(--webchat__font-size--small)";
1632
+ marginTop: string;
1633
+ };
1634
+ '&.webchat__activity-status--slotted': {
1635
+ display: string;
1636
+ gap: number;
1637
+ };
1638
+ '& .webchat__activity-status__originator': {
1639
+ alignItems: string;
1640
+ '&.webchat__activity-status__originator--has-link': {
1641
+ color: "var(--webchat__color--accent)";
1642
+ };
1643
+ };
1644
+ };
1645
+ slottedActivityStatus: {
1646
+ '&.webchat__slotted-activity-status': {
1647
+ alignItems: string;
1648
+ display: string;
1649
+ gap: number;
1650
+ marginTop: string;
1651
+ '& .webchat__slotted-activity-status__pipe': {
1652
+ fontSize: "var(--webchat__font-size--small)";
1653
+ };
1654
+ };
1655
+ };
1656
+ textContent: {
1657
+ '&.webchat__text-content': {
1658
+ fontFamily: "var(--webchat__font--primary)";
1659
+ margin: number;
1660
+ minHeight: string;
1661
+ padding: "var(--webchat__padding--regular)";
1662
+ '&.webchat__text-content--is-markdown': {
1663
+ display: string;
1664
+ flexDirection: string;
1665
+ gap: "var(--webchat__padding--regular)";
1666
+ };
1667
+ '& .webchat__text-content__markdown > :first-child': {
1668
+ marginTop: number;
1669
+ };
1670
+ '& .webchat__text-content__markdown > :last-child': {
1671
+ marginBottom: number;
1672
+ };
1673
+ '& .webchat__text-content__markdown img:not(.webchat__render-markdown__external-link-icon)': {
1674
+ maxWidth: "var(--webchat__max-width--bubble)";
1675
+ width: string;
1676
+ };
1677
+ '& .webchat__text-content__markdown pre': {
1678
+ overflow: string;
1679
+ };
1680
+ '& .webchat__text-content__open-in-new-window-icon': {
1681
+ height: string;
1682
+ };
1683
+ };
1684
+ };
1685
+ thumbButton: {
1686
+ '&.webchat__thumb-button': {
1687
+ appearance: string;
1688
+ background: string;
1689
+ border: number;
1690
+ borderRadius: number;
1691
+ height: number;
1692
+ overflow: string;
1693
+ padding: number;
1694
+ width: number;
1695
+ '&:active': {
1696
+ background: string;
1697
+ };
1698
+ '&:focus': {
1699
+ outline: string;
1700
+ };
1701
+ '& .webchat__thumb-button__image': {
1702
+ color: "var(--webchat__color--accent)";
1703
+ width: number;
1704
+ };
1705
+ '&:hover .webchat__thumb-button__image:not(.webchat__thumb-button__image--is-filled)': {
1706
+ display: string;
1707
+ };
1708
+ '&.webchat__thumb-button--is-pressed .webchat__thumb-button__image:not(.webchat__thumb-button__image--is-filled)': {
1709
+ display: string;
1710
+ };
1711
+ '&.webchat__thumb-button:not(:hover):not(.webchat__thumb-button--is-pressed) .webchat__thumb-button__image--is-filled': {
1712
+ display: string;
1713
+ };
1714
+ };
1715
+ };
1418
1716
  };
1419
1717
  //# sourceMappingURL=createFullStyleSet.d.ts.map