botframework-webchat-component 4.13.0 → 4.15.0

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

@@ -0,0 +1,123 @@
+import { StrictStyleOptions } from 'botframework-webchat-api';
+export default function createKeyboardHelpStyleSet({ paddingRegular, primaryFont }: StrictStyleOptions): {
+    '&.webchat__keyboard-help': {
+        fontFamily: string;
+        fontSize: number;
+        height: string;
+        margin: number;
+        outline: number;
+        '&:not(.webchat__keyboard-help--shown)': {
+            height: number;
+            margin: number;
+            overflow: string;
+            pointerEvents: string;
+            width: number;
+        };
+        '& .webchat__keyboard-help__box': {
+            borderRadius: number;
+            boxShadow: string;
+            boxSizing: string;
+            height: string;
+            padding: number;
+            position: string;
+            '@media (forced-colors: active)': {
+                boxShadow: string;
+                outlineColor: string;
+                outlineStyle: string;
+                outlineWidth: number;
+            };
+            '@media (forced-colors: none) and (prefers-color-scheme: dark)': {
+                boxShadow: string;
+            };
+        };
+        '& .webchat__keyboard-help__close-button': {
+            appearance: string;
+            backgroundColor: string;
+            borderColor: string;
+            borderRadius: number;
+            borderStyle: string;
+            borderWidth: number;
+            color: string;
+            height: number;
+            padding: number;
+            position: string;
+            right: number;
+            top: number;
+            width: number;
+            '@media (forced-colors: none) and (prefers-color-scheme: light)': {
+                '&:active': {
+                    backgroundColor: string;
+                };
+                '&:not(:active):hover': {
+                    backgroundColor: string;
+                };
+            };
+            '@media (forced-colors: none) and (prefers-color-scheme: dark)': {
+                borderColor: string;
+                '&:active': {
+                    backgroundColor: string;
+                };
+                '&:not(:active):hover': {
+                    backgroundColor: string;
+                };
+            };
+        };
+        '& .webchat__keyboard-help__close-button_image': {
+            fill: string;
+            height: number;
+            width: number;
+            '@media (forced-colors: active)': {
+                fill: string;
+            };
+            '@media (forced-colors: none) and (prefers-color-scheme: dark)': {
+                fill: string;
+            };
+        };
+        '& .webchat__keyboard-help__header, & .webchat__keyboard-help__sub-header': {
+            marginBottom: number;
+            marginTop: number;
+        };
+        '& .webchat__keyboard-help__section': {
+            marginBottom: number;
+        };
+        '& .webchat__keyboard-help__two-panes': {
+            alignItems: string;
+            display: string;
+        };
+        '& .webchat__keyboard-help__image': {
+            flexShrink: number;
+            paddingRight: number;
+        };
+        '& .webchat__keyboard-help__image--dark, & .webchat__keyboard-help__image--high-contrast': {
+            display: string;
+        };
+        '@media (forced-colors: active)': {
+            '& .webchat__keyboard-help__image--dark, & .webchat__keyboard-help__image--light': {
+                display: string;
+            };
+            '& .webchat__keyboard-help__image--high-contrast': {
+                display: string;
+            };
+        };
+        '@media (forced-colors: none) and (prefers-color-scheme: dark)': {
+            backgroundColor: string;
+            color: string;
+            '& .webchat__keyboard-help__image--light': {
+                display: string;
+            };
+            '& .webchat__keyboard-help__image--dark': {
+                display: string;
+            };
+        };
+        '& .webchat__keyboard-help__notes': {
+            marginBottom: number;
+        };
+        '& .webchat__keyboard-help__notes-header': {
+            margin: number;
+        };
+        '& .webchat__keyboard-help__notes-text': {
+            margin: number;
+        };
+    };
+};
+//# sourceMappingURL=KeyboardHelp.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardHelp.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/KeyboardHelp.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,EAAE,cAAc,EAAE,WAAW,EAAE,EAAE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuJrG"}

