@stokr/components-library
Version:
STOKR - Components Library
55 lines (54 loc) • 3.87 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ValueCol = exports.SmallText = exports.NameCol = exports.MarketDataCol = exports.LargeText = exports.Items = exports.Item = exports.Head = exports.ColorLabel = exports.Body = exports.Arrow = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _theme = _interopRequireDefault(require("../../styles/theme"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const Items = exports.Items = _styledComponents.default.div.withConfig({
displayName: "ChartLegendstyles__Items",
componentId: "sc-gh1vwu-0"
})(["display:block;margin:-16px 0;"]);
const Item = exports.Item = _styledComponents.default.div.withConfig({
displayName: "ChartLegendstyles__Item",
componentId: "sc-gh1vwu-1"
})(["padding:16px 0;"]);
const Head = exports.Head = _styledComponents.default.div.withConfig({
displayName: "ChartLegendstyles__Head",
componentId: "sc-gh1vwu-2"
})(["cursor:pointer;position:relative;font-size:0;padding:0 46px;"]);
const Body = exports.Body = _styledComponents.default.div.withConfig({
displayName: "ChartLegendstyles__Body",
componentId: "sc-gh1vwu-3"
})(["padding:18px 0;"]);
const ColorLabel = exports.ColorLabel = _styledComponents.default.div.withConfig({
displayName: "ChartLegendstyles__ColorLabel",
componentId: "sc-gh1vwu-4"
})(["display:block;width:28px;height:28px;background-color:", ";position:absolute;top:0;left:0;"], props => props.itemColor);
const NameCol = exports.NameCol = _styledComponents.default.div.withConfig({
displayName: "ChartLegendstyles__NameCol",
componentId: "sc-gh1vwu-5"
})(["width:40%;display:inline-block;vertical-align:top;"]);
const ValueCol = exports.ValueCol = _styledComponents.default.div.withConfig({
displayName: "ChartLegendstyles__ValueCol",
componentId: "sc-gh1vwu-6"
})(["width:50%;display:inline-block;vertical-align:top;"]);
const LargeText = exports.LargeText = _styledComponents.default.div.withConfig({
displayName: "ChartLegendstyles__LargeText",
componentId: "sc-gh1vwu-7"
})(["font-weight:300;font-size:22px;line-height:28px;", " ", " ", ""], props => props.isPositive && "\n color: ".concat(_theme.default.cProgressDone, ";\n "), props => props.isPositive === false && "\n color: ".concat(_theme.default.cWarning, ";\n "), props => props.isLink && "\n text-decoration:underline;\n text-decoration-thickness: from-font;\n ");
const SmallText = exports.SmallText = _styledComponents.default.div.withConfig({
displayName: "ChartLegendstyles__SmallText",
componentId: "sc-gh1vwu-8"
})(["font-size:11px;line-height:12px;margin-top:4px;font-style:italic;"]);
const MarketDataCol = exports.MarketDataCol = _styledComponents.default.div.withConfig({
displayName: "ChartLegendstyles__MarketDataCol",
componentId: "sc-gh1vwu-9"
})(["width:20%;display:inline-block;vertical-align:top;position:relative;", "{position:relative;left:-20px;}&::before{display:block;position:absolute;content:'';top:30%;left:-20px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;", " ", "}"], SmallText, props => props.isPositive && "\n border-bottom: 7px solid\n ".concat(_theme.default.cProgressDone, ";\n "), props => props.isPositive === false && "\n border-top: 7px solid\n ".concat(_theme.default.cWarning, ";\n "));
const Arrow = exports.Arrow = _styledComponents.default.i.attrs({
className: 'ion ion-ios-arrow-down'
}).withConfig({
displayName: "ChartLegendstyles__Arrow",
componentId: "sc-gh1vwu-10"
})(["&&&{position:absolute;top:14px;right:24px;transition:0.3s transform;transform:rotate(0);text-align:center;font-size:16px;line-height:16px;height:16px;margin-top:-8px;", "}"], props => props.isOpened && "\n transform: rotate(180deg);\n ");