@stokr/components-library
Version:
STOKR - Components Library
59 lines (58 loc) • 4.05 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.Breakdown = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _arrowDownBlack = _interopRequireDefault(require("../../static/images/arrow-down-black.svg"));
var _rwd = _interopRequireWildcard(require("../../styles/rwd"));
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
/* */
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
const Breakdown = exports.Breakdown = _styledComponents.default.div.withConfig({
displayName: "Breakdown",
componentId: "sc-1i2d0ys-0"
})(["text-transform:uppercase;letter-spacing:2.1px;font-size:", ";white-space:", ";line-height:2.18;color:inherit;font-weight:bolder;strong{font-weight:bold;}", " ", " ", " ", " ", " ", " @media screen and (max-width:991px){", "}", " ", " ", " ", ""], _ref => {
let {
fontSize
} = _ref;
return fontSize ? "".concat(fontSize, "px") : '11px';
}, _ref2 => {
let {
withWordWrap
} = _ref2;
return withWordWrap ? 'unset' : 'nowrap';
}, _ref3 => {
let {
is101
} = _ref3;
return is101 && (0, _styledComponents.css)(["text-transform:unset;"]);
}, _ref4 => {
let {
mobile
} = _ref4;
return mobile && (0, _styledComponents.css)(["display:none;", ""], _rwd.rwdMax.Mobile(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: block;\n "]))));
}, _ref5 => {
let {
nomobile
} = _ref5;
return nomobile && (0, _styledComponents.css)(["display:block;", ""], _rwd.rwdMax.Mobile(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: none;\n "]))));
}, props => props.withPadding && "\n padding:18px 16px;\n ", props => props.red && "\n background: #D2200D;\n color:white;\n border-bottom: 1px solid #979797;\n ", _ref6 => {
let {
alignCenter
} = _ref6;
return alignCenter && (0, _styledComponents.css)(["display:flex;justify-content:center;"]);
}, _ref7 => {
let {
menuWithArrow
} = _ref7;
return menuWithArrow && (0, _styledComponents.css)(["align-items:center;display:flex;justify-content:space-between;"]);
}, _ref8 => {
let {
mobileMenu
} = _ref8;
return mobileMenu && (0, _styledComponents.css)(["display:flex;justify-content:center;align-items:center;}"]);
}, props => props.asLink && "\n cursor:pointer;\n &:hover {\n opacity: .6;\n }\n ", props => props.withIcon && "\n ".concat(_rwd.rwdMax.Medium(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\n span {\n\n\n position:relative;\n \n &: before {\n content: url(", ");\n position:absolute;\n top: -4px;\n right: -2em;\n width:12px;\n transition: transform 0.7s;\n\n }\n }\n\n \n \n "])), _arrowDownBlack.default), "\n "), props => props.active && "\n ".concat(_rwd.rwdMax.Medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\n &:before {\n \n transform: rotate(180deg);\n }\n "]))), "\n\n \n "));
var _default = exports.default = Breakdown;