ultra-design/lib/popover/popover-styles.js

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
var react = require('@emotion/react');
var fade = require('../styles/transition/fade.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);

var _templateObject;
var popoverStyles = function popoverStyles(props) {
  var mode = props.theme.mode;
  var boxShadow = props.theme.style.boxShadow;
  var _props$theme$mode = props.theme[mode],
      thirdBackgroundColor = _props$theme$mode.thirdBackgroundColor,
      textColor = _props$theme$mode.textColor;
  return react.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n    &.", "-layer-wrapper {\n      .", " {\n        background-color: ", ";\n        color: ", ";\n        box-shadow: ", ";\n        &__content {\n          padding: 12px 16px;\n        }\n        &__arrow {\n          border-color: transparent ", " transparent transparent;\n        }\n      }\n    }\n\n    ", "\n  "])), props.name, props.name, thirdBackgroundColor, textColor, boxShadow, thirdBackgroundColor, fade.transitionFade(props.transitionClassName, props.transitionTimeout));
};

exports.popoverStyles = popoverStyles;