sag_components 1.0.65 → 1.0.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/stories/components/TotalBenchmark.js +12 -2
  2. package/dist/stories/components/TotalBenchmark.style.js +1 -1
  3. package/dist/stories/components/TotalDoughnutChart.js +39 -12
  4. package/dist/stories/components/TotalDoughnutChart.style.js +30 -68
  5. package/package.json +1 -1
package/dist/stories/components/TotalBenchmark.js CHANGED
@@ -24,20 +24,30 @@ var TotalBenchmark = function TotalBenchmark(_ref) {
24
24
  textColor = _ref$textColor === void 0 ? "black" : _ref$textColor,
25
25
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
26
26
  return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.ControlsContainer, {
27
+ id: "ControlsContainer",
27
28
  height: height,
28
29
  width: width,
29
30
  textColor: textColor
30
31
  }, data.map(function (item, index) {
31
32
  return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.Controls, {
33
+ id: "Controls",
32
34
  index: index,
33
35
  width: width
34
- }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.TitleAndValueContainer, null, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.Title, {
36
+ }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.TitleAndValueContainer, {
37
+ id: "TitleAndValueContainer"
38
+ }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.Title, {
39
+ id: "Title",
35
40
  width: width
36
41
  }, item.title), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.FormattedValue, {
42
+ id: "FormattedValue",
37
43
  width: width
38
- }, dotCut ? (0, _CommonFunctions.getFormattedValue)(item.value) : (0, _CommonFunctions.getNumberWithCommas)(item.value), dotCut ? (0, _CommonFunctions.getFormattedUnits)(item.value) : "")), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.BenchmarkContainerParent, null, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.BenchmarkContainer, {
44
+ }, dotCut ? (0, _CommonFunctions.getFormattedValue)(item.value) : (0, _CommonFunctions.getNumberWithCommas)(item.value), dotCut ? (0, _CommonFunctions.getFormattedUnits)(item.value) : "")), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.BenchmarkContainerParent, {
45
+ id: "BenchmarkContainerParent"
46
+ }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.BenchmarkContainer, {
47
+ id: "BenchmarkContainer",
39
48
  width: width
40
49
  }, item.totalValue && /*#__PURE__*/_react.default.createElement(_Benchmark.Benchmark, {
50
+ id: "Benchmark",
41
51
  totalValue: item.totalValue,
42
52
  currentValue: item.value,
43
53
  benchmarkValue: item.benchmarkValue,
package/dist/stories/components/TotalBenchmark.style.js CHANGED
@@ -10,7 +10,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
11
11
  var MIN_HEIGHT = 300;
12
12
  var MIN_WIDTH = 260;
13
- var ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n margin: 0px 0 0px;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n color: ", ";\n width: ", ";\n height: ", ";\n //box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n border-radius: 12px;\n //border: 1px solid red;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])), function (props) {
13
+ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n margin: 0px 0 0px;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n color: ", ";\n width: ", ";\n height: ", ";\n //box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n border-radius: 12px; \n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n //border: 1px solid red;\n"])), function (props) {
14
14
  return props.textColor;
15
15
  }, function (props) {
16
16
  return props.width;
package/dist/stories/components/TotalDoughnutChart.js CHANGED
@@ -25,32 +25,38 @@ var TotalDoughnutChart = function TotalDoughnutChart(_ref) {
25
25
  currencyType = _ref$currencyType === void 0 ? "USD" : _ref$currencyType,
26
26
  legendData = _ref.legendData,
27
27
  _ref$width = _ref.width,
28
- width = _ref$width === void 0 ? 260 : _ref$width,
28
+ width = _ref$width === void 0 ? "100%" : _ref$width,
29
29
  _ref$height = _ref.height,
30
- height = _ref$height === void 0 ? 350 : _ref$height,
30
+ height = _ref$height === void 0 ? "100%" : _ref$height,
31
31
  _ref$textColor = _ref.textColor,
32
32
  textColor = _ref$textColor === void 0 ? "black" : _ref$textColor,
33
33
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
34
34
  var onPieEnterHandler = function onPieEnterHandler() {};
35
35
  return /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.ControlsContainer, {
36
+ id: "ControlsContainer",
36
37
  height: height,
37
38
  width: width,
38
39
  textColor: textColor
39
40
  }, /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.Controls, {
41
+ id: "Controls",
40
42
  height: height,
41
43
  width: width
44
+ }, /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.TitleAndValueContainer, {
45
+ id: "TitleAndValueContainer"
42
46
  }, /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.Title, {
47
+ id: "Title",
43
48
  width: width
44
- }, title), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.CurrencySign, null, currency ? (0, _CommonFunctions.getCurrencySign)(currencyType, value) : ""), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.FormattedValue, {
49
+ }, title), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.CurrencySignAndFormattedValueContainer, {
50
+ id: "CurrencySignAndFormattedValueContainer"
51
+ }, /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.CurrencySign, {
52
+ id: "CurrencySign"
53
+ }, currency ? (0, _CommonFunctions.getCurrencySign)(currencyType, value) : ""), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.FormattedValue, {
54
+ id: "FormattedValue",
45
55
  width: width
46
- }, dotCut ? (0, _CommonFunctions.getFormattedValue)(value) : (0, _CommonFunctions.getNumberWithCommas)(value), dotCut ? (0, _CommonFunctions.getFormattedUnits)(value) : ""), legendData.map(function (row, index) {
47
- return /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.LegendControls, {
48
- width: width,
49
- height: height
50
- }, /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.LegendColorRectangle, {
51
- color: row.color
52
- }), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.LegendTitle, null, row.name), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.LegendCurrencySign, null, currency ? (0, _CommonFunctions.getCurrencySign)(currencyType) : ""), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.LegendFormattedValue, null, dotCut ? (0, _CommonFunctions.getFormattedValue)(row.value) : (0, _CommonFunctions.getNumberWithCommas)(row.value), dotCut ? (0, _CommonFunctions.getFormattedUnits)(row.value) : ""));
53
- }), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.DoughnutChart, {
56
+ }, dotCut ? (0, _CommonFunctions.getFormattedValue)(value) : (0, _CommonFunctions.getNumberWithCommas)(value), dotCut ? (0, _CommonFunctions.getFormattedUnits)(value) : ""))), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.DoughnutChartAndLegendContainer, {
57
+ id: "DoughnutChartAndLegendContainer"
58
+ }, /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.DoughnutChart, {
59
+ id: "DoughnutChart",
54
60
  width: width,
55
61
  height: height
56
62
  }, /*#__PURE__*/_react.default.createElement(_recharts.PieChart, {
@@ -68,7 +74,28 @@ var TotalDoughnutChart = function TotalDoughnutChart(_ref) {
68
74
  key: "cell-".concat(index),
69
75
  fill: row.color
70
76
  });
71
- })), /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, null)))));
77
+ })), /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, null))), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.LegendContainer, {
78
+ id: "LegendContainer"
79
+ }, legendData.map(function (row, index) {
80
+ return /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.LegendControlsContainer, {
81
+ id: "LegendControlsContainer",
82
+ width: width,
83
+ height: height
84
+ }, /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.LegendColorRectangle, {
85
+ id: "LegendColorRectangle",
86
+ color: row.color
87
+ }), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.LegendTitleAndFormatedValueContainer, {
88
+ id: "LegendTitleAndFormatedValueContainer"
89
+ }, /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.LegendTitle, {
90
+ id: "LegendTitle"
91
+ }, row.name), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.LegendFormatedValueContainer, {
92
+ id: "LegendFormatedValueContainer"
93
+ }, /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.LegendCurrencySign, {
94
+ id: "LegendCurrencySign"
95
+ }, currency ? (0, _CommonFunctions.getCurrencySign)(currencyType) : ""), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.LegendFormattedValue, {
96
+ id: "LegendFormattedValue"
97
+ }, dotCut ? (0, _CommonFunctions.getFormattedValue)(row.value) : (0, _CommonFunctions.getNumberWithCommas)(row.value), dotCut ? (0, _CommonFunctions.getFormattedUnits)(row.value) : ""))));
98
+ })))));
72
99
  };
