@stokr/components-library
Version:
STOKR - Components Library
51 lines (50 loc) • 3.19 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Value = exports.TooltipTitle = exports.TooltipContent = exports.Title = exports.TabContainer = exports.ROIItemsRow = exports.ROIItemTitle = exports.ROIItemContent = exports.ROIItemContainer = exports.Label = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
var _background = _interopRequireDefault(require("../../static/images/background.png"));
var _theme = _interopRequireDefault(require("../../styles/theme"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const Title = exports.Title = _styledComponents.default.h3.withConfig({
displayName: "ROIstyles__Title",
componentId: "sc-xhwlu-0"
})(["padding-left:56px;position:relative;&::before{content:'';position:absolute;left:0;top:0;bottom:0;width:8px;background:", ";}"], props => _theme.default.cPrimary);
const Label = exports.Label = _styledComponents.default.div.withConfig({
displayName: "ROIstyles__Label",
componentId: "sc-xhwlu-1"
})(["font-size:11px;line-height:24px;letter-spacing:2px;font-weight:700;text-transform:uppercase;"]);
const Value = exports.Value = _styledComponents.default.div.withConfig({
displayName: "ROIstyles__Value",
componentId: "sc-xhwlu-2"
})(["font-size:22px;line-height:28px;letter-spacing:0.8px;font-weight:300;padding:14px 0;"]);
const TabContainer = exports.TabContainer = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
displayName: "ROIstyles__TabContainer",
componentId: "sc-xhwlu-3"
})(["background-color:#fff;background-image:url(", ");background-repeat:no-repeat;background-position:0% 100%;"], _background.default);
const TooltipTitle = exports.TooltipTitle = _styledComponents.default.div.withConfig({
displayName: "ROIstyles__TooltipTitle",
componentId: "sc-xhwlu-4"
})(["font-size:11px;line-height:24px;letter-spacing:2px;font-weight:bold;"]);
const TooltipContent = exports.TooltipContent = _styledComponents.default.div.withConfig({
displayName: "ROIstyles__TooltipContent",
componentId: "sc-xhwlu-5"
})(["font-size:11px;line-height:16px;letter-spacing:0.8px;font-weight:300;"]);
const ROIItemsRow = exports.ROIItemsRow = _styledComponents.default.div.withConfig({
displayName: "ROIstyles__ROIItemsRow",
componentId: "sc-xhwlu-6"
})(["margin:0 -32px;display:flex;flex-wrap:wrap;text-align:left;"]);
const ROIItemContainer = exports.ROIItemContainer = _styledComponents.default.div.withConfig({
displayName: "ROIstyles__ROIItemContainer",
componentId: "sc-xhwlu-7"
})(["padding:32px;"]);
const ROIItemTitle = exports.ROIItemTitle = _styledComponents.default.div.withConfig({
displayName: "ROIstyles__ROIItemTitle",
componentId: "sc-xhwlu-8"
})(["font-size:11px;line-height:20px;letter-spacing:1.9px;margin-bottom:16px;"]);
const ROIItemContent = exports.ROIItemContent = _styledComponents.default.div.withConfig({
displayName: "ROIstyles__ROIItemContent",
componentId: "sc-xhwlu-9"
})(["font-size:16px;font-weight:600;line-height:24px;letter-spacing:0.6px;"]);