botframework-webchat-component/lib/Styles/StyleSet/SendBoxTextBox.js

React component of botframework-webchat

"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==