73
100
  exports.TotalDoughnutChart = TotalDoughnutChart;
74
101
  var _default = TotalDoughnutChart;
package/dist/stories/components/TotalDoughnutChart.style.js CHANGED
@@ -4,91 +4,53 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.Title = exports.LegendTitle = exports.LegendFormattedValue = exports.LegendCurrencySign = exports.LegendControls = exports.LegendColorRectangle = exports.FormattedValue = exports.DoughnutChart = exports.CurrencySign = exports.ControlsContainer = exports.Controls = void 0;
7
+ exports.TitleAndValueContainer = exports.Title = exports.LegendTitleAndFormatedValueContainer = exports.LegendTitle = exports.LegendFormattedValue = exports.LegendFormatedValueContainer = exports.LegendCurrencySign = exports.LegendControlsContainer = exports.LegendContainer = exports.LegendColorRectangle = exports.FormattedValue = exports.DoughnutChartAndLegendContainer = exports.DoughnutChart = exports.CurrencySignAndFormattedValueContainer = exports.CurrencySign = exports.ControlsContainer = exports.Controls = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
11
- var MIN_WIDTH = 260;
12
- var MIN_HEIGHT = 300;
13
- var getLegendControlsTop = function getLegendControlsTop(height) {
14
- if (height <= 300) {
15
- return 180;
16
- }
17
- if (height >= 340) {
18
- return 220;
19
- }
20
- return 180 + (height - MIN_HEIGHT);
21
- };
22
- var getLegendControlsLeft = function getLegendControlsLeft(width) {
23
- if (width <= 260) {
24
- return 100;
25
- }
26
- if (width >= 300) {
27
- return 140;
28
- }
29
- return 100 + (width - MIN_WIDTH);
30
- };
31
- var getDoughnutChartTop = function getDoughnutChartTop(height) {
32
- if (height <= 300) {
33
- return 180;
34
- }
35
- if (height >= 340) {
36
- return 220;
37
- }
38
- return 180 + (height - MIN_HEIGHT);
39
- };
40
- var getDoughnutChartLeft = function getDoughnutChartLeft(width) {
41
- if (width <= 260) {
42
- return 10;
43
- }
44
- if (width >= 290) {
45
- return 40;
46
- }
47
- return 10 + (width - MIN_WIDTH);
48
- };
49
- var ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n margin: 0px 0 0px;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n color: ", ";\n width: ", ";\n height: ", ";\n //box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n border-radius: 12px;\n //border: 1px solid red;\n"])), function (props) {
10
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
11
+ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n margin: 0px 0 0px;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n color: ", ";\n width: ", ";\n height: ", ";\n //box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n border-radius: 12px; \n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n //border: 1px solid blue;\n"])), function (props) {
50
12
  return props.textColor;