package/lib/Styles/StyleSet/KeyboardHelp.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createKeyboardHelpStyleSet;
+
+// Numbers are commonly used in CSS.
+
+/* eslint-disable no-magic-numbers */
+function createKeyboardHelpStyleSet(_ref) {
+  var paddingRegular = _ref.paddingRegular,
+      primaryFont = _ref.primaryFont;
+  return {
+    '&.webchat__keyboard-help': {
+      fontFamily: primaryFont,
+      fontSize: 14,
+      height: '100%',
+      margin: paddingRegular,
+      outline: 0,
+      '&:not(.webchat__keyboard-help--shown)': {
+        height: 0,
+        margin: 0,
+        overflow: 'hidden',
+        pointerEvents: 'none',
+        width: 0
+      },
+      '& .webchat__keyboard-help__box': {
+        // From Power BI:
+        // boxShadow: '0 6.4px 14.4px rgb(0 0 0 / 13%), 0 1.2px 3.6px rgb(0 0 0 / 11%)',
+        // From Fluent (depth-16 for teaching callouts):
+        borderRadius: 2,
+        boxShadow: '0px 8px 16px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12)',
+        boxSizing: 'border-box',
+        height: '100%',
+        padding: paddingRegular * 2,
+        position: 'relative',
+        '@media (forced-colors: active)': {
+          boxShadow: 'none',
+          outlineColor: 'white',
+          outlineStyle: 'solid',
+          outlineWidth: 4
+        },
+        '@media (forced-colors: none) and (prefers-color-scheme: dark)': {
+          boxShadow: '0px 8px 16px rgba(0, 0, 0, 0.28), 0px 0px 2px rgba(0, 0, 0, 0.24)'
+        }
+      },
+      '& .webchat__keyboard-help__close-button': {
+        appearance: 'none',
+        backgroundColor: 'transparent',
+        borderColor: 'black',
+        borderRadius: 4,
+        borderStyle: 'solid',
+        borderWidth: 2,
+        color: '#999',
+        height: 34,
+        padding: 0,
+        position: 'absolute',
+        right: paddingRegular,
+        top: paddingRegular,
+        width: 34,
+        '@media (forced-colors: none) and (prefers-color-scheme: light)': {
+          '&:active': {
+            backgroundColor: '#EDEBE9' // neutralLight (gray30)
+
+          },
+          '&:not(:active):hover': {
+            backgroundColor: '#F3F2F1' // neutralLighter (gray20)
+
+          }
+        },
+        '@media (forced-colors: none) and (prefers-color-scheme: dark)': {
+          borderColor: 'white',
+          '&:active': {
+            backgroundColor: '#292827' // neutralLight (gray30)
+
+          },
+          '&:not(:active):hover': {
+            backgroundColor: '#252423' // neutralLight (gray30)
+
+          }
+        }
+      },
+      '& .webchat__keyboard-help__close-button_image': {
+        fill: '#323130',
+        // neutralPrimary (gray160)
+        height: 10,
+        width: 10,
+        '@media (forced-colors: active)': {
+          fill: 'White'
+        },
+        '@media (forced-colors: none) and (prefers-color-scheme: dark)': {
+          fill: '#F3F2F1' // neutralPrimary (gray160)
+
+        }
+      },
+      '& .webchat__keyboard-help__header, & .webchat__keyboard-help__sub-header': {
+        marginBottom: paddingRegular / 2,
+        marginTop: 0
+      },
+      '& .webchat__keyboard-help__section': {
+        marginBottom: paddingRegular
+      },
+      '& .webchat__keyboard-help__two-panes': {
+        alignItems: 'flex-start',
+        display: 'flex'
+      },
+      '& .webchat__keyboard-help__image': {
+        flexShrink: 10000,
+        paddingRight: paddingRegular
+      },
+      '& .webchat__keyboard-help__image--dark, & .webchat__keyboard-help__image--high-contrast': {
+        display: 'none'
+      },
+      '@media (forced-colors: active)': {
+        '& .webchat__keyboard-help__image--dark, & .webchat__keyboard-help__image--light': {
+          display: 'none'
+        },
+        '& .webchat__keyboard-help__image--high-contrast': {
+          display: 'unset'
+        }
+      },
+      '@media (forced-colors: none) and (prefers-color-scheme: dark)': {
+        backgroundColor: 'black',
+        color: '#F3F2F1',
+        '& .webchat__keyboard-help__image--light': {
+          display: 'none'
+        },
+        '& .webchat__keyboard-help__image--dark': {
+          display: 'unset'
+        }
+      },
+      '& .webchat__keyboard-help__notes': {
+        marginBottom: paddingRegular
+      },
+      '& .webchat__keyboard-help__notes-header': {
+        margin: 0
+      },
+      '& .webchat__keyboard-help__notes-text': {
+        margin: 0
+      }
+    }
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdHlsZXMvU3R5bGVTZXQvS2V5Ym9hcmRIZWxwLnRzIl0sIm5hbWVzIjpbImNyZWF0ZUtleWJvYXJkSGVscFN0eWxlU2V0IiwicGFkZGluZ1JlZ3VsYXIiLCJwcmltYXJ5Rm9udCIsImZvbnRGYW1pbHkiLCJmb250U2l6ZSIsImhlaWdodCIsIm1hcmdpbiIsIm91dGxpbmUiLCJvdmVyZmxvdyIsInBvaW50ZXJFdmVudHMiLCJ3aWR0aCIsImJvcmRlclJhZGl1cyIsImJveFNoYWRvdyIsImJveFNpemluZyIsInBhZGRpbmciLCJwb3NpdGlvbiIsIm91dGxpbmVDb2xvciIsIm91dGxpbmVTdHlsZSIsIm91dGxpbmVXaWR0aCIsImFwcGVhcmFuY2UiLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXJDb2xvciIsImJvcmRlclN0eWxlIiwiYm9yZGVyV2lkdGgiLCJjb2xvciIsInJpZ2h0IiwidG9wIiwiZmlsbCIsIm1hcmdpbkJvdHRvbSIsIm1hcmdpblRvcCIsImFsaWduSXRlbXMiLCJkaXNwbGF5IiwiZmxleFNocmluayIsInBhZGRpbmdSaWdodCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBOztBQUNBO0FBSWUsU0FBU0EsMEJBQVQsT0FBeUY7QUFBQSxNQUFuREMsY0FBbUQsUUFBbkRBLGNBQW1EO0FBQUEsTUFBbkNDLFdBQW1DLFFBQW5DQSxXQUFtQztBQUN0RyxTQUFPO0FBQ0wsZ0NBQTRCO0FBQzFCQyxNQUFBQSxVQUFVLEVBQUVELFdBRGM7QUFFMUJFLE1BQUFBLFFBQVEsRUFBRSxFQUZnQjtBQUcxQkMsTUFBQUEsTUFBTSxFQUFFLE1BSGtCO0FBSTFCQyxNQUFBQSxNQUFNLEVBQUVMLGNBSmtCO0FBSzFCTSxNQUFBQSxPQUFPLEVBQUUsQ0FMaUI7QUFPMUIsK0NBQXlDO0FBQ3ZDRixRQUFBQSxNQUFNLEVBQUUsQ0FEK0I7QUFFdkNDLFFBQUFBLE1BQU0sRUFBRSxDQUYrQjtBQUd2Q0UsUUFBQUEsUUFBUSxFQUFFLFFBSDZCO0FB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LFNBRG5EO0FBS2hDLDJEQUFtRDtBQUNqREEsVUFBQUEsT0FBTyxFQUFFO0FBRHdDO0FBTG5CLE9BakhSO0FBMkgxQix1RUFBaUU7QUFDL0RYLFFBQUFBLGVBQWUsRUFBRSxPQUQ4QztBQUUvREksUUFBQUEsS0FBSyxFQUFFLFNBRndEO0FBSS9ELG1EQUEyQztBQUN6Q08sVUFBQUEsT0FBTyxFQUFFO0FBRGdDLFNBSm9CO0FBUS9ELGtEQUEwQztBQUN4Q0EsVUFBQUEsT0FBTyxFQUFFO0FBRCtCO0FBUnFCLE9BM0h2QztBQXdJMUIsMENBQW9DO0FBQ2xDSCxRQUFBQSxZQUFZLEVBQUUzQjtBQURvQixPQXhJVjtBQTRJMUIsaURBQTJDO0FBQ3pDSyxRQUFBQSxNQUFNLEVBQUU7QUFEaUMsT0E1SWpCO0FBZ0oxQiwrQ0FBeUM7QUFDdkNBLFFBQUFBLE1BQU0sRUFBRTtBQUQrQjtBQWhKZjtBQUR2QixHQUFQO0FBc0pEIiwic291cmNlUm9vdCI6ImNvbXBvbmVudDovLy8iLCJzb3VyY2VzQ29udGVudCI6WyIvLyBOdW1iZXJzIGFyZSBjb21tb25seSB1c2VkIGluIENTUy5cbi8qIGVzbGludC1kaXNhYmxlIG5vLW1hZ2ljLW51bWJlcnMgKi9cblxuaW1wb3J0IHsgU3RyaWN0U3R5bGVPcHRpb25zIH0gZnJvbSAnYm90ZnJhbWV3b3JrLXdlYmNoYXQtYXBpJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gY3JlYXRlS2V5Ym9hcmRIZWxwU3R5bGVTZXQoeyBwYWRkaW5nUmVndWxhciwgcHJpbWFyeUZvbnQgfTogU3RyaWN0U3R5bGVPcHRpb25zKSB7XG4gIHJldHVybiB7XG4gICAgJyYud2ViY2hhdF9fa2V5Ym9hcmQtaGVscCc6IHtcbiAgICAgIGZvbnRGYW1pbHk6IHByaW1hcnlGb250LFxuICAgICAgZm9udFNpemU6IDE0LFxuICAgICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgICBtYXJnaW46IHBhZGRpbmdSZWd1bGFyLFxuICAgICAgb3V0bGluZTogMCxcblxuICAgICAgJyY6bm90KC53ZWJjaGF0X19rZXlib2FyZC1oZWxwLS1zaG93biknOiB7XG4gICAgICAgIGhlaWdodDogMCxcbiAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICAgICAgd2lkdGg6IDBcbiAgICAgIH0sXG5cbiAgICAgICcmIC53ZWJjaGF0X19rZXlib2FyZC1oZWxwX19ib3gnOiB7XG4gICAgICAgIC8vIEZyb20gUG93ZXIgQkk6XG4gICAgICAgIC8vIGJveFNoYWRvdzogJzAgNi40cHggMTQuNHB4IHJnYigwIDAgMCAvIDEzJSksIDAgMS4ycHggMy42cHggcmdiKDAgMCAwIC8gMTElKScsXG4gICAgICAgIC8vIEZyb20gRmx1ZW50IChkZXB0aC0xNiBmb3IgdGVhY2hpbmcgY2FsbG91dHMpOlxuICAgICAgICBib3JkZXJSYWRpdXM6IDIsXG4gICAgICAgIGJveFNoYWRvdzogJzBweCA4cHggMTZweCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwcHggMHB4IDJweCByZ2JhKDAsIDAsIDAsIDAuMTIpJyxcbiAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgIGhlaWdodDogJzEwMCUnLFxuICAgICAgICBwYWRkaW5nOiBwYWRkaW5nUmVndWxhciAqIDIsXG4gICAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuXG4gICAgICAgICdAbWVkaWEgKGZvcmNlZC1jb2xvcnM6IGFjdGl2ZSknOiB7XG4gICAgICAgICAgYm94U2hhZG93OiAnbm9uZScsXG4gICAgICAgICAgb3V0bGluZUNvbG9yOiAnd2hpdGUnLFxuICAgICAgICAgIG91dGxpbmVTdHlsZTogJ3NvbGlkJyxcbiAgICAgICAgICBvdXRsaW5lV2lkdGg6IDRcbiAgICAgICAgfSxcblxuICAgICAgICAnQG1lZGlhIChmb3JjZWQtY29sb3JzOiBub25lKSBhbmQgKHByZWZlcnMtY29sb3Itc2NoZW1lOiBkYXJrKSc6IHtcbiAgICAgICAgICBib3hTaGFkb3c6ICcwcHggOHB4IDE2cHggcmdiYSgwLCAwLCAwLCAwLjI4KSwgMHB4IDBweCAycHggcmdiYSgwLCAwLCAwLCAwLjI0KSdcbiAgICAgICAgfVxuICAgICAgfSxcblxuICAgICAgJyYgLndlYmNoYXRfX2tleWJvYXJkLWhlbHBfX2Nsb3NlLWJ1dHRvbic6IHtcbiAgICAgICAgYXBwZWFyYW5jZTogJ25vbmUnLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gICAgICAgIGJvcmRlckNvbG9yOiAnYmxhY2snLFxuICAgICAgICBib3JkZXJSYWRpdXM6IDQsXG4gICAgICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgICAgICBib3JkZXJXaWR0aDogMixcbiAgICAgICAgY29sb3I6ICcjOTk5JyxcbiAgICAgICAgaGVpZ2h0OiAzNCxcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIHJpZ2h0OiBwYWRkaW5nUmVndWxhcixcbiAgICAgICAgdG9wOiBwYWRkaW5nUmVndWxhcixcbiAgICAgICAgd2lkdGg6IDM0LFxuXG4gICAgICAgICdAbWVkaWEgKGZvcmNlZC1jb2xvcnM6IG5vbmUpIGFuZCAocHJlZmVycy1jb2xvci1zY2hlbWU6IGxpZ2h0KSc6IHtcbiAgICAgICAgICAnJjphY3RpdmUnOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjRURFQkU5JyAvLyBuZXV0cmFsTGlnaHQgKGdyYXkzMClcbiAgICAgICAgICB9LFxuXG4gICAgICAgICAgJyY6bm90KDphY3RpdmUpOmhvdmVyJzoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAnI0YzRjJGMScgLy8gbmV1dHJhbExpZ2h0ZXIgKGdyYXkyMClcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG5cbiAgICAgICAgJ0BtZWRpYSAoZm9yY2VkLWNvbG9yczogbm9uZSkgYW5kIChwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyayknOiB7XG4gICAgICAgICAgYm9yZGVyQ29sb3I6ICd3aGl0ZScsXG5cbiAgICAgICAgICAnJjphY3RpdmUnOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjMjkyODI3JyAvLyBuZXV0cmFsTGlnaHQgKGdyYXkzMClcbiAgICAgICAgICB9LFxuXG4gICAgICAgICAgJyY6bm90KDphY3RpdmUpOmhvdmVyJzoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAnIzI1MjQyMycgLy8gbmV1dHJhbExpZ2h0IChncmF5MzApXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9LFxuXG4gICAgICAnJiAud2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9fY2xvc2UtYnV0dG9uX2ltYWdlJzoge1xuICAgICAgICBmaWxsOiAnIzMyMzEzMCcsIC8vIG5ldXRyYWxQcmltYXJ5IChncmF5MTYwKVxuICAgICAgICBoZWlnaHQ6IDEwLFxuICAgICAgICB3aWR0aDogMTAsXG5cbiAgICAgICAgJ0BtZWRpYSAoZm9yY2VkLWNvbG9yczogYWN0aXZlKSc6IHtcbiAgICAgICAgICBmaWxsOiAnV2hpdGUnXG4gICAgICAgIH0sXG5cbiAgICAgICAgJ0BtZWRpYSAoZm9yY2VkLWNvbG9yczogbm9uZSkgYW5kIChwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyayknOiB7XG4gICAgICAgICAgZmlsbDogJyNGM0YyRjEnIC8vIG5ldXRyYWxQcmltYXJ5IChncmF5MTYwKVxuICAgICAgICB9XG4gICAgICB9LFxuXG4gICAgICAnJiAud2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9faGVhZGVyLCAmIC53ZWJjaGF0X19rZXlib2FyZC1oZWxwX19zdWItaGVhZGVyJzoge1xuICAgICAgICBtYXJnaW5Cb3R0b206IHBhZGRpbmdSZWd1bGFyIC8gMixcbiAgICAgICAgbWFyZ2luVG9wOiAwXG4gICAgICB9LFxuXG4gICAgICAnJiAud2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9fc2VjdGlvbic6IHtcbiAgICAgICAgbWFyZ2luQm90dG9tOiBwYWRkaW5nUmVndWxhclxuICAgICAgfSxcblxuICAgICAgJyYgLndlYmNoYXRfX2tleWJvYXJkLWhlbHBfX3R3by1wYW5lcyc6IHtcbiAgICAgICAgYWxpZ25JdGVtczogJ2ZsZXgtc3RhcnQnLFxuICAgICAgICBkaXNwbGF5OiAnZmxleCdcbiAgICAgIH0sXG5cbiAgICAgICcmIC53ZWJjaGF0X19rZXlib2FyZC1oZWxwX19pbWFnZSc6IHtcbiAgICAgICAgZmxleFNocmluazogMTAwMDAsXG4gICAgICAgIHBhZGRpbmdSaWdodDogcGFkZGluZ1JlZ3VsYXJcbiAgICAgIH0sXG5cbiAgICAgICcmIC53ZWJjaGF0X19rZXlib2FyZC1oZWxwX19pbWFnZS0tZGFyaywgJiAud2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9faW1hZ2UtLWhpZ2gtY29udHJhc3QnOiB7XG4gICAgICAgIGRpc3BsYXk6ICdub25lJ1xuICAgICAgfSxcblxuICAgICAgJ0BtZWRpYSAoZm9yY2VkLWNvbG9yczogYWN0aXZlKSc6IHtcbiAgICAgICAgJyYgLndlYmNoYXRfX2tleWJvYXJkLWhlbHBfX2ltYWdlLS1kYXJrLCAmIC53ZWJjaGF0X19rZXlib2FyZC1oZWxwX19pbWFnZS0tbGlnaHQnOiB7XG4gICAgICAgICAgZGlzcGxheTogJ25vbmUnXG4gICAgICAgIH0sXG5cbiAgICAgICAgJyYgLndlYmNoYXRfX2tleWJvYXJkLWhlbHBfX2ltYWdlLS1oaWdoLWNvbnRyYXN0Jzoge1xuICAgICAgICAgIGRpc3BsYXk6ICd1bnNldCdcbiAgICAgICAgfVxuICAgICAgfSxcblxuICAgICAgJ0BtZWRpYSAoZm9yY2VkLWNvbG9yczogbm9uZSkgYW5kIChwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyayknOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ2JsYWNrJyxcbiAgICAgICAgY29sb3I6ICcjRjNGMkYxJyxcblxuICAgICAgICAnJiAud2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9faW1hZ2UtLWxpZ2h0Jzoge1xuICAgICAgICAgIGRpc3BsYXk6ICdub25lJ1xuICAgICAgICB9LFxuXG4gICAgICAgICcmIC53ZWJjaGF0X19rZXlib2FyZC1oZWxwX19pbWFnZS0tZGFyayc6IHtcbiAgICAgICAgICBkaXNwbGF5OiAndW5zZXQnXG4gICAgICAgIH1cbiAgICAgIH0sXG5cbiAgICAgICcmIC53ZWJjaGF0X19rZXlib2FyZC1oZWxwX19ub3Rlcyc6IHtcbiAgICAgICAgbWFyZ2luQm90dG9tOiBwYWRkaW5nUmVndWxhclxuICAgICAgfSxcblxuICAgICAgJyYgLndlYmNoYXRfX2tleWJvYXJkLWhlbHBfX25vdGVzLWhlYWRlcic6IHtcbiAgICAgICAgbWFyZ2luOiAwXG4gICAgICB9LFxuXG4gICAgICAnJiAud2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9fbm90ZXMtdGV4dCc6IHtcbiAgICAgICAgbWFyZ2luOiAwXG4gICAgICB9XG4gICAgfVxuICB9O1xufVxuIl19

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

@@ -0,0 +1,13 @@
+import { StrictStyleOptions } from 'botframework-webchat-api';
+export default function createMicrophoneButtonStyle({ microphoneButtonColorOnDictate }: StrictStyleOptions): {
+    '&.webchat__microphone-button': {
+        '&.webchat__microphone-button--dictating .webchat__microphone-button__button': {
+            '&, &:focus, &:hover': {
+                '& .webchat__microphone-button__icon': {
+                    fill: string;
+                };
+            };
+        };
+    };
+};
+//# sourceMappingURL=MicrophoneButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MicrophoneButton.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/MicrophoneButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,EAAE,8BAA8B,EAAE,EAAE,kBAAkB;;;;;;;;;;EAYzG"}

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

@@ -0,0 +1,8 @@
+import { StrictStyleOptions } from 'botframework-webchat-api';
+export default function ({ backgroundColor, rootHeight: height, rootWidth: width, rootZIndex: zIndex }: StrictStyleOptions): {
+    backgroundColor: string;
+    height: string | number;
+    width: string | number;
+    zIndex: number;
+};
+//# sourceMappingURL=Root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/Root.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,WAAW,EACvB,eAAe,EACf,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,KAAK,EAChB,UAAU,EAAE,MAAM,EACnB,EAAE,kBAAkB;;;;;EAOpB"}

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

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = createScrollToEndButtonStyle;
 
 function createScrollToEndButtonStyle(_ref) {
-  var newMessagesButtonFontSize = _ref.newMessagesButtonFontSize,
-      paddingRegular = _ref.paddingRegular,
+  var paddingRegular = _ref.paddingRegular,
       primaryFont = _ref.primaryFont,
+      scrollToEndButtonFontSize = _ref.scrollToEndButtonFontSize,
       transcriptOverlayButtonBackground = _ref.transcriptOverlayButtonBackground,
       transcriptOverlayButtonBackgroundOnFocus = _ref.transcriptOverlayButtonBackgroundOnFocus,
       transcriptOverlayButtonBackgroundOnHover = _ref.transcriptOverlayButtonBackgroundOnHover,
@@ -16,38 +16,40 @@ function createScrollToEndButtonStyle(_ref) {
       transcriptOverlayButtonColorOnFocus = _ref.transcriptOverlayButtonColorOnFocus,
       transcriptOverlayButtonColorOnHover = _ref.transcriptOverlayButtonColorOnHover;
   return {
-    // TODO: [P3] Can we not to unset borderWidth and outline earlier?
-    '@media screen and (-ms-high-contrast: active)': {
-      borderWidth: 'initial',
-      outline: 'initial'
-    },
-    appearance: 'none',
-    backgroundColor: transcriptOverlayButtonBackground,
-    borderRadius: paddingRegular,
-    borderWidth: 0,
-    bottom: 5,
-    color: transcriptOverlayButtonColor,
-    fontFamily: primaryFont,
-    fontSize: newMessagesButtonFontSize,
-    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__overlay--rtl)': {
-      right: 20
-    },
-    '&.webchat__overlay--rtl': {
-      left: 20
+    '&.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdHlsZXMvU3R5bGVTZXQvU2Nyb2xsVG9FbmRCdXR0b24udHMiXSwibmFtZXMiOlsiY3JlYXRlU2Nyb2xsVG9FbmRCdXR0b25TdHlsZSIsIm5ld01lc3NhZ2VzQnV0dG9uRm9udFNpemUiLCJwYWRkaW5nUmVndWxhciIsInByaW1hcnlGb250IiwidHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kIiwidHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kT25Gb2N1cyIsInRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZE9uSG92ZXIiLCJ0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yIiwidHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvck9uRm9jdXMiLCJ0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yT25Ib3ZlciIsImJvcmRlcldpZHRoIiwib3V0bGluZSIsImFwcGVhcmFuY2UiLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXJSYWRpdXMiLCJib3R0b20iLCJjb2xvciIsImZvbnRGYW1pbHkiLCJmb250U2l6ZSIsInBhZGRpbmciLCJwb3NpdGlvbiIsInpJbmRleCIsInJpZ2h0IiwibGVmdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUVlLFNBQVNBLDRCQUFULE9BVVE7QUFBQSxNQVRyQkMseUJBU3FCLFFBVHJCQSx5QkFTcUI7QUFBQSxNQVJyQkMsY0FRcUIsUUFSckJBLGNBUXFCO0FBQUEsTUFQckJDLFdBT3FCLFFBUHJCQSxXQU9xQjtBQUFBLE1BTnJCQyxpQ0FNcUIsUUFOckJBLGlDQU1xQjtBQUFBLE1BTHJCQyx3Q0FLcUIsUUFMckJBLHdDQUtxQjtBQUFBLE1BSnJCQyx3Q0FJcUIsUUFKckJBLHdDQUlxQjtBQUFBLE1BSHJCQyw0QkFHcUIsUUFIckJBLDRCQUdxQjtBQUFBLE1BRnJCQyxtQ0FFcUIsUUFGckJBLG1DQUVxQjtBQUFBLE1BRHJCQyxtQ0FDcUIsUUFEckJBLG1DQUNxQjtBQUNyQixTQUFPO0FBQ0w7QUFDQSxxREFBaUQ7QUFDL0NDLE1BQUFBLFdBQVcsRUFBRSxTQURrQztBQUUvQ0MsTUFBQUEsT0FBTyxFQUFFO0FBRnNDLEtBRjVDO0FBT0xDLElBQUFBLFVBQVUsRUFBRSxNQVBQO0FBUUxDLElBQUFBLGVBQWUsRUFBRVQsaUNBUlo7QUFTTFUsSUFBQUEsWUFBWSxFQUFFWixjQVRUO0FBVUxRLElBQUFBLFdBQVcsRUFBRSxDQVZSO0FBV0xLLElBQUFBLE1BQU0sRUFBRSxDQVhIO0FBWUxDLElBQUFBLEtBQUssRUFBRVQsNEJBWkY7QUFhTFUsSUFBQUEsVUFBVSxFQUFFZCxXQWJQO0FBY0xlLElBQUFBLFFBQVEsRUFBRWpCLHlCQWRMO0FBZUxVLElBQUFBLE9BQU8sRUFBRSxDQWZKO0FBZ0JMUSxJQUFBQSxPQUFPLEVBQUVqQixjQWhCSjtBQWlCTGtCLElBQUFBLFFBQVEsRUFBRSxVQWpCTDtBQWtCTEMsSUFBQUEsTUFBTSxFQUFFLENBbEJIO0FBa0JNO0FBRVgsZUFBVztBQUNUUixNQUFBQSxlQUFlLEVBQUVQLHdDQURSO0FBRVRVLE1BQUFBLEtBQUssRUFBRVAsbUNBQW1DLElBQUlGO0FBRnJDLEtBcEJOO0FBeUJMLGVBQVc7QUFDVE0sTUFBQUEsZUFBZSxFQUFFUix3Q0FEUjtBQUVUVyxNQUFBQSxLQUFLLEVBQUVSLG1DQUFtQyxJQUFJRDtBQUZyQyxLQXpCTjtBQThCTCxxQ0FBaUM7QUFDL0JlLE1BQUFBLEtBQUssRUFBRTtBQUR3QixLQTlCNUI7QUFrQ0wsK0JBQTJCO0FBQ3pCQyxNQUFBQSxJQUFJLEVBQUU7QUFEbUI7QUFsQ3RCLEdBQVA7QUFzQ0QiLCJzb3VyY2VSb290IjoiY29tcG9uZW50Oi8vLyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFN0cmljdFN0eWxlT3B0aW9ucyB9IGZyb20gJ2JvdGZyYW1ld29yay13ZWJjaGF0LWFwaSc7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGNyZWF0ZVNjcm9sbFRvRW5kQnV0dG9uU3R5bGUoe1xuICBuZXdNZXNzYWdlc0J1dHRvbkZvbnRTaXplLFxuICBwYWRkaW5nUmVndWxhcixcbiAgcHJpbWFyeUZvbnQsXG4gIHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZCxcbiAgdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kT25Gb2N1cyxcbiAgdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kT25Ib3ZlcixcbiAgdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvcixcbiAgdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvck9uRm9jdXMsXG4gIHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQ29sb3JPbkhvdmVyXG59OiBTdHJpY3RTdHlsZU9wdGlvbnMpIHtcbiAgcmV0dXJuIHtcbiAgICAvLyBUT0RPOiBbUDNdIENhbiB3ZSBub3QgdG8gdW5zZXQgYm9yZGVyV2lkdGggYW5kIG91dGxpbmUgZWFybGllcj9cbiAgICAnQG1lZGlhIHNjcmVlbiBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpJzoge1xuICAgICAgYm9yZGVyV2lkdGg6ICdpbml0aWFsJyxcbiAgICAgIG91dGxpbmU6ICdpbml0aWFsJ1xuICAgIH0sXG5cbiAgICBhcHBlYXJhbmNlOiAnbm9uZScsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkJhY2tncm91bmQsXG4gICAgYm9yZGVyUmFkaXVzOiBwYWRkaW5nUmVndWxhcixcbiAgICBib3JkZXJXaWR0aDogMCxcbiAgICBib3R0b206IDUsXG4gICAgY29sb3I6IHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQ29sb3IsXG4gICAgZm9udEZhbWlseTogcHJpbWFyeUZvbnQsXG4gICAgZm9udFNpemU6IG5ld01lc3NhZ2VzQnV0dG9uRm9udFNpemUsXG4gICAgb3V0bGluZTogMCxcbiAgICBwYWRkaW5nOiBwYWRkaW5nUmVndWxhcixcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICB6SW5kZXg6IDEsIC8vIFdlIGZvcm1lZCBhIHN0YWNraW5nIGNvbnRleHQgaW4gdGhlIHBhcmVudCBjb250YWluZXIsIHNvIHdlIGNhbiB1c2UgXCJ6LWluZGV4XCIgaGVyZS5cblxuICAgICcmOmhvdmVyJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkJhY2tncm91bmRPbkhvdmVyLFxuICAgICAgY29sb3I6IHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQ29sb3JPbkhvdmVyIHx8IHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQ29sb3JcbiAgICB9LFxuXG4gICAgJyY6Zm9jdXMnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZE9uRm9jdXMsXG4gICAgICBjb2xvcjogdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvck9uRm9jdXMgfHwgdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvclxuICAgIH0sXG5cbiAgICAnJjpub3QoLndlYmNoYXRfX292ZXJsYXktLXJ0bCknOiB7XG4gICAgICByaWdodDogMjBcbiAgICB9LFxuXG4gICAgJyYud2ViY2hhdF9fb3ZlcmxheS0tcnRsJzoge1xuICAgICAgbGVmdDogMjBcbiAgICB9XG4gIH07XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdHlsZXMvU3R5bGVTZXQvU2Nyb2xsVG9FbmRCdXR0b24udHMiXSwibmFtZXMiOlsiY3JlYXRlU2Nyb2xsVG9FbmRCdXR0b25TdHlsZSIsInBhZGRpbmdSZWd1bGFyIiwicHJpbWFyeUZvbnQiLCJzY3JvbGxUb0VuZEJ1dHRvbkZvbnRTaXplIiwidHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kIiwidHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kT25Gb2N1cyIsInRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZE9uSG92ZXIiLCJ0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yIiwidHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvck9uRm9jdXMiLCJ0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yT25Ib3ZlciIsImJvcmRlcldpZHRoIiwib3V0bGluZSIsImFwcGVhcmFuY2UiLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXJSYWRpdXMiLCJib3R0b20iLCJjb2xvciIsImZvbnRGYW1pbHkiLCJmb250U2l6ZSIsInBhZGRpbmciLCJwb3NpdGlvbiIsInpJbmRleCIsInJpZ2h0IiwibGVmdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUVlLFNBQVNBLDRCQUFULE9BVVE7QUFBQSxNQVRyQkMsY0FTcUIsUUFUckJBLGNBU3FCO0FBQUEsTUFSckJDLFdBUXFCLFFBUnJCQSxXQVFxQjtBQUFBLE1BUHJCQyx5QkFPcUIsUUFQckJBLHlCQU9xQjtBQUFBLE1BTnJCQyxpQ0FNcUIsUUFOckJBLGlDQU1xQjtBQUFBLE1BTHJCQyx3Q0FLcUIsUUFMckJBLHdDQUtxQjtBQUFBLE1BSnJCQyx3Q0FJcUIsUUFKckJBLHdDQUlxQjtBQUFBLE1BSHJCQyw0QkFHcUIsUUFIckJBLDRCQUdxQjtBQUFBLE1BRnJCQyxtQ0FFcUIsUUFGckJBLG1DQUVxQjtBQUFBLE1BRHJCQyxtQ0FDcUIsUUFEckJBLG1DQUNxQjtBQUNyQixTQUFPO0FBQ0wsdUNBQW1DO0FBQ2pDO0FBQ0EsbURBQTZDO0FBQzNDQyxRQUFBQSxXQUFXLEVBQUUsU0FEOEI7QUFFM0NDLFFBQUFBLE9BQU8sRUFBRTtBQUZrQyxPQUZaO0FBT2pDQyxNQUFBQSxVQUFVLEVBQUUsTUFQcUI7QUFRakNDLE1BQUFBLGVBQWUsRUFBRVQsaUNBUmdCO0FBU2pDVSxNQUFBQSxZQUFZLEVBQUViLGNBVG1CO0FBVWpDUyxNQUFBQSxXQUFXLEVBQUUsQ0FWb0I7QUFXakNLLE1BQUFBLE1BQU0sRUFBRSxDQVh5QjtBQVlqQ0MsTUFBQUEsS0FBSyxFQUFFVCw0QkFaMEI7QUFhakNVLE1BQUFBLFVBQVUsRUFBRWYsV0FicUI7QUFjakNnQixNQUFBQSxRQUFRLEVBQUVmLHlCQWR1QjtBQWVqQ1EsTUFBQUEsT0FBTyxFQUFFLENBZndCO0FBZ0JqQ1EsTUFBQUEsT0FBTyxFQUFFbEIsY0FoQndCO0FBaUJqQ21CLE1BQUFBLFFBQVEsRUFBRSxVQWpCdUI7QUFrQmpDQyxNQUFBQSxNQUFNLEVBQUUsQ0FsQnlCO0FBa0J0QjtBQUVYLGlCQUFXO0FBQ1RSLFFBQUFBLGVBQWUsRUFBRVAsd0NBRFI7QUFFVFUsUUFBQUEsS0FBSyxFQUFFUCxtQ0FBbUMsSUFBSUY7QUFGckMsT0FwQnNCO0FBeUJqQyxpQkFBVztBQUNUTSxRQUFBQSxlQUFlLEVBQUVSLHdDQURSO0FBRVRXLFFBQUFBLEtBQUssRUFBRVIsbUNBQW1DLElBQUlEO0FBRnJDLE9BekJzQjtBQThCakMsb0RBQThDO0FBQzVDZSxRQUFBQSxLQUFLLEVBQUU7QUFEcUMsT0E5QmI7QUFrQ2pDLDhDQUF3QztBQUN0Q0MsUUFBQUEsSUFBSSxFQUFFO0FBRGdDO0FBbENQO0FBRDlCLEdBQVA7QUF3Q0QiLCJzb3VyY2VSb290IjoiY29tcG9uZW50Oi8vLyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFN0cmljdFN0eWxlT3B0aW9ucyB9IGZyb20gJ2JvdGZyYW1ld29yay13ZWJjaGF0LWFwaSc7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGNyZWF0ZVNjcm9sbFRvRW5kQnV0dG9uU3R5bGUoe1xuICBwYWRkaW5nUmVndWxhcixcbiAgcHJpbWFyeUZvbnQsXG4gIHNjcm9sbFRvRW5kQnV0dG9uRm9udFNpemUsXG4gIHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZCxcbiAgdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kT25Gb2N1cyxcbiAgdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kT25Ib3ZlcixcbiAgdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvcixcbiAgdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvck9uRm9jdXMsXG4gIHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQ29sb3JPbkhvdmVyXG59OiBTdHJpY3RTdHlsZU9wdGlvbnMpIHtcbiAgcmV0dXJuIHtcbiAgICAnJi53ZWJjaGF0X19zY3JvbGwtdG8tZW5kLWJ1dHRvbic6IHtcbiAgICAgIC8vIFRPRE86IFtQM10gQ2FuIHdlIG5vdCB0byB1bnNldCBib3JkZXJXaWR0aCBhbmQgb3V0bGluZSBlYXJsaWVyP1xuICAgICAgJ0BtZWRpYSBzY3JlZW4gYW5kIChmb3JjZWQtY29sb3JzOiBhY3RpdmUpJzoge1xuICAgICAgICBib3JkZXJXaWR0aDogJ2luaXRpYWwnLFxuICAgICAgICBvdXRsaW5lOiAnaW5pdGlhbCdcbiAgICAgIH0sXG5cbiAgICAgIGFwcGVhcmFuY2U6ICdub25lJyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kLFxuICAgICAgYm9yZGVyUmFkaXVzOiBwYWRkaW5nUmVndWxhcixcbiAgICAgIGJvcmRlcldpZHRoOiAwLFxuICAgICAgYm90dG9tOiA1LFxuICAgICAgY29sb3I6IHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQ29sb3IsXG4gICAgICBmb250RmFtaWx5OiBwcmltYXJ5Rm9udCxcbiAgICAgIGZvbnRTaXplOiBzY3JvbGxUb0VuZEJ1dHRvbkZvbnRTaXplLFxuICAgICAgb3V0bGluZTogMCxcbiAgICAgIHBhZGRpbmc6IHBhZGRpbmdSZWd1bGFyLFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB6SW5kZXg6IDEsIC8vIFdlIGZvcm1lZCBhIHN0YWNraW5nIGNvbnRleHQgaW4gdGhlIHBhcmVudCBjb250YWluZXIsIHNvIHdlIGNhbiB1c2UgXCJ6LWluZGV4XCIgaGVyZS5cblxuICAgICAgJyY6aG92ZXInOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kT25Ib3ZlcixcbiAgICAgICAgY29sb3I6IHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQ29sb3JPbkhvdmVyIHx8IHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQ29sb3JcbiAgICAgIH0sXG5cbiAgICAgICcmOmZvY3VzJzoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZE9uRm9jdXMsXG4gICAgICAgIGNvbG9yOiB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yT25Gb2N1cyB8fCB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yXG4gICAgICB9LFxuXG4gICAgICAnJjpub3QoLndlYmNoYXRfX3Njcm9sbC10by1lbmQtYnV0dG9uLS1ydGwpJzoge1xuICAgICAgICByaWdodDogMjBcbiAgICAgIH0sXG5cbiAgICAgICcmLndlYmNoYXRfX3Njcm9sbC10by1lbmQtYnV0dG9uLS1ydGwnOiB7XG4gICAgICAgIGxlZnQ6IDIwXG4gICAgICB9XG4gICAgfVxuICB9O1xufVxuIl19

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/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"}