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

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.EmbedUI = void 0;

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

var _color = require("../../styles/utilities/color");

var _noteStyles = require("../../styles/mixins/noteStyles.css");

var _Message = _interopRequireDefault(require("./Message.Chat"));

var config = {
  embedBorderRadius: '3px',
  embedWidth: '9999px',
  embedMaxWidth: '300px'
};
var EmbedUI = (0, _styledComponents.default)(_Message.default).withConfig({
  displayName: "MessageEmbedcss__EmbedUI",
  componentId: "rxlatm-0"
})([".c-MessageEmbed__html{border-radius:", ";max-width:100%;overflow:hidden;width:", ";}iframe{opacity:1;transition:opacity 0.5s ease-in;}&.is-loading iframe{opacity:0;}.c-MessageEmbed__bubble.c-MessageBubble{background-color:white;border:none;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.1),0px 0px 0px 1px rgba(193,203,212,0.7) inset,0px -1px 0px 0px ", " inset;color:", ";display:inline-block;max-width:", ";overflow:hidden;padding:3px;width:100%;&.is-note{", ";background-color:", ";color:", ";}}.c-MessageEmbed__loading.c-LoadingDots{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}"], config.embedBorderRadius, config.embedWidth, (0, _color.getColor)('grey.600'), (0, _color.getColor)('charcoal.200'), config.embedMaxWidth, (0, _noteStyles.noteBoxShadow)(), (0, _color.getColor)('yellow.200'), (0, _color.getColor)('yellow.800'));
exports.EmbedUI = EmbedUI;