51
13
  }, function (props) {
52
- return (props.width - MIN_WIDTH <= 0 ? MIN_WIDTH : props.width).toString().concat("", "px");
14
+ return props.width;
53
15
  }, function (props) {
54
- return (props.height - MIN_HEIGHT <= 0 ? MIN_HEIGHT : props.height).toString().concat("", "px");
16
+ return props.height;
55
17
  });
56
18
  exports.ControlsContainer = ControlsContainer;
57
- var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n border-radius: 12px;\n width: ", ";\n height: ", ";\n background: #ffffff;\n //border: 1px solid blue;\n"])), function (props) {
58
- return (props.width - MIN_WIDTH <= 0 ? MIN_WIDTH : props.width).toString().concat("", "px");
19
+ var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n border-radius: 12px;\n width: ", ";\n height: ", ";\n background: #ffffff;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n //border: 1px solid blue;\n"])), function (props) {
20
+ return props.width;
59
21
  }, function (props) {
60
- return (props.height - MIN_HEIGHT <= 0 ? MIN_HEIGHT : props.height).toString().concat("", "px");
22
+ return props.height;
61
23
  });
62
24
  exports.Controls = Controls;
63
- var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n width: ", ";\n height: 22px;\n left: 40px;\n top: 68px;\n font-weight: 600;\n font-size: 18px;\n line-height: 22px;\n //border: 1px solid red;\n"])), function (props) {
64
- return (props.width - MIN_WIDTH <= 0 ? 210 : 210 + (props.width - MIN_WIDTH)).toString().concat("", "px");
65
- });
25
+ var TitleAndValueContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n width: 250px; \n margin-top: 35px;\n"])));
26
+ exports.TitleAndValueContainer = TitleAndValueContainer;
27
+ var Title = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%; \n height: 30px;\n font-weight: 600;\n font-size: 18px;\n line-height: 22px;\n"])));
66
28
  exports.Title = Title;
67
- var CurrencySign = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n width: 11px;\n height: 22px;\n left: 40px;\n top: 123px;\n font-weight: 500;\n font-size: 18px;\n line-height: 22px;\n //border: 1px solid red;\n"])));
29
+ var CurrencySignAndFormattedValueContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n align-items: baseline;\n"])));
30
+ exports.CurrencySignAndFormattedValueContainer = CurrencySignAndFormattedValueContainer;
31
+ var CurrencySign = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 18px;\n line-height: 22px;\n //border: 1px solid red;\n"])));
68
32
  exports.CurrencySign = CurrencySign;
