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

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.ChatBlockUI = exports.config = void 0;

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

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

var bem = (0, _classNames.BEM)('.c-MessageChatBlock');
var config = {
  timestampSize: 60,
  transition: 'opacity 100ms linear'
};
exports.config = config;

var ChatBlockUI = _styledComponents.default.div.withConfig({
  displayName: "MessageChatBlockcss__ChatBlockUI",
  componentId: "sc-1pgeogx-0"
})(["display:block;margin:0 0 2px;&:last-child{margin-bottom:0;}", "{min-width:", "px;opacity:0;transition:", ";will-change:opacity;}&:hover{", "{opacity:1;}}", "{max-width:calc(100% - ", "px);}&.is-from{", "{justify-content:flex-start;}}&.is-to{", "{justify-content:flex-end;}}&.is-theme-embed{", "{max-width:100%;}}&.is-theme-notifications{margin-bottom:3px;&:last-child{margin-bottom:3px;}", "{justify-content:flex-end;}", "{max-width:100%;}}"], bem.element('timestamp'), config.timestampSize, config.transition, bem.element('timestamp'), bem.element('block'), config.timestampSize, bem.element('flexy'), bem.element('flexy'), bem.element('block'), bem.element('flexy'), bem.element('block'));

exports.ChatBlockUI = ChatBlockUI;