@stokr/components-library/dist/components/BarChart/BarChart.styles.js

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.TooltipWrapper = exports.ChartTitle = exports.Chart = exports.BarChartTooltip = 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 Chart = exports.Chart = _styledComponents.default.div.withConfig({
  displayName: "BarChartstyles__Chart",
  componentId: "sc-2ptm80-0"
})(["position:relative;display:block;width:100%;height:auto;overflow:hidden;.axisX,.axisY{& > path{stroke:#e1e1e1;}.tick{text{font-family:'Open Sans';font-weight:600;font-size:14px;line-height:20px;color:", ";}line{stroke:none;}}}.axisY{& > path{stroke:none;}}.gridX,.gridY{& > path{stroke:none;}}.gridX{.tick line{stroke:none;}}.gridY{.tick line{stroke:#dfe5f1;}}"], props => _theme.default.cGrey2);
var _default = exports.default = Chart;
const TooltipWrapper = exports.TooltipWrapper = _styledComponents.default.div.withConfig({
  displayName: "BarChartstyles__TooltipWrapper",
  componentId: "sc-2ptm80-1"
})(["position:absolute;top:0;left:0;pointer-events:none;"]);
const BarChartTooltip = exports.BarChartTooltip = _styledComponents.default.div.withConfig({
  displayName: "BarChartstyles__BarChartTooltip",
  componentId: "sc-2ptm80-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 ChartTitle = exports.ChartTitle = _styledComponents.default.div.withConfig({
  displayName: "BarChartstyles__ChartTitle",
  componentId: "sc-2ptm80-3"
})(["font-family:'Open Sans';font-size:12px;line-height:20px;text-align:center;letter-spacing:2px;text-transform:uppercase;padding:0;margin:0;"]);