@stokr/components-library/dist/components/landing-page/PageText.js

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.UppercaseText = exports.ContentText = exports.ContentSection = exports.ContentInnerLink = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _reactRouterDom = require("react-router-dom");
var _media = _interopRequireDefault(require("../StokrLoader/media"));
var _theme = _interopRequireDefault(require("../../styles/theme"));
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
/*  */
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 ContentText = exports.ContentText = _styledComponents.default.p.withConfig({
  displayName: "PageText__ContentText",
  componentId: "sc-130gdsc-0"
})(["font-size:0.81rem;letter-spacing:normal;line-height:1.6rem;position:relative;padding-bottom:10px;color:#202020;font-weight:", ";", ";", ";", ";", ";font-size:16px !important;font-weight:300;font-style:normal;font-stretch:normal;line-height:1.5 !important;letter-spacing:0.6px;a{word-break:break-all !important;}"], props => {
  if (props.bold) {
    return '800';
  }
  if (props.light) {
    return '200';
  }
  if (props.regular) {
    return '400';
  }
  return '200';
}, _media.default.tablet(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      font-size: 0.75rem;\n      line-height: 1.5rem;\n    "]))), _media.default.desktop(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      font-size: 0.75rem;\n      line-height: 1.5rem;\n    "]))), _media.default.large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      font-size: 0.75rem;\n      line-height: 1.5rem;\n    "]))), _media.default.default(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      font-size: 0.75rem;\n      line-height: 1.5rem;\n    "]))));
const ContentSection = exports.ContentSection = _styledComponents.default.div.withConfig({
  displayName: "PageText__ContentSection",
  componentId: "sc-130gdsc-1"
})(["margin-bottom:1rem;"]);
const UppercaseText = exports.UppercaseText = _styledComponents.default.p.withConfig({
  displayName: "PageText__UppercaseText",
  componentId: "sc-130gdsc-2"
})(["position:relative;margin:0;font-size:", ";width:100%;line-height:1.31rem;letter-spacing:0.11rem;text-transform:uppercase;display:inline-block;margin-bottom:", ";font-weight:", ";order:2;", ";", ";&:first-of-type{top:-2px;", ";}&:nth-of-type(2){top:-5px;", ";", ";}"], props => {
  if (props.hideDesktop) {
    return '0.62rem;';
  }
  return '0.75rem;';
}, props => {
  if (props.nomargin) {
    return '0';
  }
  return '1rem';
}, props => {
  if (props.bold) {
    return '800';
  }
  if (props.light) {
    return '200';
  }
  if (props.regular) {
    return '400';
  }
  if (props.demi) {
    return '600';
  }
  return '600';
}, _media.default.tablet(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    font-size: .8rem;\n  "]))), _media.default.desktop(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    order: 1 !important;\n    display: ", "; /* -line */\n  "])), props => {
  if (props.hideDesktop) {
    /* -line */
    return 'none'; /* -line */
  } /* -line */
  return 'inline-block'; /* -line */
} /* -line */), _media.default.desktop(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      top: -3px;\n    "]))), _media.default.tablet(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      top: -6px;\n    "]))), _media.default.desktop(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      top: -7px;\n    "]))));
const ContentInnerLink = exports.ContentInnerLink = (0, _styledComponents.default)(_reactRouterDom.Link).withConfig({
  displayName: "PageText__ContentInnerLink",
  componentId: "sc-130gdsc-3"
})(["&&&{color:#000;padding:0;margin:0 3rem 0 0;display:flex;align-items:center;text-transform:uppercase;span{white-space:nowrap;font-weight:700;font-size:0.75rem;letter-spacing:1px;}&::after{display:none;}& i{margin-left:0.5rem;}& img{max-width:1rem;}}"]);