@stokr/components-library/dist/components/ROI/ROIChart.styles.js

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TooltipWrapper = exports.LegendWrapper = exports.Chart = exports.BarChartTooltip = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
var _BarChartLegend = require("../BarChartLegend/BarChartLegend.styles");
var _rwd = _interopRequireDefault(require("../../styles/rwd"));
var _templateObject;
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 Chart = exports.Chart = _styledComponents.default.div.withConfig({
  displayName: "ROIChartstyles__Chart",
  componentId: "sc-wdm5e-0"
})(["position:relative;display:block;width:100%;height:auto;.axisX,.axisY{& > path{stroke:#e1e1e1;}.tick{text{font-weight:600;font-size:14px;fill:#9b9b9b;}line{stroke:none;}}}.axisY{display:none;& > path{stroke:none;}}.gridX,.gridY{display:none;& > path{stroke:none;}}.gridX{.tick line{stroke:none;}}.gridY{.tick line{stroke:#dfe5f1;}}.stackedBar__gainText,.stackedBar__profitText{font-weight:bold;}"]);
const TooltipWrapper = exports.TooltipWrapper = _styledComponents.default.div.withConfig({
  displayName: "ROIChartstyles__TooltipWrapper",
  componentId: "sc-wdm5e-1"
})(["text-align:left;position:absolute;top:0;left:0;pointer-events:none;"]);
const BarChartTooltip = exports.BarChartTooltip = _styledComponents.default.div.withConfig({
  displayName: "ROIChartstyles__BarChartTooltip",
  componentId: "sc-wdm5e-2"
})(["font-size:10px;min-width:40px;& > h3{font-weight:400;font-family:'Open Sans';font-size:16px;margin:0;padding:0;}& > p{color:#79ca65;font-family:'Open Sans';font-size:11px;text-transform:uppercase;}"]);
const LegendWrapper = exports.LegendWrapper = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
  displayName: "ROIChartstyles__LegendWrapper",
  componentId: "sc-wdm5e-3"
})(["", ""], _rwd.default.Large(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", " {\n      display: inline-block;\n  \n      + ", " {\n        padding-left: 32px;\n      }\n    }\n  "])), _BarChartLegend.Container, _BarChartLegend.Container));