@helpscout/hsds-react/components/Message/Message.css.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.TextUI = exports.MessageUI = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _classNames = require("../../utilities/classNames");

var _Text = _interopRequireDefault(require("../Text"));

var bem = (0, _classNames.BEM)('.c-Message');

var MessageUI = _styledComponents.default.div.withConfig({
  displayName: "Messagecss__MessageUI",
  componentId: "sc-1wplbjf-0"
})(["margin-bottom:20px;min-width:320px;", "{padding-bottom:1px;padding-top:1px;width:28px;}", "{margin-bottom:7px;margin-left:14px;}.c-MessageChatBlock:only-child .c-MessageBubble.emoji-only{padding-top:0 !important;padding-bottom:0 !important;}.c-MessageChatBlock:first-child .c-MessageBubble.emoji-only{padding-top:0 !important;}.c-MessageChatBlock:last-child .c-MessageBubble.emoji-only{padding-bottom:0 !important;}&.is-to{text-align:right;", "{align-self:flex-end;display:flex;}", "{padding-bottom:1px;padding-right:1px;}}&.is-from{text-align:left;", "{padding-left:1px;padding-top:1px;}}&.has-avatar{", "{padding-left:18px;}}&.is-theme-embed{min-width:initial;", "{margin-top:8px;}}&.is-theme-notifications{margin-bottom:0;min-width:initial;}"], bem.element('avatar-block'), bem.element('from'), bem.element('avatar-block'), bem.element('block'), bem.element('block'), bem.element('from'), bem.element('avatar-block'));

exports.MessageUI = MessageUI;
var TextUI = (0, _styledComponents.default)(_Text.default).withConfig({
  displayName: "Messagecss__TextUI",
  componentId: "sc-1wplbjf-1"
})(["&.has-noUrl{opacity:0.4;}"]);
exports.TextUI = TextUI;