@stokr/components-library
Version:
STOKR - Components Library
58 lines (57 loc) • 3.94 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Title = exports.Text = exports.Tag = exports.ReadMore = exports.LatestUpdateWrapper = exports.LatestUpdateTitle = exports.LatestUpdateHeadline = exports.ItemLink = exports.ImageWrap = exports.Image = exports.Container = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _reactRouterDom = require("react-router-dom");
var _rwd = _interopRequireDefault(require("../../styles/rwd"));
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
var _TextLink = _interopRequireDefault(require("../TextLink/TextLink.styles"));
var _templateObject, _templateObject2;
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 LatestUpdateTitle = exports.LatestUpdateTitle = _styledComponents.default.div.withConfig({
displayName: "LatestUpdatestyles__LatestUpdateTitle",
componentId: "sc-1tg99hq-0"
})(["font-size:11px;line-height:24px;letter-spacing:2.06px;text-transform:uppercase;margin-bottom:9px;"]);
const LatestUpdateHeadline = exports.LatestUpdateHeadline = _styledComponents.default.div.withConfig({
displayName: "LatestUpdatestyles__LatestUpdateHeadline",
componentId: "sc-1tg99hq-1"
})(["font-size:22px;font-weight:900;letter-spacing:0.8px;line-height:28px;text-transform:uppercase;"]);
const LatestUpdateWrapper = exports.LatestUpdateWrapper = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
displayName: "LatestUpdatestyles__LatestUpdateWrapper",
componentId: "sc-1tg99hq-2"
})(["padding:80px 32px;", ""], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 128px 64px;\n "]))));
const Container = exports.Container = _styledComponents.default.div.withConfig({
displayName: "LatestUpdatestyles__Container",
componentId: "sc-1tg99hq-3"
})(["display:block;padding:20px 0;", ""], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n "])), props => props.horizontalPadding && "\n padding: 20px 5%;\n "));
const ItemLink = exports.ItemLink = (0, _styledComponents.default)(_reactRouterDom.Link).withConfig({
displayName: "LatestUpdatestyles__ItemLink",
componentId: "sc-1tg99hq-4"
})(["display:block;"]);
const ImageWrap = exports.ImageWrap = _styledComponents.default.div.withConfig({
displayName: "LatestUpdatestyles__ImageWrap",
componentId: "sc-1tg99hq-5"
})(["display:block;height:42px;margin-bottom:12px;"]);
const Image = exports.Image = _styledComponents.default.img.withConfig({
displayName: "LatestUpdatestyles__Image",
componentId: "sc-1tg99hq-6"
})(["display:inline-block;max-width:100%;max-height:100%;margin-bottom:12px;object-fit:contain;object-position:0 100%;"]);
const Tag = exports.Tag = _styledComponents.default.span.withConfig({
displayName: "LatestUpdatestyles__Tag",
componentId: "sc-1tg99hq-7"
})(["display:block;font-size:11px;line-height:24px;margin-bottom:12px;text-transform:uppercase;"]);
const Title = exports.Title = _styledComponents.default.h3.withConfig({
displayName: "LatestUpdatestyles__Title",
componentId: "sc-1tg99hq-8"
})(["display:block;font-family:'Open Sans';font-weight:600;font-size:16px;line-height:24px;margin:0;margin-bottom:20px;"]);
const Text = exports.Text = _styledComponents.default.span.withConfig({
displayName: "LatestUpdatestyles__Text",
componentId: "sc-1tg99hq-9"
})(["display:block;font-size:16px;font-weight:300;line-height:24px;margin-bottom:20px;"]);
const ReadMore = exports.ReadMore = (0, _styledComponents.default)(_TextLink.default).withConfig({
displayName: "LatestUpdatestyles__ReadMore",
componentId: "sc-1tg99hq-10"
})(["letter-spacing:2px;"]);