69
- var FormattedValue = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n width: 200px;\n width: ", ";\n height: 48px;\n left: 55px;\n top: 102px;\n font-weight: 500;\n font-size: 40px;\n line-height: 48px;\n //border: 1px solid red;\n"])), function (props) {
70
- return (props.width - MIN_WIDTH <= 0 ? 200 : 200 + (props.width - MIN_WIDTH)).toString().concat("", "px");
71
- });
33
+ var FormattedValue = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 40px;\n line-height: 48px;\n //border: 1px solid red;\n"])));
72
34
  exports.FormattedValue = FormattedValue;
73
- var DoughnutChart = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n width: 90px;\n height: 90px;\n left: ", ";\n top: ", ";\n //border: 1px solid red;\n"])), function (props) {
74
- return getDoughnutChartLeft(props.width).toString().concat("", "px");
75
- }, function (props) {
76
- return getDoughnutChartTop(props.height).toString().concat("", "px");
77
- });
35
+ var DoughnutChartAndLegendContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n width: 250px;\n margin-top: 35px;\n margin-bottom: 35px;\n"])));
36
+ exports.DoughnutChartAndLegendContainer = DoughnutChartAndLegendContainer;
37
+ var DoughnutChart = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n width: 90px;\n height: 90px;\n //border: 1px solid red;\n"])));
78
38
  exports.DoughnutChart = DoughnutChart;
79
- var LegendControls = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n border-radius: 12px;\n width: 170px;\n height: 47px;\n left: ", ";\n top: ", ";\n background: #ffffff;\n //border: 1px solid blue;\n"])), function (props) {
80
- return getLegendControlsLeft(props.width).toString().concat("", "px");
81
- }, function (props) {
82
- return getLegendControlsTop(props.height).toString().concat("", "px");
83
- });
84
- exports.LegendControls = LegendControls;
85
- var LegendColorRectangle = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n width: 16px;\n height: 16px;\n left: 8px;\n top: 14px;\n background: ", ";\n"])), function (props) {
39
+ var LegendContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n align-items: left;\n justify-content: space-between;\n //border: 1px solid blue;\n"])));
40
+ exports.LegendContainer = LegendContainer;
41
+ var LegendControlsContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n //border: 1px solid blue;\n"])));
42
+ exports.LegendControlsContainer = LegendControlsContainer;
43
+ var LegendTitleAndFormatedValueContainer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 170px;\n flex-direction: column;\n //border: 1px solid blue;\n"])));
44
+ exports.LegendTitleAndFormatedValueContainer = LegendTitleAndFormatedValueContainer;
45
+ var LegendFormatedValueContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n //border: 1px solid blue;\n"])));
46
+ exports.LegendFormatedValueContainer = LegendFormatedValueContainer;
47
+ var LegendColorRectangle = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n width: 16px;\n height: 16px;\n left: 8px;\n top: 14px;\n margin-left: 20px;\n margin-right: 20px;\n background: ", ";\n"])), function (props) {
86
48
  return props.color;
87
49
  });
88
50
  exports.LegendColorRectangle = LegendColorRectangle;
89
- var LegendTitle = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n width: 150px;\n height: 18px;\n left: 30px;\n top: 1px;\n font-weight: 400;\n font-size: 14px;\n line-height: 17px;\n //border: 1px solid red;\n"])));
51
+ var LegendTitle = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 17px;\n //border: 1px solid red;\n"])));
90
52
  exports.LegendTitle = LegendTitle;
91
- var LegendCurrencySign = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n width: 11px;\n height: 19px;\n left: 30px;\n top: 21px;\n font-weight: 600;\n font-size: 16px;\n line-height: 19px;\n //border: 1px solid red;\n"])));
53
+ var LegendCurrencySign = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n font-size: 16px;\n line-height: 19px;\n //border: 1px solid red;\n"])));
92
54
  exports.LegendCurrencySign = LegendCurrencySign;
93
- var LegendFormattedValue = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n width: 120px;\n height: 19px;\n left: 40px;\n top: 21px;\n font-weight: 600;\n font-size: 16px;\n line-height: 19px;\n //border: 1px solid red;\n"])));
55
+ var LegendFormattedValue = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n font-size: 16px;\n line-height: 19px;\n //border: 1px solid red;\n"])));
94
56
  exports.LegendFormattedValue = LegendFormattedValue;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.65",
3
+ "version": "1.0.67",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {