botframework-webchat-component 4.18.1-main.20260518.2a3d1d3 → 4.18.2

package/lib/Styles/StyleSet/ScrollToEndButton.d.ts

@@ -0,0 +1,36 @@
+import { StrictStyleOptions } from 'botframework-webchat-api';
+export default function createScrollToEndButtonStyle({ paddingRegular, primaryFont, scrollToEndButtonFontSize, transcriptOverlayButtonBackground, transcriptOverlayButtonBackgroundOnFocus, transcriptOverlayButtonBackgroundOnHover, transcriptOverlayButtonColor, transcriptOverlayButtonColorOnFocus, transcriptOverlayButtonColorOnHover }: StrictStyleOptions): {
+    '&.webchat__scroll-to-end-button': {
+        '@media screen and (forced-colors: active)': {
+            borderWidth: string;
+            outline: string;
+        };
+        appearance: string;
+        backgroundColor: string;
+        borderRadius: number;
+        borderWidth: number;
+        bottom: number;
+        color: string;
+        fontFamily: string;
+        fontSize: string | number;
+        outline: number;
+        padding: number;
+        position: string;
+        zIndex: number;
+        '&:hover': {
+            backgroundColor: string;
+            color: string;
+        };
+        '&:focus': {
+            backgroundColor: string;
+            color: string;
+        };
+        '&:not(.webchat__scroll-to-end-button--rtl)': {
+            right: number;
+        };
+        '&.webchat__scroll-to-end-button--rtl': {
+            left: number;
+        };
+    };
+};
+//# sourceMappingURL=ScrollToEndButton.d.ts.map

package/lib/Styles/StyleSet/ScrollToEndButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToEndButton.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/ScrollToEndButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EACnD,cAAc,EACd,WAAW,EACX,yBAAyB,EACzB,iCAAiC,EACjC,wCAAwC,EACxC,wCAAwC,EACxC,4BAA4B,EAC5B,mCAAmC,EACnC,mCAAmC,EACpC,EAAE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCpB"}

