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

React component of botframework-webchat

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = createToastStyle;
/* eslint no-magic-numbers: ["off"] */

function createToastStyle(_ref) {
  var primaryFont = _ref.primaryFont,
    toasterHeight = _ref.toasterHeight,
    toastErrorColor = _ref.toastErrorColor,
    toastFontSize = _ref.toastFontSize,
    toastIconWidth = _ref.toastIconWidth,
    toastInfoColor = _ref.toastInfoColor,
    toastSuccessColor = _ref.toastSuccessColor,
    toastTextPadding = _ref.toastTextPadding,
    toastWarnColor = _ref.toastWarnColor;
  return {
    fontFamily: primaryFont,
    fontSize: toastFontSize,
    minHeight: toasterHeight,
    '&.webchat__toast--error': {
      color: toastErrorColor,
      fill: toastErrorColor
    },
    '&.webchat__toast--info': {
      color: toastInfoColor,
      fill: toastInfoColor
    },
    '&.webchat__toast--success': {
      color: toastSuccessColor,
      fill: toastSuccessColor
    },
    '&.webchat__toast--warn': {
      color: toastWarnColor,
      fill: toastWarnColor
    },
    '& .webchat__toast__iconBox': {
      alignItems: 'center',
      display: 'flex',
      flexShrink: 0,
      height: toasterHeight,
      justifyContent: 'center',
      width: toastIconWidth
    },
    '& .webchat__toast__dismissButton': {
      alignItems: 'center',
      appearance: 'none',
      backgroundColor: 'Transparent',
      border: 0,
      display: 'flex',
      height: toasterHeight,
      justifyContent: 'center',
      outline: 0,
      padding: 0,
      width: toasterHeight,
      '&:focus .webchat__toast__dismissButtonFocus': {
        borderColor: 'rgba(26, 10, 0, .7)'
      },
      '&:hover .webchat__toast__dismissButtonFocus': {
        backgroundColor: 'rgba(0, 0, 0, .12)'
      }
    },
    '& .webchat__toast__dismissButtonFocus': {
      alignItems: 'center',
      borderColor: 'Transparent',
      borderStyle: 'solid',
      borderWidth: 1,
      borderRadius: 3,
      display: 'flex',
      height: 22,
      justifyContent: 'center',
      width: 22
    },
    '& .webchat__toast__text': {
      alignSelf: 'center',
      paddingBottom: toastTextPadding,
      paddingTop: toastTextPadding
    }
  };
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjcmVhdGVUb2FzdFN0eWxlIiwiX3JlZiIsInByaW1hcnlGb250IiwidG9hc3RlckhlaWdodCIsInRvYXN0RXJyb3JDb2xvciIsInRvYXN0Rm9udFNpemUiLCJ0b2FzdEljb25XaWR0aCIsInRvYXN0SW5mb0NvbG9yIiwidG9hc3RTdWNjZXNzQ29sb3IiLCJ0b2FzdFRleHRQYWRkaW5nIiwidG9hc3RXYXJuQ29sb3IiLCJmb250RmFtaWx5IiwiZm9udFNpemUiLCJtaW5IZWlnaHQiLCJjb2xvciIsImZpbGwiLCJhbGlnbkl0ZW1zIiwiZGlzcGxheSIsImZsZXhTaHJpbmsiLCJoZWlnaHQiLCJqdXN0aWZ5Q29udGVudCIsIndpZHRoIiwiYXBwZWFyYW5jZSIsImJhY2tncm91bmRDb2xvciIsImJvcmRlciIsIm91dGxpbmUiLCJwYWRkaW5nIiwiYm9yZGVyQ29sb3IiLCJib3JkZXJTdHlsZSIsImJvcmRlcldpZHRoIiwiYm9yZGVyUmFkaXVzIiwiYWxpZ25TZWxmIiwicGFkZGluZ0JvdHRvbSIsInBhZGRpbmdUb3AiXSwic291cmNlUm9vdCI6ImNvbXBvbmVudDovLy8iLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdHlsZXMvU3R5bGVTZXQvVG9hc3QudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50IG5vLW1hZ2ljLW51bWJlcnM6IFtcIm9mZlwiXSAqL1xuaW1wb3J0IHsgU3RyaWN0U3R5bGVPcHRpb25zIH0gZnJvbSAnYm90ZnJhbWV3b3JrLXdlYmNoYXQtYXBpJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gY3JlYXRlVG9hc3RTdHlsZSh7XG4gIHByaW1hcnlGb250LFxuICB0b2FzdGVySGVpZ2h0LFxuICB0b2FzdEVycm9yQ29sb3IsXG4gIHRvYXN0Rm9udFNpemUsXG4gIHRvYXN0SWNvbldpZHRoLFxuICB0b2FzdEluZm9Db2xvcixcbiAgdG9hc3RTdWNjZXNzQ29sb3IsXG4gIHRvYXN0VGV4dFBhZGRpbmcsXG4gIHRvYXN0V2FybkNvbG9yXG59OiBTdHJpY3RTdHlsZU9wdGlvbnMpIHtcbiAgcmV0dXJuIHtcbiAgICBmb250RmFtaWx5OiBwcmltYXJ5Rm9udCxcbiAgICBmb250U2l6ZTogdG9hc3RGb250U2l6ZSxcbiAgICBtaW5IZWlnaHQ6IHRvYXN0ZXJIZWlnaHQsXG5cbiAgICAnJi53ZWJjaGF0X190b2FzdC0tZXJyb3InOiB7XG4gICAgICBjb2xvcjogdG9hc3RFcnJvckNvbG9yLFxuICAgICAgZmlsbDogdG9hc3RFcnJvckNvbG9yXG4gICAgfSxcblxuICAgICcmLndlYmNoYXRfX3RvYXN0LS1pbmZvJzoge1xuICAgICAgY29sb3I6IHRvYXN0SW5mb0NvbG9yLFxuICAgICAgZmlsbDogdG9hc3RJbmZvQ29sb3JcbiAgICB9LFxuXG4gICAgJyYud2ViY2hhdF9fdG9hc3QtLXN1Y2Nlc3MnOiB7XG4gICAgICBjb2xvcjogdG9hc3RTdWNjZXNzQ29sb3IsXG4gICAgICBmaWxsOiB0b2FzdFN1Y2Nlc3NDb2xvclxuICAgIH0sXG5cbiAgICAnJi53ZWJjaGF0X190b2FzdC0td2Fybic6IHtcbiAgICAgIGNvbG9yOiB0b2FzdFdhcm5Db2xvcixcbiAgICAgIGZpbGw6IHRvYXN0V2FybkNvbG9yXG4gICAgfSxcblxuICAgICcmIC53ZWJjaGF0X190b2FzdF9faWNvbkJveCc6IHtcbiAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgZmxleFNocmluazogMCxcbiAgICAgIGhlaWdodDogdG9hc3RlckhlaWdodCxcbiAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICAgIHdpZHRoOiB0b2FzdEljb25XaWR0aFxuICAgIH0sXG5cbiAgICAnJiAud2ViY2hhdF9fdG9hc3RfX2Rpc21pc3NCdXR0b24nOiB7XG4gICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgIGFwcGVhcmFuY2U6ICdub25lJyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ1RyYW5zcGFyZW50JyxcbiAgICAgIGJvcmRlcjogMCxcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIGhlaWdodDogdG9hc3RlckhlaWdodCxcbiAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICAgIG91dGxpbmU6IDAsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgICAgd2lkdGg6IHRvYXN0ZXJIZWlnaHQsXG5cbiAgICAgICcmOmZvY3VzIC53ZWJjaGF0X190b2FzdF9fZGlzbWlzc0J1dHRvbkZvY3VzJzoge1xuICAgICAgICBib3JkZXJDb2xvcjogJ3JnYmEoMjYsIDEwLCAwLCAuNyknXG4gICAgICB9LFxuXG4gICAgICAnJjpob3ZlciAud2ViY2hhdF9fdG9hc3RfX2Rpc21pc3NCdXR0b25Gb2N1cyc6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAncmdiYSgwLCAwLCAwLCAuMTIpJ1xuICAgICAgfVxuICAgIH0sXG5cbiAgICAnJiAud2ViY2hhdF9fdG9hc3RfX2Rpc21pc3NCdXR0b25Gb2N1cyc6IHtcbiAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgYm9yZGVyQ29sb3I6ICdUcmFuc3BhcmVudCcsXG4gICAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICAgIGJvcmRlcldpZHRoOiAxLFxuICAgICAgYm9yZGVyUmFkaXVzOiAzLFxuICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgaGVpZ2h0OiAyMixcbiAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICAgIHdpZHRoOiAyMlxuICAgIH0sXG5cbiAgICAnJiAud2ViY2hhdF9fdG9hc3RfX3RleHQnOiB7XG4gICAgICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICAgICAgcGFkZGluZ0JvdHRvbTogdG9hc3RUZXh0UGFkZGluZyxcbiAgICAgIHBhZGRpbmdUb3A6IHRvYXN0VGV4dFBhZGRpbmdcbiAgICB9XG4gIH07XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBOztBQUdlLFNBQVNBLGdCQUFn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