botframework-webchat-component
Version:
React component of botframework-webchat
44 lines (43 loc) • 4.5 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _CSSTokens = _interopRequireDefault(require("../CSSTokens"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return {
'&.webchat__thumb-button': {
appearance: 'none',
background: 'Transparent',
border: 0,
borderRadius: 2,
height: 16,
/* The Fluent icon is larger than the button. We need to clip it.
Without clipping, hover effect will appear on the edge of the button but not possible to click. */
overflow: 'hidden',
padding: 0,
width: 16,
'&:active': {
background: '#EDEBE9'
},
'&:focus': {
outline: 'solid 1px #605E5C'
},
'& .webchat__thumb-button__image': {
color: _CSSTokens.default.ColorAccent,
width: 14
},
'&:hover .webchat__thumb-button__image:not(.webchat__thumb-button__image--is-filled)': {
display: 'none'
},
'&.webchat__thumb-button--is-pressed .webchat__thumb-button__image:not(.webchat__thumb-button__image--is-filled)': {
display: 'none'
},
'&.webchat__thumb-button:not(:hover):not(.webchat__thumb-button--is-pressed) .webchat__thumb-button__image--is-filled': {
display: 'none'
}
}
};
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfQ1NTVG9rZW5zIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsInJlcXVpcmUiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsIl9kZWZhdWx0IiwiYXBwZWFyYW5jZSIsImJhY2tncm91bmQiLCJib3JkZXIiLCJib3JkZXJSYWRpdXMiLCJoZWlnaHQiLCJvdmVyZmxvdyIsInBhZGRpbmciLCJ3aWR0aCIsIm91dGxpbmUiLCJjb2xvciIsIkNTU1Rva2VucyIsIkNvbG9yQWNjZW50IiwiZGlzcGxheSJdLCJzb3VyY2VSb290IjoiY29tcG9uZW50Oi8vLyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL1N0eWxlcy9TdHlsZVNldC9UaHVtYkJ1dHRvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgQ1NTVG9rZW5zIGZyb20gJy4uL0NTU1Rva2Vucyc7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uICgpIHtcbiAgcmV0dXJuIHtcbiAgICAnJi53ZWJjaGF0X190aHVtYi1idXR0b24nOiB7XG4gICAgICBhcHBlYXJhbmNlOiAnbm9uZScsXG4gICAgICBiYWNrZ3JvdW5kOiAnVHJhbnNwYXJlbnQnLFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgYm9yZGVyUmFkaXVzOiAyLFxuICAgICAgaGVpZ2h0OiAxNixcbiAgICAgIC8qIFRoZSBGbHVlbnQgaWNvbiBpcyBsYXJnZXIgdGhhbiB0aGUgYnV0dG9uLiBXZSBuZWVkIHRvIGNsaXAgaXQuXG4gICAgICBXaXRob3V0IGNsaXBwaW5nLCBob3ZlciBlZmZlY3Qgd2lsbCBhcHBlYXIgb24gdGhlIGVkZ2Ugb2YgdGhlIGJ1dHRvbiBidXQgbm90IHBvc3NpYmxlIHRvIGNsaWNrLiAqL1xuICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdpZHRoOiAxNixcblxuICAgICAgJyY6YWN0aXZlJzoge1xuICAgICAgICBiYWNrZ3JvdW5kOiAnI0VERUJFOSdcbiAgICAgIH0sXG5cbiAgICAgICcmOmZvY3VzJzoge1xuICAgICAgICBvdXRsaW5lOiAnc29saWQgMXB4ICM2MDVFNUMnXG4gICAgICB9LFxuXG4gICAgICAnJiAud2ViY2hhdF9fdGh1bWItYnV0dG9uX19pbWFnZSc6IHtcbiAgICAgICAgY29sb3I6IENTU1Rva2Vucy5Db2xvckFjY2VudCxcbiAgICAgICAgd2lkdGg6IDE0XG4gICAgICB9LFxuXG4gICAgICAnJjpob3ZlciAud2ViY2hhdF9fdGh1bWItYnV0dG9uX19pbWFnZTpub3QoLndlYmNoYXRfX3RodW1iLWJ1dHRvbl9faW1hZ2UtLWlzLWZpbGxlZCknOiB7XG4gICAgICAgIGRpc3BsYXk6ICdub25lJ1xuICAgICAgfSxcblxuICAgICAgJyYud2ViY2hhdF9fdGh1bWItYnV0dG9uLS1pcy1wcmVzc2VkIC53ZWJjaGF0X190aHVtYi1idXR0b25fX2ltYWdlOm5vdCgud2ViY2hhdF9fdGh1bWItYnV0dG9uX19pbWFnZS0taXMtZmlsbGVkKSc6XG4gICAgICAgIHtcbiAgICAgICAgICBkaXNwbGF5OiAnbm9uZSdcbiAgICAgICAgfSxcblxuICAgICAgJyYud2ViY2hhdF9fdGh1bWItYnV0dG9uOm5vdCg6aG92ZXIpOm5vdCgud2ViY2hhdF9fdGh1bWItYnV0dG9uLS1pcy1wcmVzc2VkKSAud2ViY2hhdF9fdGh1bWItYnV0dG9uX19pbWFnZS0taXMtZmlsbGVkJzpcbiAgICAgICAge1xuICAgICAgICAgIGRpc3BsYXk6ICdub25lJ1xuICAgICAgICB9XG4gICAgfVxuICB9O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxVQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFBcUMsU0FBQUQsdUJBQUFFLEdBQUEsV0FBQUEsR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsR0FBQUQsR0FBQSxLQUFBRSxPQUFBLEVBQUFGLEdBQUE7QUFFdEIsU0FBQUcsU0FBQSxFQUFZO0VBQ3pCLE9BQU87SUFDTCx5QkFBeUIsRUFBRTtNQUN6QkMsVUFBVSxFQUFFLE1BQU07TUFDbEJDLFVBQVUsRUFBRSxhQUFhO01BQ3pCQyxNQUFNLEVBQUUsQ0FBQztNQUNUQyxZQUFZLEVBQUUsQ0FBQztNQUNmQyxNQUFNLEVBQUUsRUFBRTtNQUNWO0FBQ047TUFDTUMsUUFBUSxFQUFFLFFBQVE7TUFDbEJDLE9BQU8sRUFBRSxDQUFDO01BQ1ZDLEtBQUssRUFBRSxFQUFFO01BRVQsVUFBVSxFQUFFO1FBQ1ZOLFVBQVUsRUFBRTtNQUNkLENBQUM7TUFFRCxTQUFTLEVBQUU7UUFDVE8sT0FBTyxFQUFFO01BQ1gsQ0FBQztNQUVELGlDQUFpQyxFQUFFO1FBQ2pDQyxLQUFLLEVBQUVDLGtCQUFTLENBQUNDLFdBQVc7UUFDNUJKLEtBQUssRUFBRTtNQUNULENBQUM7TUFFRCxxRkFBcUYsRUFBRTtRQUNyRkssT0FBTyxFQUFFO01BQ1gsQ0FBQztNQUVELGlIQUFpSCxFQUMvRztRQUNFQSxPQUFPLEVBQUU7TUFDWCxDQUFDO01BRUgsc0hBQXNILEVBQ3BIO1FBQ0VBLE9BQU8sRUFBRTtNQUNYO0lBQ0o7RUFDRixDQUFDO0FBQ0gifQ==