@stokr/components-library
Version:
STOKR - Components Library
32 lines (31 loc) • 4.42 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.Text = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _rwd = _interopRequireDefault(require("../../styles/rwd"));
var _theme = _interopRequireDefault(require("../../styles/theme"));
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
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 Text = exports.Text = _styledComponents.default.div.withConfig({
displayName: "Textstyles__Text",
componentId: "sc-xkpyal-0"
})(["display:block;", " ", " ", " ", " h1{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.18;letter-spacing:0.8px;text-transform:uppercase;margin-top:1em;margin-bottom:32px;", "}h2{font-family:'Open Sans';font-weight:300;font-size:34px;line-height:1.18em;letter-spacing:1.5px;margin-top:1em;margin-bottom:0.18em;", " ", "}h4{font-family:'Open Sans';font-weight:300;font-size:17px;line-height:1.27em;letter-spacing:0.8px;margin-top:1em;margin-bottom:0.27em;opacity:0.5;", " ", "}h3{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;margin-top:1em;margin-bottom:0.27em;text-transform:uppercase;", " @media screen and (max-width:991px) and (min-width:768px){", "}}h5{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;text-transform:uppercase;}p{font-family:'Open Sans';font-weight:300;font-size:16px;line-height:1.5em;letter-spacing:0.6px;margin:1em 0;", " ", " a{text-decoration:underline;transition:color 0.2s;color:inherit;&:hover{color:", ";}}", "}ul{margin:16px;li{font-size:14px;font-weight:300;font-style:normal;font-stretch:normal;line-height:2;letter-spacing:0.6px;}@media screen and (max-width:479px){padding-left:15px;}}> *:first-child{margin-top:0;}> *:last-child{margin-bottom:0;}"], _ref => {
let {
withMarginBottom
} = _ref;
return withMarginBottom && "\n margin-bottom: 32px;\n ";
}, _ref2 => {
let {
withMarginRight
} = _ref2;
return withMarginRight && "\n margin-right: 20px;\n ";
}, props => props.fullWidth && 'width: 100%;', props => props.center && "\n text-align: center;\n ", _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: 34px;\n letter-spacing: 1.5px;\n margin-bottom: 45px;\n "]))), _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-size: 42px;\n "]))), _rwd.default.Large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n font-size: 50px;\n "]))), _rwd.default.Medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n //font-size: 34px;\n "]))), props => props.blockchainLoadingMsg && "\n width: 100% !important;\n ", _rwd.default.Medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-size: 34px;\n "]))), props => props.responsiveFont && "\n font-size: 22px;\n ", props => props.small && "\n font-size:12px;\n ", _rwd.default.XLarge(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n font-size: 20px;\n\n ", "\n\n "])), props => props.small && "\n font-size:16px;\n "), props => _theme.default.cText, props => props.success && "\n color: ".concat(_theme.default.cProgressDone, ";\n "));
const Caption = _styledComponents.default.p.withConfig({
displayName: "Textstyles__Caption",
componentId: "sc-xkpyal-1"
})(["&&&{font-family:'Open Sans';font-weight:300;font-size:9px;line-height:1.78em;letter-spacing:0.4px;p{font-size:9px;}", " ", " ", " a{text-decoration:underline;transition:color 0.2s;color:", ";&:hover{color:", ";}}}"], _rwd.default.Large(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n font-size: 12px;\n \n p {\n font-size: 12px;\n }\n "]))), props => props.center && 'text-align: center;', props => props.link && 'margin-top: 36px;', props => _theme.default.cPrimary, props => _theme.default.cText);
Text.Caption = Caption;
var _default = exports.default = Text;