botframework-webchat-component
Version:
React component of botframework-webchat
48 lines (46 loc) • 4.39 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = createSendBoxButtonStyle;
function createSendBoxButtonStyle(_ref) {
var sendBoxButtonColor = _ref.sendBoxButtonColor,
sendBoxButtonColorOnDisabled = _ref.sendBoxButtonColorOnDisabled,
sendBoxButtonColorOnFocus = _ref.sendBoxButtonColorOnFocus,
sendBoxButtonColorOnHover = _ref.sendBoxButtonColorOnHover,
sendBoxHeight = _ref.sendBoxHeight,
subtle = _ref.subtle;
return {
'&.webchat__icon-button': {
alignItems: 'center',
backgroundColor: 'Transparent',
border: 0,
display: 'flex',
justifyContent: 'center',
outline: 0,
padding: 0,
// We use the sendBoxHeight, so the button looks square
width: sendBoxHeight,
'&:not(.webchat__icon-button--stretch)': {
height: sendBoxHeight
},
'&:not(:disabled):not([aria-disabled="true"])': {
'&:focus svg': {
fill: sendBoxButtonColorOnFocus
},
'&:hover svg': {
fill: sendBoxButtonColorOnHover
}
},
'& svg': {
fill: sendBoxButtonColor || subtle
},
'&:disabled, &[aria-disabled="true"]': {
'& svg': {
fill: sendBoxButtonColorOnDisabled
}
}
}
};
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdHlsZXMvU3R5bGVTZXQvU2VuZEJveEJ1dHRvbi5qcyJdLCJuYW1lcyI6WyJjcmVhdGVTZW5kQm94QnV0dG9uU3R5bGUiLCJzZW5kQm94QnV0dG9uQ29sb3IiLCJzZW5kQm94QnV0dG9uQ29sb3JPbkRpc2FibGVkIiwic2VuZEJveEJ1dHRvbkNvbG9yT25Gb2N1cyIsInNlbmRCb3hCdXR0b25Db2xvck9uSG92ZXIiLCJzZW5kQm94SGVpZ2h0Iiwic3VidGxlIiwiYWxpZ25JdGVtcyIsImJhY2tncm91bmRDb2xvciIsImJvcmRlciIsImRpc3BsYXkiLCJqdXN0aWZ5Q29udGVudCIsIm91dGxpbmUiLCJwYWRkaW5nIiwid2lkdGgiLCJoZWlnaHQiLCJmaWxsIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQWUsU0FBU0Esd0JBQVQsT0FPWjtBQUFBLE1BTkRDLGtCQU1DLFFBTkRBLGtCQU1DO0FBQUEsTUFMREMsNEJBS0MsUUFMREEsNEJBS0M7QUFBQSxNQUpEQyx5QkFJQyxRQUpEQSx5QkFJQztBQUFBLE1BSERDLHlCQUdDLFFBSERBLHlCQUdDO0FBQUEsTUFGREMsYUFFQyxRQUZEQSxhQUVDO0FBQUEsTUFEREMsTUFDQyxRQUREQSxNQUNDO0FBQ0QsU0FBTztBQUNMLDhCQUEwQjtBQUN4QkMsTUFBQUEsVUFBVSxFQUFFLFFBRFk7QUFFeEJDLE1BQUFBLGVBQWUsRUFBRSxhQUZPO0FBR3hCQyxNQUFBQSxNQUFNLEVBQUUsQ0FIZ0I7QUFJeEJDLE1BQUFBLE9BQU8sRUFBRSxNQUplO0FBS3hCQyxNQUFBQSxjQUFjLEVBQUUsUUFMUTtBQU14QkMsTUFBQUEsT0FBTyxFQUFFLENBTmU7QUFPeEJDLE1BQUFBLE9BQU8sRUFBRSxDQVBlO0FBU3hCO0FBQ0FDLE1BQUFBLEtBQUssRUFBRVQsYUFWaUI7QUFZeEIsK0NBQXlDO0FBQ3ZDVSxRQUFBQSxNQUFNLEVBQUVWO0FBRCtCLE9BWmpCO0FBZ0J4QixzREFBZ0Q7QUFDOUMsdUJBQWU7QUFDYlcsVUFBQUEsSUFBSSxFQUFFYjtBQURPLFNBRCtCO0FBSzlDLHVCQUFlO0FBQ2JhLFVBQUFBLElBQUksRUFBRVo7QUFETztBQUwrQixPQWhCeEI7QUEwQnhCLGVBQVM7QUFDUFksUUFBQUEsSUFBSSxFQUFFZixrQkFBa0IsSUFBSUs7QUFEckIsT0ExQmU7QUE4QnhCLDZDQUF1QztBQUNyQyxpQkFBUztBQUNQVSxVQUFBQSxJQUFJLEVBQUVkO0FBREM7QUFENEI7QUE5QmY7QUFEckIsR0FBUDtBQXNDRCIsInNvdXJjZVJvb3QiOiJjb21wb25lbnQ6Ly8vIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gY3JlYXRlU2VuZEJveEJ1dHRvblN0eWxlKHtcbiAgc2VuZEJveEJ1dHRvbkNvbG9yLFxuICBzZW5kQm94QnV0dG9uQ29sb3JPbkRpc2FibGVkLFxuICBzZW5kQm94QnV0dG9uQ29sb3JPbkZvY3VzLFxuICBzZW5kQm94QnV0dG9uQ29sb3JPbkhvdmVyLFxuICBzZW5kQm94SGVpZ2h0LFxuICBzdWJ0bGVcbn0pIHtcbiAgcmV0dXJuIHtcbiAgICAnJi53ZWJjaGF0X19pY29uLWJ1dHRvbic6IHtcbiAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiAnVHJhbnNwYXJlbnQnLFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgb3V0bGluZTogMCxcbiAgICAgIHBhZGRpbmc6IDAsXG5cbiAgICAgIC8vIFdlIHVzZSB0aGUgc2VuZEJveEhlaWdodCwgc28gdGhlIGJ1dHRvbiBsb29rcyBzcXVhcmVcbiAgICAgIHdpZHRoOiBzZW5kQm94SGVpZ2h0LFxuXG4gICAgICAnJjpub3QoLndlYmNoYXRfX2ljb24tYnV0dG9uLS1zdHJldGNoKSc6IHtcbiAgICAgICAgaGVpZ2h0OiBzZW5kQm94SGVpZ2h0XG4gICAgICB9LFxuXG4gICAgICAnJjpub3QoOmRpc2FibGVkKTpub3QoW2FyaWEtZGlzYWJsZWQ9XCJ0cnVlXCJdKSc6IHtcbiAgICAgICAgJyY6Zm9jdXMgc3ZnJzoge1xuICAgICAgICAgIGZpbGw6IHNlbmRCb3hCdXR0b25Db2xvck9uRm9jdXNcbiAgICAgICAgfSxcblxuICAgICAgICAnJjpob3ZlciBzdmcnOiB7XG4gICAgICAgICAgZmlsbDogc2VuZEJveEJ1dHRvbkNvbG9yT25Ib3ZlclxuICAgICAgICB9XG4gICAgICB9LFxuXG4gICAgICAnJiBzdmcnOiB7XG4gICAgICAgIGZpbGw6IHNlbmRCb3hCdXR0b25Db2xvciB8fCBzdWJ0bGVcbiAgICAgIH0sXG5cbiAgICAgICcmOmRpc2FibGVkLCAmW2FyaWEtZGlzYWJsZWQ9XCJ0cnVlXCJdJzoge1xuICAgICAgICAnJiBzdmcnOiB7XG4gICAgICAgICAgZmlsbDogc2VuZEJveEJ1dHRvbkNvbG9yT25EaXNhYmxlZFxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9O1xufVxuIl19