package/lib/Styles/StyleSet/ScrollToEndButton.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createScrollToEndButtonStyle;
+function createScrollToEndButtonStyle(_ref) {
+  var paddingRegular = _ref.paddingRegular,
+    primaryFont = _ref.primaryFont,
+    scrollToEndButtonFontSize = _ref.scrollToEndButtonFontSize,
+    transcriptOverlayButtonBackground = _ref.transcriptOverlayButtonBackground,
+    transcriptOverlayButtonBackgroundOnFocus = _ref.transcriptOverlayButtonBackgroundOnFocus,
+    transcriptOverlayButtonBackgroundOnHover = _ref.transcriptOverlayButtonBackgroundOnHover,
+    transcriptOverlayButtonColor = _ref.transcriptOverlayButtonColor,
+    transcriptOverlayButtonColorOnFocus = _ref.transcriptOverlayButtonColorOnFocus,
+    transcriptOverlayButtonColorOnHover = _ref.transcriptOverlayButtonColorOnHover;
+  return {
+    '&.webchat__scroll-to-end-button': {
+      // TODO: [P3] Can we not to unset borderWidth and outline earlier?
+      '@media screen and (forced-colors: active)': {
+        borderWidth: 'initial',
+        outline: 'initial'
+      },
+      appearance: 'none',
+      backgroundColor: transcriptOverlayButtonBackground,
+      borderRadius: paddingRegular,
+      borderWidth: 0,
+      bottom: 5,
+      color: transcriptOverlayButtonColor,
+      fontFamily: primaryFont,
+      fontSize: scrollToEndButtonFontSize,
+      outline: 0,
+      padding: paddingRegular,
+      position: 'absolute',
+      zIndex: 1,
+      // We formed a stacking context in the parent container, so we can use "z-index" here.
+
+      '&:hover': {
+        backgroundColor: transcriptOverlayButtonBackgroundOnHover,
+        color: transcriptOverlayButtonColorOnHover || transcriptOverlayButtonColor
+      },
+      '&:focus': {
+        backgroundColor: transcriptOverlayButtonBackgroundOnFocus,
+        color: transcriptOverlayButtonColorOnFocus || transcriptOverlayButtonColor
+      },
+      '&:not(.webchat__scroll-to-end-button--rtl)': {
+        right: 20
+      },
+      '&.webchat__scroll-to-end-button--rtl': {
+        left: 20
+      }
+    }
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjcmVhdGVTY3JvbGxUb0VuZEJ1dHRvblN0eWxlIiwiX3JlZiIsInBhZGRpbmdSZWd1bGFyIiwicHJpbWFyeUZvbnQiLCJzY3JvbGxUb0VuZEJ1dHRvbkZvbnRTaXplIiwidHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kIiwidHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kT25Gb2N1cyIsInRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZE9uSG92ZXIiLCJ0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yIiwidHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvck9uRm9jdXMiLCJ0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yT25Ib3ZlciIsImJvcmRlcldpZHRoIiwib3V0bGluZSIsImFwcGVhcmFuY2UiLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXJSYWRpdXMiLCJib3R0b20iLCJjb2xvciIsImZvbnRGYW1pbHkiLCJmb250U2l6ZSIsInBhZGRpbmciLCJwb3NpdGlvbiIsInpJbmRleCIsInJpZ2h0IiwibGVmdCJdLCJzb3VyY2VSb290IjoiY29tcG9uZW50Oi8vLyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL1N0eWxlcy9TdHlsZVNldC9TY3JvbGxUb0VuZEJ1dHRvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTdHJpY3RTdHlsZU9wdGlvbnMgfSBmcm9tICdib3RmcmFtZXdvcmstd2ViY2hhdC1hcGknO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBjcmVhdGVTY3JvbGxUb0VuZEJ1dHRvblN0eWxlKHtcbiAgcGFkZGluZ1JlZ3VsYXIsXG4gIHByaW1hcnlGb250LFxuICBzY3JvbGxUb0VuZEJ1dHRvbkZvbnRTaXplLFxuICB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkJhY2tncm91bmQsXG4gIHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZE9uRm9jdXMsXG4gIHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZE9uSG92ZXIsXG4gIHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQ29sb3IsXG4gIHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQ29sb3JPbkZvY3VzLFxuICB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yT25Ib3ZlclxufTogU3RyaWN0U3R5bGVPcHRpb25zKSB7XG4gIHJldHVybiB7XG4gICAgJyYud2ViY2hhdF9fc2Nyb2xsLXRvLWVuZC1idXR0b24nOiB7XG4gICAgICAvLyBUT0RPOiBbUDNdIENhbiB3ZSBub3QgdG8gdW5zZXQgYm9yZGVyV2lkdGggYW5kIG91dGxpbmUgZWFybGllcj9cbiAgICAgICdAbWVkaWEgc2NyZWVuIGFuZCAoZm9yY2VkLWNvbG9yczogYWN0aXZlKSc6IHtcbiAgICAgICAgYm9yZGVyV2lkdGg6ICdpbml0aWFsJyxcbiAgICAgICAgb3V0bGluZTogJ2luaXRpYWwnXG4gICAgICB9LFxuXG4gICAgICBhcHBlYXJhbmNlOiAnbm9uZScsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZCxcbiAgICAgIGJvcmRlclJhZGl1czogcGFkZGluZ1JlZ3VsYXIsXG4gICAgICBib3JkZXJXaWR0aDogMCxcbiAgICAgIGJvdHRvbTogNSxcbiAgICAgIGNvbG9yOiB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yLFxuICAgICAgZm9udEZhbWlseTogcHJpbWFyeUZvbnQsXG4gICAgICBmb250U2l6ZTogc2Nyb2xsVG9FbmRCdXR0b25Gb250U2l6ZSxcbiAgICAgIG91dGxpbmU6IDAsXG4gICAgICBwYWRkaW5nOiBwYWRkaW5nUmVndWxhcixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgekluZGV4OiAxLCAvLyBXZSBmb3JtZWQgYSBzdGFja2luZyBjb250ZXh0IGluIHRoZSBwYXJlbnQgY29udGFpbmVyLCBzbyB3ZSBjYW4gdXNlIFwiei1pbmRleFwiIGhlcmUuXG5cbiAgICAgICcmOmhvdmVyJzoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZE9uSG92ZXIsXG4gICAgICAgIGNvbG9yOiB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yT25Ib3ZlciB8fCB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yXG4gICAgICB9LFxuXG4gICAgICAnJjpmb2N1cyc6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkJhY2tncm91bmRPbkZvY3VzLFxuICAgICAgICBjb2xvcjogdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvck9uRm9jdXMgfHwgdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvclxuICAgICAgfSxcblxuICAgICAgJyY6bm90KC53ZWJjaGF0X19zY3JvbGwtdG8tZW5kLWJ1dHRvbi0tcnRsKSc6IHtcbiAgICAgICAgcmlnaHQ6IDIwXG4gICAgICB9LFxuXG4gICAgICAnJi53ZWJjaGF0X19zY3JvbGwtdG8tZW5kLWJ1dHRvbi0tcnRsJzoge1xuICAgICAgICBsZWZ0OiAyMFxuICAgICAgfVxuICAgIH1cbiAgfTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBRWUsU0FBU0EsNEJBQTRCQSxDQUFBQyxJQUFBLEVBVTdCO0VBQUEsSUFUckJDLGNBQWMsR0FBQUQsSUFBQSxDQUFkQyxjQUFjO0lBQ2RDLFdBQVcsR0FBQUYsSUFBQSxDQUFYRSxXQUFXO0lBQ1hDLHlCQUF5QixHQUFBSCxJQUFBLENBQXpCRyx5QkFBeUI7SUFDekJDLGlDQUFpQyxHQUFBSixJQUFBLENBQWpDSSxpQ0FBaUM7SUFDakNDLHdDQUF3QyxHQUFBTCxJQUFBLENBQXhDSyx3Q0FBd0M7SUFDeENDLHdDQUF3QyxHQUFBTixJQUFBLENBQXhDTSx3Q0FBd0M7SUFDeENDLDRCQUE0QixHQUFBUCxJQUFBLENBQTVCTyw0QkFBNEI7SUFDNUJDLG1DQUFtQyxHQUFBUixJQUFBLENBQW5DUSxtQ0FBbUM7SUFDbkNDLG1DQUFtQyxHQUFBVCxJQUFBLENBQW5DUyxtQ0FBbUM7RUFFbkMsT0FBTztJQUNMLGlDQUFpQyxFQUFFO01BQ2pDO01BQ0EsMkNBQTJDLEVBQUU7UUFDM0NDLFdBQVcsRUFBRSxTQUFTO1FBQ3RCQyxPQUFPLEVBQUU7TUFDWCxDQUFDO01BRURDLFVBQVUsRUFBRSxNQUFNO01BQ2xCQyxlQUFlLEVBQUVULGlDQUFpQztNQUNsRFUsWUFBWSxFQUFFYixjQUFjO01BQzVCUyxXQUFXLEVBQUUsQ0FBQztNQUNkSyxNQUFNLEVBQUUsQ0FBQztNQUNUQyxLQUFLLEVBQUVULDRCQUE0QjtNQUNuQ1UsVUFBVSxFQUFFZixXQUFXO01BQ3ZCZ0IsUUFBUSxFQUFFZix5QkFBeUI7TUFDbkNRLE9BQU8sRUFBRSxDQUFDO01BQ1ZRLE9BQU8sRUFBRWxCLGNBQWM7TUFDdkJtQixRQUFRLEVBQUUsVUFBVTtNQUNwQkMsTUFBTSxFQUFFLENBQUM7TUFBRTs7TUFFWCxTQUFTLEVBQUU7UUFDVFIsZUFBZSxFQUFFUCx3Q0FBd0M7UUFDekRVLEtBQUssRUFBRVAsbUNBQW1DLElBQUlGO01BQ2hELENBQUM7TUFFRCxTQUFTLEVBQUU7UUFDVE0sZUFBZSxFQUFFUix3Q0FBd0M7UUFDekRXLEtBQUssRUFBRVIsbUNBQW1DLElBQUlEO01BQ2hELENBQUM7TUFFRCw0Q0FBNEMsRUFBRTtRQUM1Q2UsS0FBSyxFQUFFO01BQ1QsQ0FBQztNQUVELHNDQUFzQyxFQUFFO1FBQ3RDQyxJQUFJLEVBQUU7TUFDUjtJQUNGO0VBQ0YsQ0FBQztBQUNIIn0=

package/lib/Styles/StyleSet/SendBox.d.ts

@@ -0,0 +1,24 @@
+import { StrictStyleOptions } from 'botframework-webchat-api';
+export default function createSendBoxStyle({ sendBoxBackground, sendBoxBorderBottom, sendBoxBorderLeft, sendBoxBorderRight, sendBoxBorderTop, sendBoxHeight }: StrictStyleOptions): {
+    '&.webchat__send-box': {
+        '& .webchat__send-box__button--align-bottom': {
+            alignSelf: string;
+        };
+        '& .webchat__send-box__button--align-stretch': {
+            alignSelf: string;
+        };
+        '& .webchat__send-box__button--align-top': {
+            alignSelf: string;
+        };
+        '& .webchat__send-box__main': {
+            alignItems: string;
+            backgroundColor: string;
+            borderBottom: string | number;
+            borderLeft: string | number;
+            borderRight: string | number;
+            borderTop: string | number;
+            minHeight: string | number;
+        };
+    };
+};
+//# sourceMappingURL=SendBox.d.ts.map

package/lib/Styles/StyleSet/SendBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendBox.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/SendBox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EACd,EAAE,kBAAkB;;;;;;;;;;;;;;;;;;;;;EAkBpB"}

package/lib/Styles/StyleSet/SendBox.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createSendBoxStyle;
+function createSendBoxStyle(_ref) {
+  var sendBoxBackground = _ref.sendBoxBackground,
+    sendBoxBorderBottom = _ref.sendBoxBorderBottom,
+    sendBoxBorderLeft = _ref.sendBoxBorderLeft,
+    sendBoxBorderRight = _ref.sendBoxBorderRight,
+    sendBoxBorderTop = _ref.sendBoxBorderTop,
+    sendBoxHeight = _ref.sendBoxHeight;
+  return {
+    '&.webchat__send-box': {
+      '& .webchat__send-box__button--align-bottom': {
+        alignSelf: 'flex-end'
+      },
+      '& .webchat__send-box__button--align-stretch': {
+        alignSelf: 'stretch'
+      },
+      '& .webchat__send-box__button--align-top': {
+        alignSelf: 'flex-start'
+      },
+      '& .webchat__send-box__main': {
+        alignItems: 'stretch',
+        backgroundColor: sendBoxBackground,
+        borderBottom: sendBoxBorderBottom,
+        borderLeft: sendBoxBorderLeft,
+        borderRight: sendBoxBorderRight,
+        borderTop: sendBoxBorderTop,
+        minHeight: sendBoxHeight
+      }
+    }
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjcmVhdGVTZW5kQm94U3R5bGUiLCJfcmVmIiwic2VuZEJveEJhY2tncm91bmQiLCJzZW5kQm94Qm9yZGVyQm90dG9tIiwic2VuZEJveEJvcmRlckxlZnQiLCJzZW5kQm94Qm9yZGVyUmlnaHQiLCJzZW5kQm94Qm9yZGVyVG9wIiwic2VuZEJveEhlaWdodCIsImFsaWduU2VsZiIsImFsaWduSXRlbXMiLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXJCb3R0b20iLCJib3JkZXJMZWZ0IiwiYm9yZGVyUmlnaHQiLCJib3JkZXJUb3AiLCJtaW5IZWlnaHQiXSwic291cmNlUm9vdCI6ImNvbXBvbmVudDovLy8iLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdHlsZXMvU3R5bGVTZXQvU2VuZEJveC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTdHJpY3RTdHlsZU9wdGlvbnMgfSBmcm9tICdib3RmcmFtZXdvcmstd2ViY2hhdC1hcGknO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBjcmVhdGVTZW5kQm94U3R5bGUoe1xuICBzZW5kQm94QmFja2dyb3VuZCxcbiAgc2VuZEJveEJvcmRlckJvdHRvbSxcbiAgc2VuZEJveEJvcmRlckxlZnQsXG4gIHNlbmRCb3hCb3JkZXJSaWdodCxcbiAgc2VuZEJveEJvcmRlclRvcCxcbiAgc2VuZEJveEhlaWdodFxufTogU3RyaWN0U3R5bGVPcHRpb25zKSB7XG4gIHJldHVybiB7XG4gICAgJyYud2ViY2hhdF9fc2VuZC1ib3gnOiB7XG4gICAgICAnJiAud2ViY2hhdF9fc2VuZC1ib3hfX2J1dHRvbi0tYWxpZ24tYm90dG9tJzogeyBhbGlnblNlbGY6ICdmbGV4LWVuZCcgfSxcbiAgICAgICcmIC53ZWJjaGF0X19zZW5kLWJveF9fYnV0dG9uLS1hbGlnbi1zdHJldGNoJzogeyBhbGlnblNlbGY6ICdzdHJldGNoJyB9LFxuICAgICAgJyYgLndlYmNoYXRfX3NlbmQtYm94X19idXR0b24tLWFsaWduLXRvcCc6IHsgYWxpZ25TZWxmOiAnZmxleC1zdGFydCcgfSxcblxuICAgICAgJyYgLndlYmNoYXRfX3NlbmQtYm94X19tYWluJzoge1xuICAgICAgICBhbGlnbkl0ZW1zOiAnc3RyZXRjaCcsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogc2VuZEJveEJhY2tncm91bmQsXG4gICAgICAgIGJvcmRlckJvdHRvbTogc2VuZEJveEJvcmRlckJvdHRvbSxcbiAgICAgICAgYm9yZGVyTGVmdDogc2VuZEJveEJvcmRlckxlZnQsXG4gICAgICAgIGJvcmRlclJpZ2h0OiBzZW5kQm94Qm9yZGVyUmlnaHQsXG4gICAgICAgIGJvcmRlclRvcDogc2VuZEJveEJvcmRlclRvcCxcbiAgICAgICAgbWluSGVpZ2h0OiBzZW5kQm94SGVpZ2h0XG4gICAgICB9XG4gICAgfVxuICB9O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFFZSxTQUFTQSxrQkFBa0JBLENBQUFDLElBQUEsRUFPbkI7RUFBQSxJQU5yQkMsaUJBQWlCLEdBQUFELElBQUEsQ0FBakJDLGlCQUFpQjtJQUNqQkMsbUJBQW1CLEdBQUFGLElBQUEsQ0FBbkJFLG1CQUFtQjtJQUNuQkMsaUJBQWlCLEdBQUFILElBQUEsQ0FBakJHLGlCQUFpQjtJQUNqQkMsa0JBQWtCLEdBQUFKLElBQUEsQ0FBbEJJLGtCQUFrQjtJQUNsQkMsZ0JBQWdCLEdBQUFMLElBQUEsQ0FBaEJLLGdCQUFnQjtJQUNoQkMsYUFBYSxHQUFBTixJQUFBLENBQWJNLGFBQWE7RUFFYixPQUFPO0lBQ0wscUJBQXFCLEVBQUU7TUFDckIsNENBQTRDLEVBQUU7UUFBRUMsU0FBUyxFQUFFO01BQVcsQ0FBQztNQUN2RSw2Q0FBNkMsRUFBRTtRQUFFQSxTQUFTLEVBQUU7TUFBVSxDQUFDO01BQ3ZFLHlDQUF5QyxFQUFFO1FBQUVBLFNBQVMsRUFBRTtNQUFhLENBQUM7TUFFdEUsNEJBQTRCLEVBQUU7UUFDNUJDLFVBQVUsRUFBRSxTQUFTO1FBQ3JCQyxlQUFlLEVBQUVSLGlCQUFpQjtRQUNsQ1MsWUFBWSxFQUFFUixtQkFBbUI7UUFDakNTLFVBQVUsRUFBRVIsaUJBQWlCO1FBQzdCUyxXQUFXLEVBQUVSLGtCQUFrQjtRQUMvQlMsU0FBUyxFQUFFUixnQkFBZ0I7UUFDM0JTLFNBQVMsRUFBRVI7TUFDYjtJQUNGO0VBQ0YsQ0FBQztBQUNIIn0=

package/lib/Styles/StyleSet/SendBoxButton.d.ts

@@ -0,0 +1,79 @@
+import { StrictStyleOptions } from 'botframework-webchat-api';
+export default function createSendBoxButtonStyle({ sendBoxButtonColor, sendBoxButtonColorOnActive, sendBoxButtonColorOnDisabled, sendBoxButtonColorOnFocus, sendBoxButtonColorOnHover, sendBoxButtonKeyboardFocusIndicatorBorderColor, sendBoxButtonKeyboardFocusIndicatorBorderRadius, sendBoxButtonKeyboardFocusIndicatorBorderStyle, sendBoxButtonKeyboardFocusIndicatorBorderWidth, sendBoxButtonKeyboardFocusIndicatorInset, sendBoxButtonShadeBorderRadius, sendBoxButtonShadeColor, sendBoxButtonShadeColorOnActive, sendBoxButtonShadeColorOnDisabled, sendBoxButtonShadeColorOnFocus, sendBoxButtonShadeColorOnHover, sendBoxButtonShadeInset, sendBoxHeight, subtle }: StrictStyleOptions): {
+    '&.webchat__icon-button': {
+        alignItems: string;
+        appearance: string;
+        backgroundColor: string;
+        border: number;
+        display: string;
+        fill: string;
+        justifyContent: string;
+        outline: number;
+        padding: number;
+        position: string;
+        width: string | number;
+        '&:not(.webchat__icon-button--stretch)': {
+            height: string | number;
+        };
+        '&:disabled, &[aria-disabled="true"]': {
+            fill: string;
+            '& .webchat__icon-button__shade': {
+                backgroundColor: string;
+            };
+        };
+        '&:not(:disabled):not([aria-disabled="true"])': {
+            '&:active': {
+                fill: string;
+                '& .webchat__icon-button__shade': {
+                    backgroundColor: string;
+                };
+            };
+            '&:not(:active)': {
+                '&:hover': {
+                    fill: string;
+                    '& .webchat__icon-button__shade': {
+                        backgroundColor: string;
+                    };
+                };
+                '&:not(:hover)': {
+                    '&:focus': {
+                        fill: string;
+                        '& .webchat__icon-button__shade': {
+                            backgroundColor: string;
+                        };
+                    };
+                };
+            };
+        };
+        '&:not(:focus-visible) .webchat__icon-button__keyboard-focus-indicator': {
+            display: string;
+        };
+        '&:not(.webchat__icon-button--focus-visible) .webchat__icon-button__keyboard-focus-indicator': {
+            display: string;
+        };
+        '& > *': {
+            position: string;
+        };
+        '& .webchat__icon-button__shade': {
+            backgroundColor: string;
+            borderRadius: number;
+            bottom: number;
+            left: number;
+            position: string;
+            right: number;
+            top: number;
+        };
+        '& .webchat__icon-button__keyboard-focus-indicator': {
+            borderColor: string;
+            borderRadius: string | number;
+            borderStyle: string;
+            borderWidth: number;
+            bottom: number;
+            left: number;
+            position: string;
+            right: number;
+            top: number;
+        };
+    };
+};
+//# sourceMappingURL=SendBoxButton.d.ts.map

package/lib/Styles/StyleSet/SendBoxButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendBoxButton.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/SendBoxButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,kBAAkB,EAClB,0BAA0B,EAC1B,4BAA4B,EAC5B,yBAAyB,EACzB,yBAAyB,EACzB,8CAA8C,EAC9C,+CAA+C,EAC/C,8CAA8C,EAC9C,8CAA8C,EAC9C,wCAAwC,EACxC,8BAA8B,EAC9B,uBAAuB,EACvB,+BAA+B,EAC/B,iCAAiC,EACjC,8BAA8B,EAC9B,8BAA8B,EAC9B,uBAAuB,EACvB,aAAa,EACb,MAAM,EACP,EAAE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiGpB"}

package/lib/Styles/StyleSet/SendBoxButton.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createSendBoxButtonStyle;
+function createSendBoxButtonStyle(_ref) {
+  var sendBoxButtonColor = _ref.sendBoxButtonColor,
+    sendBoxButtonColorOnActive = _ref.sendBoxButtonColorOnActive,
+    sendBoxButtonColorOnDisabled = _ref.sendBoxButtonColorOnDisabled,
+    sendBoxButtonColorOnFocus = _ref.sendBoxButtonColorOnFocus,
+    sendBoxButtonColorOnHover = _ref.sendBoxButtonColorOnHover,
+    sendBoxButtonKeyboardFocusIndicatorBorderColor = _ref.sendBoxButtonKeyboardFocusIndicatorBorderColor,
+    sendBoxButtonKeyboardFocusIndicatorBorderRadius = _ref.sendBoxButtonKeyboardFocusIndicatorBorderRadius,
+    sendBoxButtonKeyboardFocusIndicatorBorderStyle = _ref.sendBoxButtonKeyboardFocusIndicatorBorderStyle,
+    sendBoxButtonKeyboardFocusIndicatorBorderWidth = _ref.sendBoxButtonKeyboardFocusIndicatorBorderWidth,
+    sendBoxButtonKeyboardFocusIndicatorInset = _ref.sendBoxButtonKeyboardFocusIndicatorInset,
+    sendBoxButtonShadeBorderRadius = _ref.sendBoxButtonShadeBorderRadius,
+    sendBoxButtonShadeColor = _ref.sendBoxButtonShadeColor,
+    sendBoxButtonShadeColorOnActive = _ref.sendBoxButtonShadeColorOnActive,
+    sendBoxButtonShadeColorOnDisabled = _ref.sendBoxButtonShadeColorOnDisabled,
+    sendBoxButtonShadeColorOnFocus = _ref.sendBoxButtonShadeColorOnFocus,
+    sendBoxButtonShadeColorOnHover = _ref.sendBoxButtonShadeColorOnHover,
+    sendBoxButtonShadeInset = _ref.sendBoxButtonShadeInset,
+    sendBoxHeight = _ref.sendBoxHeight,
+    subtle = _ref.subtle;
+  return {
+    '&.webchat__icon-button': {
+      alignItems: 'center',
+      appearance: 'none',
+      backgroundColor: 'Transparent',
+      border: 0,
+      display: 'flex',
+      fill: sendBoxButtonColor || subtle,
+      justifyContent: 'center',
+      outline: 0,
+      padding: 0,
+      position: 'relative',
+      width: sendBoxHeight,
+      // We use the sendBoxHeight, so the button looks square
+
+      '&:not(.webchat__icon-button--stretch)': {
+        height: sendBoxHeight
+      },
+      // Order of style preferences (based on effort of user gesture): disabled > active > hover > focus.
+      // Keyboard focus indicator styles applied by :focus-visible do not conflict with :active/:hover/:focus, so it is not included here.
+      '&:disabled, &[aria-disabled="true"]': {
+        fill: sendBoxButtonColorOnDisabled,
+        '& .webchat__icon-button__shade': {
+          backgroundColor: sendBoxButtonShadeColorOnDisabled
+        }
+      },
+      '&:not(:disabled):not([aria-disabled="true"])': {
+        '&:active': {
+          fill: sendBoxButtonColorOnActive,
+          '& .webchat__icon-button__shade': {
+            backgroundColor: sendBoxButtonShadeColorOnActive
+          }
+        },
+        '&:not(:active)': {
+          '&:hover': {
+            fill: sendBoxButtonColorOnHover,
+            '& .webchat__icon-button__shade': {
+              backgroundColor: sendBoxButtonShadeColorOnHover
+            }
+          },
+          '&:not(:hover)': {
+            '&:focus': {
+              fill: sendBoxButtonColorOnFocus,
+              '& .webchat__icon-button__shade': {
+                backgroundColor: sendBoxButtonShadeColorOnFocus
+              }
+            }
+          }
+        }
+      },
+      // On unsupported browser, :focus-visible and :not(:focus-visible) is always false.
+      // And it will turn the whole CSS selector ":unsupported, .truthy" to false.
+      '&:not(:focus-visible) .webchat__icon-button__keyboard-focus-indicator': {
+        display: 'none'
+      },
+      '&:not(.webchat__icon-button--focus-visible) .webchat__icon-button__keyboard-focus-indicator': {
+        display: 'none'
+      },
+      // Make sure all contents are in the same stacking context.
+      '& > *': {
+        position: 'relative'
+      },
+      '& .webchat__icon-button__shade': {
+        backgroundColor: sendBoxButtonShadeColor,
+        borderRadius: sendBoxButtonShadeBorderRadius,
+        bottom: sendBoxButtonShadeInset,
+        left: sendBoxButtonShadeInset,
+        position: 'absolute',
+        right: sendBoxButtonShadeInset,
+        top: sendBoxButtonShadeInset
+      },
+      '& .webchat__icon-button__keyboard-focus-indicator': {
+        borderColor: sendBoxButtonKeyboardFocusIndicatorBorderColor,
+        borderRadius: sendBoxButtonKeyboardFocusIndicatorBorderRadius,
+        borderStyle: sendBoxButtonKeyboardFocusIndicatorBorderStyle,
+        borderWidth: sendBoxButtonKeyboardFocusIndicatorBorderWidth,
+        bottom: sendBoxButtonKeyboardFocusIndicatorInset,
+        left: sendBoxButtonKeyboardFocusIndicatorInset,
+        position: 'absolute',
+        right: sendBoxButtonKeyboardFocusIndicatorInset,
+        top: sendBoxButtonKeyboardFocusIndicatorInset
+      }
+    }
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjcmVhdGVTZW5kQm94QnV0dG9uU3R5bGUiLCJfcmVmIiwic2VuZEJveEJ1dHRvbkNvbG9yIiwic2VuZEJveEJ1dHRvbkNvbG9yT25BY3RpdmUiLCJzZW5kQm94QnV0dG9uQ29sb3JPbkRpc2FibGVkIiwic2VuZEJveEJ1dHRvbkNvbG9yT25Gb2N1cyIsInNlbmRCb3hCdXR0b25Db2xvck9uSG92ZXIiLCJzZW5kQm94QnV0dG9uS2V5Ym9hcmRGb2N1c0luZGljYXRvckJvcmRlckNvbG9yIiwic2VuZEJveEJ1dHRvbktleWJvYXJkRm9jdXNJbmRpY2F0b3JCb3JkZXJSYWRpdXMiLCJzZW5kQm94QnV0dG9uS2V5Ym9hcmRGb2N1c0luZGljYXRvckJvcmRlclN0eWxlIiwic2VuZEJveEJ1dHRvbktleWJvYXJkRm9jdXNJbmRpY2F0b3JCb3JkZXJXaWR0aCIsInNlbmRCb3hCdXR0b25LZXlib2FyZEZvY3VzSW5kaWNhdG9ySW5zZXQiLCJzZW5kQm94QnV0dG9uU2hhZGVCb3JkZXJSYWRpdXMiLCJzZW5kQm94QnV0dG9uU2hhZGVDb2xvciIsInNlbmRCb3hCdXR0b25TaGFkZUNvbG9yT25BY3RpdmUiLCJzZW5kQm94QnV0dG9uU2hhZGVDb2xvck9uRGlzYWJsZWQiLCJzZW5kQm94QnV0dG9uU2hhZGVDb2xvck9uRm9jdXMiLCJzZW5kQm94QnV0dG9uU2hhZGVDb2xvck9uSG92ZXIiLCJzZW5kQm94QnV0dG9uU2hhZGVJbnNldCIsInNlbmRCb3hIZWlnaHQiLCJzdWJ0bGUiLCJhbGlnbkl0ZW1zIiwiYXBwZWFyYW5jZSIsImJhY2tncm91bmRDb2xvciIsImJvcmRlciIsImRpc3BsYXkiLCJmaWxsIiwianVzdGlmeUNvbnRlbnQiLCJvdXRsaW5lIiwicGFkZGluZyIsInBvc2l0aW9uIiwid2lkdGgiLCJoZWlnaHQiLCJib3JkZXJSYWRpdXMiLCJib3R0b20iLCJsZWZ0IiwicmlnaHQiLCJ0b3AiLCJib3JkZXJDb2xvciIsImJvcmRlclN0eWxlIiwiYm9yZGVyV2lkdGgiXSwic291cmNlUm9vdCI6ImNvbXBvbmVudDovLy8iLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdHlsZXMvU3R5bGVTZXQvU2VuZEJveEJ1dHRvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTdHJpY3RTdHlsZU9wdGlvbnMgfSBmcm9tICdib3RmcmFtZXdvcmstd2ViY2hhdC1hcGknO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBjcmVhdGVTZW5kQm94QnV0dG9uU3R5bGUoe1xuICBzZW5kQm94QnV0dG9uQ29sb3IsXG4gIHNlbmRCb3hCdXR0b25Db2xvck9uQWN0aXZlLFxuICBzZW5kQm94QnV0dG9uQ29sb3JPbkRpc2FibGVkLFxuICBzZW5kQm94QnV0dG9uQ29sb3JPbkZvY3VzLFxuICBzZW5kQm94QnV0dG9uQ29sb3JPbkhvdmVyLFxuICBzZW5kQm94QnV0dG9uS2V5Ym9hcmRGb2N1c0luZGljYXRvckJvcmRlckNvbG9yLFxuICBzZW5kQm94QnV0dG9uS2V5Ym9hcmRGb2N1c0luZGljYXRvckJvcmRlclJhZGl1cyxcbiAgc2VuZEJveEJ1dHRvbktleWJvYXJkRm9jdXNJbmRpY2F0b3JCb3JkZXJTdHlsZSxcbiAgc2VuZEJveEJ1dHRvbktleWJvYXJkRm9jdXNJbmRpY2F0b3JCb3JkZXJXaWR0aCxcbiAgc2VuZEJveEJ1dHRvbktleWJvYXJkRm9jdXNJbmRpY2F0b3JJbnNldCxcbiAgc2VuZEJveEJ1dHRvblNoYWRlQm9yZGVyUmFkaXVzLFxuICBzZW5kQm94QnV0dG9uU2hhZGVDb2xvcixcbiAgc2VuZEJveEJ1dHRvblNoYWRlQ29sb3JPbkFjdGl2ZSxcbiAgc2VuZEJveEJ1dHRvblNoYWRlQ29sb3JPbkRpc2FibGVkLFxuICBzZW5kQm94QnV0dG9uU2hhZGVDb2xvck9uRm9jdXMsXG4gIHNlbmRCb3hCdXR0b25TaGFkZUNvbG9yT25Ib3ZlcixcbiAgc2VuZEJveEJ1dHRvblNoYWRlSW5zZXQsXG4gIHNlbmRCb3hIZWlnaHQsXG4gIHN1YnRsZVxufTogU3RyaWN0U3R5bGVPcHRpb25zKSB7XG4gIHJldHVybiB7XG4gICAgJyYud2ViY2hhdF9faWNvbi1idXR0b24nOiB7XG4gICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgIGFwcGVhcmFuY2U6ICdub25lJyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ1RyYW5zcGFyZW50JyxcbiAgICAgIGJvcmRlcjogMCxcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIGZpbGw6IHNlbmRCb3hCdXR0b25Db2xvciB8fCBzdWJ0bGUsXG4gICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICBvdXRsaW5lOiAwLFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgd2lkdGg6IHNlbmRCb3hIZWlnaHQsIC8vIFdlIHVzZSB0aGUgc2VuZEJveEhlaWdodCwgc28gdGhlIGJ1dHRvbiBsb29rcyBzcXVhcmVcblxuICAgICAgJyY6bm90KC53ZWJjaGF0X19pY29uLWJ1dHRvbi0tc3RyZXRjaCknOiB7XG4gICAgICAgIGhlaWdodDogc2VuZEJveEhlaWdodFxuICAgICAgfSxcblxuICAgICAgLy8gT3JkZXIgb2Ygc3R5bGUgcHJlZmVyZW5jZXMgKGJhc2VkIG9uIGVmZm9ydCBvZiB1c2VyIGdlc3R1cmUpOiBkaXNhYmxlZCA+IGFjdGl2ZSA+IGhvdmVyID4gZm9jdXMuXG4gICAgICAvLyBLZXlib2FyZCBmb2N1cyBpbmRpY2F0b3Igc3R5bGVzIGFwcGxpZWQgYnkgOmZvY3VzLXZpc2libGUgZG8gbm90IGNvbmZsaWN0IHdpdGggOmFjdGl2ZS86aG92ZXIvOmZvY3VzLCBzbyBpdCBpcyBub3QgaW5jbHVkZWQgaGVyZS5cbiAgICAgICcmOmRpc2FibGVkLCAmW2FyaWEtZGlzYWJsZWQ9XCJ0cnVlXCJdJzoge1xuICAgICAgICBmaWxsOiBzZW5kQm94QnV0dG9uQ29sb3JPbkRpc2FibGVkLFxuXG4gICAgICAgICcmIC53ZWJjaGF0X19pY29uLWJ1dHRvbl9fc2hhZGUnOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBzZW5kQm94QnV0dG9uU2hhZGVDb2xvck9uRGlzYWJsZWRcbiAgICAgICAgfVxuICAgICAgfSxcblxuICAgICAgJyY6bm90KDpkaXNhYmxlZCk6bm90KFthcmlhLWRpc2FibGVkPVwidHJ1ZVwiXSknOiB7XG4gICAgICAgICcmOmFjdGl2ZSc6IHtcbiAgICAgICAgICBmaWxsOiBzZW5kQm94QnV0dG9uQ29sb3JPbkFjdGl2ZSxcblxuICAgICAgICAgICcmIC53ZWJjaGF0X19pY29uLWJ1dHRvbl9fc2hhZGUnOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHNlbmRCb3hCdXR0b25TaGFkZUNvbG9yT25BY3RpdmVcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG5cbiAgICAgICAgJyY6bm90KDphY3RpdmUpJzoge1xuICAgICAgICAgICcmOmhvdmVyJzoge1xuICAgICAgICAgICAgZmlsbDogc2VuZEJveEJ1dHRvbkNvbG9yT25Ib3ZlcixcblxuICAgICAgICAgICAgJyYgLndlYmNoYXRfX2ljb24tYnV0dG9uX19zaGFkZSc6IHtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBzZW5kQm94QnV0dG9uU2hhZGVDb2xvck9uSG92ZXJcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9LFxuXG4gICAgICAgICAgJyY6bm90KDpob3ZlciknOiB7XG4gICAgICAgICAgICAnJjpmb2N1cyc6IHtcbiAgICAgICAgICAgICAgZmlsbDogc2VuZEJveEJ1dHRvbkNvbG9yT25Gb2N1cyxcblxuICAgICAgICAgICAgICAnJiAud2ViY2hhdF9faWNvbi1idXR0b25fX3NoYWRlJzoge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogc2VuZEJveEJ1dHRvblNoYWRlQ29sb3JPbkZvY3VzXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH0sXG5cbiAgICAgIC8vIE9uIHVuc3VwcG9ydGVkIGJyb3dzZXIsIDpmb2N1cy12aXNpYmxlIGFuZCA6bm90KDpmb2N1cy12aXNpYmxlKSBpcyBhbHdheXMgZmFsc2UuXG4gICAgICAvLyBBbmQgaXQgd2lsbCB0dXJuIHRoZSB3aG9sZSBDU1Mgc2VsZWN0b3IgXCI6dW5zdXBwb3J0ZWQsIC50cnV0aHlcIiB0byBmYWxzZS5cbiAgICAgICcmOm5vdCg6Zm9jdXMtdmlzaWJsZSkgLndlYmNoYXRfX2ljb24tYnV0dG9uX19rZXlib2FyZC1mb2N1cy1pbmRpY2F0b3InOiB7XG4gICAgICAgIGRpc3BsYXk6ICdub25lJ1xuICAgICAgfSxcblxuICAgICAgJyY6bm90KC53ZWJjaGF0X19pY29uLWJ1dHRvbi0tZm9jdXMtdmlzaWJsZSkgLndlYmNoYXRfX2ljb24tYnV0dG9uX19rZXlib2FyZC1mb2N1cy1pbmRpY2F0b3InOiB7XG4gICAgICAgIGRpc3BsYXk6ICdub25lJ1xuICAgICAgfSxcblxuICAgICAgLy8gTWFrZSBzdXJlIGFsbCBjb250ZW50cyBhcmUgaW4gdGhlIHNhbWUgc3RhY2tpbmcgY29udGV4dC5cbiAgICAgICcmID4gKic6IHtcbiAgICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZSdcbiAgICAgIH0sXG5cbiAgICAgICcmIC53ZWJjaGF0X19pY29uLWJ1dHRvbl9fc2hhZGUnOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogc2VuZEJveEJ1dHRvblNoYWRlQ29sb3IsXG4gICAgICAgIGJvcmRlclJhZGl1czogc2VuZEJveEJ1dHRvblNoYWRlQm9yZGVyUmFkaXVzLFxuICAgICAgICBib3R0b206IHNlbmRCb3hCdXR0b25TaGFkZUluc2V0LFxuICAgICAgICBsZWZ0OiBzZW5kQm94QnV0dG9uU2hhZGVJbnNldCxcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIHJpZ2h0OiBzZW5kQm94QnV0dG9uU2hhZGVJbnNldCxcbiAgICAgICAgdG9wOiBzZW5kQm94QnV0dG9uU2hhZGVJbnNldFxuICAgICAgfSxcblxuICAgICAgJyYgLndlYmNoYXRfX2ljb24tYnV0dG9uX19rZXlib2FyZC1mb2N1cy1pbmRpY2F0b3InOiB7XG4gICAgICAgIGJvcmRlckNvbG9yOiBzZW5kQm94QnV0dG9uS2V5Ym9hcmRGb2N1c0luZGljYXRvckJvcmRlckNvbG9yLFxuICAgICAgICBib3JkZXJSYWRpdXM6IHNlbmRCb3hCdXR0b25LZXlib2FyZEZvY3VzSW5kaWNhdG9yQm9yZGVyUmFkaXVzLFxuICAgICAgICBib3JkZXJTdHlsZTogc2VuZEJveEJ1dHRvbktleWJvYXJkRm9jdXNJbmRpY2F0b3JCb3JkZXJTdHlsZSxcbiAgICAgICAgYm9yZGVyV2lkdGg6IHNlbmRCb3hCdXR0b25LZXlib2FyZEZvY3VzSW5kaWNhdG9yQm9yZGVyV2lkdGgsXG4gICAgICAgIGJvdHRvbTogc2VuZEJveEJ1dHRvbktleWJvYXJkRm9jdXNJbmRpY2F0b3JJbnNldCxcbiAgICAgICAgbGVmdDogc2VuZEJveEJ1dHRvbktleWJvYXJkRm9jdXNJbmRpY2F0b3JJbnNldCxcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIHJpZ2h0OiBzZW5kQm94QnV0dG9uS2V5Ym9hcmRGb2N1c0luZGljYXRvckluc2V0LFxuICAgICAgICB0b3A6IHNlbmRCb3hCdXR0b25LZXlib2FyZEZvY3VzSW5kaWNhdG9ySW5zZXRcbiAgICAgIH1cbiAgICB9XG4gIH07XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUVlLFNBQVNBLHdCQUF3QkEsQ0FBQUMsSUFBQSxFQW9CekI7RUFBQSxJQW5CckJDLGtCQUFrQixHQUFBRCxJQUFBLENBQWxCQyxrQkFBa0I7SUFDbEJDLDBCQUEwQixHQUFBRixJQUFBLENBQTFCRSwwQkFBMEI7SUFDMUJDLDRCQUE0QixHQUFBSCxJQUFBLENBQTVCRyw0QkFBNEI7SUFDNUJDLHlCQUF5QixHQUFBSixJQUFBLENBQXpCSSx5QkFBeUI7SUFDekJDLHlCQUF5QixHQUFBTCxJQUFBLENBQXpCSyx5QkFBeUI7SUFD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

package/lib/Styles/StyleSet/SendBoxTextBox.d.ts

@@ -0,0 +1,41 @@
+import { StrictStyleOptions } from 'botframework-webchat-api';
+export default function createSendBoxTextBoxStyle({ paddingRegular, primaryFont, sendBoxDisabledTextColor, sendBoxMaxHeight, sendBoxPlaceholderColor, sendBoxTextColor, subtle }: StrictStyleOptions): {
+    '&.webchat__send-box-text-box': {
+        alignItems: string;
+        fontFamily: string;
+        padding: number;
+        position: string;
+        '& .webchat__send-box-text-box__input': {
+            border: number;
+            fontFamily: string;
+            fontSize: string;
+            height: string;
+            outline: number;
+            padding: number;
+        };
+        '& .webchat__send-box-text-box__input, & .webchat__send-box-text-box__html-text-area': {
+            backgroundColor: string;
+            '&:not(:disabled):not([aria-disabled="true"])': {
+                color: string;
+            };
+            '&:disabled, &[aria-disabled="true"]': {
+                color: string;
+            };
+            '&::placeholder': {
+                color: string;
+            };
+        };
+        '& .webchat__send-box-text-box__input, & .webchat__send-box-text-box__text-area': {
+            maxHeight: string | number;
+        };
+        '& .webchat__send-box-text-box__glass': {
+            height: string;
+            left: number;
+            position: string;
+            top: number;
+            userSelect: number;
+            width: string;
+        };
+    };
+};
+//# sourceMappingURL=SendBoxTextBox.d.ts.map

package/lib/Styles/StyleSet/SendBoxTextBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendBoxTextBox.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/SendBoxTextBox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,cAAc,EACd,WAAW,EACX,wBAAwB,EACxB,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAChB,MAAM,EACP,EAAE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CpB"}

package/lib/Styles/StyleSet/SendBoxTextBox.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createSendBoxTextBoxStyle;
+function createSendBoxTextBoxStyle(_ref) {
+  var paddingRegular = _ref.paddingRegular,
+    primaryFont = _ref.primaryFont,
+    sendBoxDisabledTextColor = _ref.sendBoxDisabledTextColor,
+    sendBoxMaxHeight = _ref.sendBoxMaxHeight,
+    sendBoxPlaceholderColor = _ref.sendBoxPlaceholderColor,
+    sendBoxTextColor = _ref.sendBoxTextColor,
+    subtle = _ref.subtle;
+  return {
+    '&.webchat__send-box-text-box': {
+      alignItems: 'center',
+      fontFamily: primaryFont,
+      padding: paddingRegular,
+      position: 'relative',
+      '& .webchat__send-box-text-box__input': {
+        border: 0,
+        fontFamily: 'inherit',
+        fontSize: 'inherit',
+        height: '100%',
+        outline: 0,
+        padding: 0
+      },
+      '& .webchat__send-box-text-box__input, & .webchat__send-box-text-box__html-text-area': {
+        backgroundColor: 'transparent',
+        // We set this to transparent because we already applied "sendBoxBackground" to a parent container.
+
+        '&:not(:disabled):not([aria-disabled="true"])': {
+          color: sendBoxTextColor
+        },
+        '&:disabled, &[aria-disabled="true"]': {
+          color: sendBoxDisabledTextColor || subtle
+        },
+        '&::placeholder': {
+          color: sendBoxPlaceholderColor || subtle
+        }
+      },
+      '& .webchat__send-box-text-box__input, & .webchat__send-box-text-box__text-area': {
+        maxHeight: sendBoxMaxHeight
+      },
+      '& .webchat__send-box-text-box__glass': {
+        height: '100%',
+        left: 0,
+        position: 'absolute',
+        top: 0,
+        userSelect: 0,
+        width: '100%'
+      }
+    }
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjcmVhdGVTZW5kQm94VGV4dEJveFN0eWxlIiwiX3JlZiIsInBhZGRpbmdSZWd1bGFyIiwicHJpbWFyeUZvbnQiLCJzZW5kQm94RGlzYWJsZWRUZXh0Q29sb3IiLCJzZW5kQm94TWF4SGVpZ2h0Iiwic2VuZEJveFBsYWNlaG9sZGVyQ29sb3IiLCJzZW5kQm94VGV4dENvbG9yIiwic3VidGxlIiwiYWxpZ25JdGVtcyIsImZvbnRGYW1pbHkiLCJwYWRkaW5nIiwicG9zaXRpb24iLCJib3JkZXIiLCJmb250U2l6ZSIsImhlaWdodCIsIm91dGxpbmUiLCJiYWNrZ3JvdW5kQ29sb3IiLCJjb2xvciIsIm1heEhlaWdodCIsImxlZnQiLCJ0b3AiLCJ1c2VyU2VsZWN0Iiwid2lkdGgiXSwic291cmNlUm9vdCI6ImNvbXBvbmVudDovLy8iLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdHlsZXMvU3R5bGVTZXQvU2VuZEJveFRleHRCb3gudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU3RyaWN0U3R5bGVPcHRpb25zIH0gZnJvbSAnYm90ZnJhbWV3b3JrLXdlYmNoYXQtYXBpJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gY3JlYXRlU2VuZEJveFRleHRCb3hTdHlsZSh7XG4gIHBhZGRpbmdSZWd1bGFyLFxuICBwcmltYXJ5Rm9udCxcbiAgc2VuZEJveERpc2FibGVkVGV4dENvbG9yLFxuICBzZW5kQm94TWF4SGVpZ2h0LFxuICBzZW5kQm94UGxhY2Vob2xkZXJDb2xvcixcbiAgc2VuZEJveFRleHRDb2xvcixcbiAgc3VidGxlXG59OiBTdHJpY3RTdHlsZU9wdGlvbnMpIHtcbiAgcmV0dXJuIHtcbiAgICAnJi53ZWJjaGF0X19zZW5kLWJveC10ZXh0LWJveCc6IHtcbiAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgZm9udEZhbWlseTogcHJpbWFyeUZvbnQsXG4gICAgICBwYWRkaW5nOiBwYWRkaW5nUmVndWxhcixcbiAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuXG4gICAgICAnJiAud2ViY2hhdF9fc2VuZC1ib3gtdGV4dC1ib3hfX2lucHV0Jzoge1xuICAgICAgICBib3JkZXI6IDAsXG4gICAgICAgIGZvbnRGYW1pbHk6ICdpbmhlcml0JyxcbiAgICAgICAgZm9udFNpemU6ICdpbmhlcml0JyxcbiAgICAgICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgICAgIG91dGxpbmU6IDAsXG4gICAgICAgIHBhZGRpbmc6IDBcbiAgICAgIH0sXG5cbiAgICAgICcmIC53ZWJjaGF0X19zZW5kLWJveC10ZXh0LWJveF9faW5wdXQsICYgLndlYmNoYXRfX3NlbmQtYm94LXRleHQtYm94X19odG1sLXRleHQtYXJlYSc6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLCAvLyBXZSBzZXQgdGhpcyB0byB0cmFuc3BhcmVudCBiZWNhdXNlIHdlIGFscmVhZHkgYXBwbGllZCBcInNlbmRCb3hCYWNrZ3JvdW5kXCIgdG8gYSBwYXJlbnQgY29udGFpbmVyLlxuXG4gICAgICAgICcmOm5vdCg6ZGlzYWJsZWQpOm5vdChbYXJpYS1kaXNhYmxlZD1cInRydWVcIl0pJzoge1xuICAgICAgICAgIGNvbG9yOiBzZW5kQm94VGV4dENvbG9yXG4gICAgICAgIH0sXG5cbiAgICAgICAgJyY6ZGlzYWJsZWQsICZbYXJpYS1kaXNhYmxlZD1cInRydWVcIl0nOiB7XG4gICAgICAgICAgY29sb3I6IHNlbmRCb3hEaXNhYmxlZFRleHRDb2xvciB8fCBzdWJ0bGVcbiAgICAgICAgfSxcblxuICAgICAgICAnJjo6cGxhY2Vob2xkZXInOiB7XG4gICAgICAgICAgY29sb3I6IHNlbmRCb3hQbGFjZWhvbGRlckNvbG9yIHx8IHN1YnRsZVxuICAgICAgICB9XG4gICAgICB9LFxuXG4gICAgICAnJiAud2ViY2hhdF9fc2VuZC1ib3gtdGV4dC1ib3hfX2lucHV0LCAmIC53ZWJjaGF0X19zZW5kLWJveC10ZXh0LWJveF9fdGV4dC1hcmVhJzoge1xuICAgICAgICBtYXhIZWlnaHQ6IHNlbmRCb3hNYXhIZWlnaHRcbiAgICAgIH0sXG5cbiAgICAgICcmIC53ZWJjaGF0X19zZW5kLWJveC10ZXh0LWJveF9fZ2xhc3MnOiB7XG4gICAgICAgIGhlaWdodDogJzEwMCUnLFxuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICB1c2VyU2VsZWN0OiAwLFxuICAgICAgICB3aWR0aDogJzEwMCUnXG4gICAgICB9XG4gICAgfVxuICB9O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFFZSxTQUFTQSx5QkFBeUJBLENBQUFDLElBQUEsRUFRMUI7RUFBQSxJQVByQkMsY0FBYyxHQUFBRCxJQUFBLENBQWRDLGNBQWM7SUFDZEMsV0FBVyxHQUFBRixJQUFBLENBQVhFLFdBQVc7SUFDWEMsd0JBQXdCLEdBQUFILElBQUEsQ0FBeEJHLHdCQUF3QjtJQUN4QkMsZ0JBQWdCLEdBQUFKLElBQUEsQ0FBaEJJLGdCQUFnQjtJQUNoQkMsdUJBQXVCLEdBQUFMLElBQUEsQ0FBdkJLLHVCQUF1QjtJQUN2QkMsZ0JBQWdCLEdBQUFOLElBQUEsQ0FBaEJNLGdCQUFnQjtJQUNoQkMsTUFBTSxHQUFBUCxJQUFBLENBQU5PLE1BQU07RUFFTixPQUFPO0lBQ0wsOEJBQThCLEVBQUU7TUFDOUJDLFVBQVUsRUFBRSxRQUFRO01BQ3BCQyxVQUFVLEVBQUVQLFdBQVc7TUFDdkJRLE9BQU8sRUFBRVQsY0FBYztNQUN2QlUsUUFBUSxFQUFFLFVBQVU7TUFFcEIsc0NBQXNDLEVBQUU7UUFDdENDLE1BQU0sRUFBRSxDQUFDO1FBQ1RILFVBQVUsRUFBRSxTQUFTO1FBQ3JCSSxRQUFRLEVBQUUsU0FBUztRQUNuQkMsTUFBTSxFQUFFLE1BQU07UUFDZEMsT0FBTyxFQUFFLENBQUM7UUFDVkwsT0FBTyxFQUFFO01BQ1gsQ0FBQztNQUVELHFGQUFxRixFQUFFO1FBQ3JGTSxlQUFlLEVBQUUsYUFBYTtRQUFFOztRQUVoQyw4Q0FBOEMsRUFBRTtVQUM5Q0MsS0FBSyxFQUFFWDtRQUNULENBQUM7UUFFRCxxQ0FBcUMsRUFBRTtVQUNyQ1csS0FBSyxFQUFFZCx3QkFBd0IsSUFBSUk7UUFDckMsQ0FBQztRQUVELGdCQUFnQixFQUFFO1VBQ2hCVSxLQUFLLEVBQUVaLHVCQUF1QixJQUFJRTtRQUNwQztNQUNGLENBQUM7TUFFRCxnRkFBZ0YsRUFBRTtRQUNoRlcsU0FBUyxFQUFFZDtNQUNiLENBQUM7TUFFRCxzQ0FBc0MsRUFBRTtRQUN0Q1UsTUFBTSxFQUFFLE1BQU07UUFDZEssSUFBSSxFQUFFLENBQUM7UUFDUFIsUUFBUSxFQUFFLFVBQVU7UUFDcEJTLEdBQUcsRUFBRSxDQUFDO1FBQ05DLFVBQVUsRUFBRSxDQUFDO1FBQ2JDLEtBQUssRUFBRTtNQUNUO0lBQ0Y7RUFDRixDQUFDO0FBQ0gifQ==

package/lib/Styles/StyleSet/SendStatus.d.ts

@@ -0,0 +1,19 @@
+export default function createSendStatusStyle(): {
+    '&.webchat__activity-status': {
+        color: "var(--webchat__color--timestamp)";
+        fontFamily: "var(--webchat__font--primary)";
+        fontSize: "var(--webchat__font-size--small)";
+        marginTop: string;
+    };
+    '&.webchat__activity-status--slotted': {
+        display: string;
+        gap: number;
+    };
+    '& .webchat__activity-status__originator': {
+        alignItems: string;
+        '&.webchat__activity-status__originator--has-link': {
+            color: "var(--webchat__color--accent)";
+        };
+    };
+};
+//# sourceMappingURL=SendStatus.d.ts.map

package/lib/Styles/StyleSet/SendStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendStatus.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/SendStatus.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,qBAAqB;;;;;;;;;;;;;;;;;EAsB5C"}

package/lib/Styles/StyleSet/SendStatus.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createSendStatusStyle;
+var _CSSTokens = _interopRequireDefault(require("../CSSTokens"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function createSendStatusStyle() {
+  return {
+    '&.webchat__activity-status': {
+      color: _CSSTokens.default.ColorTimestamp,
+      fontFamily: _CSSTokens.default.FontPrimary,
+      fontSize: _CSSTokens.default.FontSizeSmall,
+      marginTop: "calc(".concat(_CSSTokens.default.PaddingRegular, " / 2)")
+    },
+    '&.webchat__activity-status--slotted': {
+      display: 'inline-flex',
+      gap: 4
+    },
+    '& .webchat__activity-status__originator': {
+      alignItems: 'center',
+      '&.webchat__activity-status__originator--has-link': {
+        color: _CSSTokens.default.ColorAccent
+      }
+    }
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfQ1NTVG9rZW5zIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsInJlcXVpcmUiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsImNyZWF0ZVNlbmRTdGF0dXNTdHlsZSIsImNvbG9yIiwiQ1NTVG9rZW5zIiwiQ29sb3JUaW1lc3RhbXAiLCJmb250RmFtaWx5IiwiRm9udFByaW1hcnkiLCJmb250U2l6ZSIsIkZvbnRTaXplU21hbGwiLCJtYXJnaW5Ub3AiLCJjb25jYXQiLCJQYWRkaW5nUmVndWxhciIsImRpc3BsYXkiLCJnYXAiLCJhbGlnbkl0ZW1zIiwiQ29sb3JBY2NlbnQiXSwic291cmNlUm9vdCI6ImNvbXBvbmVudDovLy8iLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdHlsZXMvU3R5bGVTZXQvU2VuZFN0YXR1cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgQ1NTVG9rZW5zIGZyb20gJy4uL0NTU1Rva2Vucyc7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGNyZWF0ZVNlbmRTdGF0dXNTdHlsZSgpIHtcbiAgcmV0dXJuIHtcbiAgICAnJi53ZWJjaGF0X19hY3Rpdml0eS1zdGF0dXMnOiB7XG4gICAgICBjb2xvcjogQ1NTVG9rZW5zLkNvbG9yVGltZXN0YW1wLFxuICAgICAgZm9udEZhbWlseTogQ1NTVG9rZW5zLkZvbnRQcmltYXJ5LFxuICAgICAgZm9udFNpemU6IENTU1Rva2Vucy5Gb250U2l6ZVNtYWxsLFxuICAgICAgbWFyZ2luVG9wOiBgY2FsYygke0NTU1Rva2Vucy5QYWRkaW5nUmVndWxhcn0gLyAyKWBcbiAgICB9LFxuXG4gICAgJyYud2ViY2hhdF9fYWN0aXZpdHktc3RhdHVzLS1zbG90dGVkJzoge1xuICAgICAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgICAgIGdhcDogNFxuICAgIH0sXG5cbiAgICAnJiAud2ViY2hhdF9fYWN0aXZpdHktc3RhdHVzX19vcmlnaW5hdG9yJzoge1xuICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG5cbiAgICAgICcmLndlYmNoYXRfX2FjdGl2aXR5LXN0YXR1c19fb3JpZ2luYXRvci0taGFzLWxpbmsnOiB7XG4gICAgICAgIGNvbG9yOiBDU1NUb2tlbnMuQ29sb3JBY2NlbnRcbiAgICAgIH1cbiAgICB9XG4gIH07XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLFVBQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUFxQyxTQUFBRCx1QkFBQUUsR0FBQSxXQUFBQSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxHQUFBRCxHQUFBLEtBQUFFLE9BQUEsRUFBQUYsR0FBQTtBQUV0QixTQUFTRyxxQkFBcUJBLENBQUEsRUFBRztFQUM5QyxPQUFPO0lBQ0wsNEJBQTRCLEVBQUU7TUFDNUJDLEtBQUssRUFBRUMsa0JBQVMsQ0FBQ0MsY0FBYztNQUMvQkMsVUFBVSxFQUFFRixrQkFBUyxDQUFDRyxXQUFXO01BQ2pDQyxRQUFRLEVBQUVKLGtCQUFTLENBQUNLLGFBQWE7TUFDakNDLFNBQVMsVUFBQUMsTUFBQSxDQUFVUCxrQkFBUyxDQUFDUSxjQUFjO0lBQzdDLENBQUM7SUFFRCxxQ0FBcUMsRUFBRTtNQUNyQ0MsT0FBTyxFQUFFLGFBQWE7TUFDdEJDLEdBQUcsRUFBRTtJQUNQLENBQUM7SUFFRCx5Q0FBeUMsRUFBRTtNQUN6Q0MsVUFBVSxFQUFFLFFBQVE7TUFFcEIsa0RBQWtELEVBQUU7UUFDbERaLEtBQUssRUFBRUMsa0JBQVMsQ0FBQ1k7TUFDbkI7SUFDRjtFQUNGLENBQUM7QUFDSCJ9

package/lib/Styles/StyleSet/SingleAttachmentActivity.d.ts

@@ -0,0 +1,11 @@
+import { StrictStyleOptions } from 'botframework-webchat-api';
+export default function createSingleCardActivityStyle({ bubbleMaxWidth, bubbleMinWidth, paddingRegular }: StrictStyleOptions): {
+    '& > .bubble-box': {
+        maxWidth: number;
+        minWidth: number;
+    };
+    '& > .filler': {
+        minWidth: number;
+    };
+};
+//# sourceMappingURL=SingleAttachmentActivity.d.ts.map

package/lib/Styles/StyleSet/SingleAttachmentActivity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleAttachmentActivity.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/SingleAttachmentActivity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,6BAA6B,CAAC,EACpD,cAAc,EACd,cAAc,EACd,cAAc,EACf,EAAE,kBAAkB;;;;;;;;EAWpB"}

package/lib/Styles/StyleSet/SingleAttachmentActivity.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createSingleCardActivityStyle;
+function createSingleCardActivityStyle(_ref) {
+  var bubbleMaxWidth = _ref.bubbleMaxWidth,
+    bubbleMinWidth = _ref.bubbleMinWidth,
+    paddingRegular = _ref.paddingRegular;
+  return {
+    '& > .bubble-box': {
+      maxWidth: bubbleMaxWidth,
+      minWidth: bubbleMinWidth
+    },
+    '& > .filler': {
+      minWidth: paddingRegular
+    }
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjcmVhdGVTaW5nbGVDYXJkQWN0aXZpdHlTdHlsZSIsIl9yZWYiLCJidWJibGVNYXhXaWR0aCIsImJ1YmJsZU1pbldpZHRoIiwicGFkZGluZ1JlZ3VsYXIiLCJtYXhXaWR0aCIsIm1pbldpZHRoIl0sInNvdXJjZVJvb3QiOiJjb21wb25lbnQ6Ly8vIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvU3R5bGVzL1N0eWxlU2V0L1NpbmdsZUF0dGFjaG1lbnRBY3Rpdml0eS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTdHJpY3RTdHlsZU9wdGlvbnMgfSBmcm9tICdib3RmcmFtZXdvcmstd2ViY2hhdC1hcGknO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBjcmVhdGVTaW5nbGVDYXJkQWN0aXZpdHlTdHlsZSh7XG4gIGJ1YmJsZU1heFdpZHRoLFxuICBidWJibGVNaW5XaWR0aCxcbiAgcGFkZGluZ1JlZ3VsYXJcbn06IFN0cmljdFN0eWxlT3B0aW9ucykge1xuICByZXR1cm4ge1xuICAgICcmID4gLmJ1YmJsZS1ib3gnOiB7XG4gICAgICBtYXhXaWR0aDogYnViYmxlTWF4V2lkdGgsXG4gICAgICBtaW5XaWR0aDogYnViYmxlTWluV2lkdGhcbiAgICB9LFxuXG4gICAgJyYgPiAuZmlsbGVyJzoge1xuICAgICAgbWluV2lkdGg6IHBhZGRpbmdSZWd1bGFyXG4gICAgfVxuICB9O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFFZSxTQUFTQSw2QkFBNkJBLENBQUFDLElBQUEsRUFJOUI7RUFBQSxJQUhyQkMsY0FBYyxHQUFBRCxJQUFBLENBQWRDLGNBQWM7SUFDZEMsY0FBYyxHQUFBRixJQUFBLENBQWRFLGNBQWM7SUFDZEMsY0FBYyxHQUFBSCxJQUFBLENBQWRHLGNBQWM7RUFFZCxPQUFPO0lBQ0wsaUJBQWlCLEVBQUU7TUFDakJDLFFBQVEsRUFBRUgsY0FBYztNQUN4QkksUUFBUSxFQUFFSDtJQUNaLENBQUM7SUFFRCxhQUFhLEVBQUU7TUFDYkcsUUFBUSxFQUFFRjtJQUNaO0VBQ0YsQ0FBQztBQUNIIn0=

package/lib/Styles/StyleSet/SlottedActivityStatus.d.ts

@@ -0,0 +1,12 @@
+export default function createSlottedActivityStatus(): {
+    '&.webchat__slotted-activity-status': {
+        alignItems: string;
+        display: string;
+        gap: number;
+        marginTop: string;
+        '& .webchat__slotted-activity-status__pipe': {
+            fontSize: "var(--webchat__font-size--small)";
+        };
+    };
+};
+//# sourceMappingURL=SlottedActivityStatus.d.ts.map

package/lib/Styles/StyleSet/SlottedActivityStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlottedActivityStatus.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/SlottedActivityStatus.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,2BAA2B;;;;;;;;;;EAalD"}

package/lib/Styles/StyleSet/SlottedActivityStatus.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createSlottedActivityStatus;
+var _CSSTokens = _interopRequireDefault(require("../CSSTokens"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function createSlottedActivityStatus() {
+  return {
+    '&.webchat__slotted-activity-status': {
+      alignItems: 'center',
+      display: 'inline-flex',
+      gap: 4,
+      marginTop: "calc(".concat(_CSSTokens.default.PaddingRegular, " / 2)"),
+      '& .webchat__slotted-activity-status__pipe': {
+        fontSize: _CSSTokens.default.FontSizeSmall
+      }
+    }
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfQ1NTVG9rZW5zIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsInJlcXVpcmUiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsImNyZWF0ZVNsb3R0ZWRBY3Rpdml0eVN0YXR1cyIsImFsaWduSXRlbXMiLCJkaXNwbGF5IiwiZ2FwIiwibWFyZ2luVG9wIiwiY29uY2F0IiwiQ1NTVG9rZW5zIiwiUGFkZGluZ1JlZ3VsYXIiLCJmb250U2l6ZSIsIkZvbnRTaXplU21hbGwiXSwic291cmNlUm9vdCI6ImNvbXBvbmVudDovLy8iLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdHlsZXMvU3R5bGVTZXQvU2xvdHRlZEFjdGl2aXR5U3RhdHVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBDU1NUb2tlbnMgZnJvbSAnLi4vQ1NTVG9rZW5zJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gY3JlYXRlU2xvdHRlZEFjdGl2aXR5U3RhdHVzKCkge1xuICByZXR1cm4ge1xuICAgICcmLndlYmNoYXRfX3Nsb3R0ZWQtYWN0aXZpdHktc3RhdHVzJzoge1xuICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgICAgZ2FwOiA0LFxuICAgICAgbWFyZ2luVG9wOiBgY2FsYygke0NTU1Rva2Vucy5QYWRkaW5nUmVndWxhcn0gLyAyKWAsXG5cbiAgICAgICcmIC53ZWJjaGF0X19zbG90dGVkLWFjdGl2aXR5LXN0YXR1c19fcGlwZSc6IHtcbiAgICAgICAgZm9udFNpemU6IENTU1Rva2Vucy5Gb250U2l6ZVNtYWxsXG4gICAgICB9XG4gICAgfVxuICB9O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxVQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFBcUMsU0FBQUQsdUJBQUFFLEdBQUEsV0FBQUEsR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsR0FBQUQsR0FBQSxLQUFBRSxPQUFBLEVBQUFGLEdBQUE7QUFFdEIsU0FBU0csMkJBQTJCQSxDQUFBLEVBQUc7RUFDcEQsT0FBTztJQUNMLG9DQUFvQyxFQUFFO01BQ3BDQyxVQUFVLEVBQUUsUUFBUTtNQUNwQkMsT0FBTyxFQUFFLGFBQWE7TUFDdEJDLEdBQUcsRUFBRSxDQUFDO01BQ05DLFNBQVMsVUFBQUMsTUFBQSxDQUFVQyxrQkFBUyxDQUFDQyxjQUFjLFVBQU87TUFFbEQsMkNBQTJDLEVBQUU7UUFDM0NDLFFBQVEsRUFBRUYsa0JBQVMsQ0FBQ0c7TUFDdEI7SUFDRjtFQUNGLENBQUM7QUFDSCJ9