@stokr/components-library/dist/components/CryptoAddressWrapper/CryptoAddressWrapper.styles.js

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Text = exports.Loader = exports.InfoBoxWrapper = exports.InfoBox = exports.FailedIcon = exports.Container = exports.Address = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _rwd = _interopRequireDefault(require("../../styles/rwd"));
var _addressRefreshing = _interopRequireDefault(require("../../static/images/address-refreshing.gif"));
var _theme = _interopRequireDefault(require("../../styles/theme"));
var _templateObject;
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
const Container = exports.Container = _styledComponents.default.div.withConfig({
  displayName: "CryptoAddressWrapperstyles__Container",
  componentId: "sc-1w92ir3-0"
})(["position:relative;display:block;"]);
const Address = exports.Address = _styledComponents.default.div.withConfig({
  displayName: "CryptoAddressWrapperstyles__Address",
  componentId: "sc-1w92ir3-1"
})(["position:relative;visibility:visible;opacity:1;", ""], props => props.isHidden && "\n    visibility: hidden;\n    opacity: 0;\n  ");
const InfoBoxWrapper = exports.InfoBoxWrapper = _styledComponents.default.div.withConfig({
  displayName: "CryptoAddressWrapperstyles__InfoBoxWrapper",
  componentId: "sc-1w92ir3-2"
})(["z-index:1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;font-size:0;&:after{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}", ""], _ref => {
  let {
    relative
  } = _ref;
  return relative && "\n    position: relative;\n  ";
});
const InfoBox = exports.InfoBox = _styledComponents.default.div.withConfig({
  displayName: "CryptoAddressWrapperstyles__InfoBox",
  componentId: "sc-1w92ir3-3"
})(["display:inline-block;vertical-align:middle;max-width:100%;", ";", ";"], props => props.refresh && "\n    color: ".concat(_theme.default.cPrimary, ";\n  "), props => props.failed && "\n    color: ".concat(_theme.default.cWarning, ";\n  "));
const Loader = exports.Loader = _styledComponents.default.div.withConfig({
  displayName: "CryptoAddressWrapperstyles__Loader",
  componentId: "sc-1w92ir3-4"
})(["display:inline-block;vertical-align:middle;width:40px;height:40px;margin:0 auto;margin-right:-40px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-image:url(", ");"], _addressRefreshing.default);
const FailedIcon = exports.FailedIcon = _styledComponents.default.i.attrs({
  className: 'ion ion-ios-close-circle'
}).withConfig({
  displayName: "CryptoAddressWrapperstyles__FailedIcon",
  componentId: "sc-1w92ir3-5"
})(["display:inline-block !important;vertical-align:middle;width:40px;height:40px;margin-right:-40px;&:before{display:block;font-size:48px;line-height:40px;text-align:center;}"]);
const Text = exports.Text = _styledComponents.default.div.withConfig({
  displayName: "CryptoAddressWrapperstyles__Text",
  componentId: "sc-1w92ir3-6"
})(["display:inline-block;vertical-align:middle;font-weight:300;font-size:16px;line-height:1.5em;letter-spacing:0.6px;padding-left:60px;max-width:100%;", ""], _rwd.default.XLarge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 20px;\n  "]))));