sag_components 1.0.191 → 1.0.193

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 (7) hide show
  1. package/dist/stories/components/TitleDescription.style.js +1 -1
  2. package/dist/stories/components/TotalBenchmark.style.js +1 -1
  3. package/dist/stories/components/TotalBenchmarkAreachart.js +9 -7
  4. package/dist/stories/components/TotalBenchmarkArrows.style.js +1 -1
  5. package/dist/stories/components/TotalDoughnutChart.js +2 -2
  6. package/dist/stories/components/TotalDoughnutChart.style.js +2 -2
  7. package/package.json +1 -1
package/dist/stories/components/TitleDescription.style.js CHANGED
@@ -16,7 +16,7 @@ var MainContainer = _styledComponents.default.div(_templateObject || (_templateO
16
16
  return props.height;
17
17
  });
18
18
  exports.MainContainer = MainContainer;
19
- var PanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n border-radius: 12px;\n background: #ffffff;\n padding: 1rem;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.4;\n white-space: pre-wrap;\n overflow: hidden;\n width: 100%;\n"])));
19
+ var PanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n border-radius: 12px;\n background: #ffffff;\n padding: 1rem 1rem 1rem 3rem;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.4;\n white-space: pre-wrap;\n overflow: hidden;\n width: 100%;\n"])));
20
20
  exports.PanelContainer = PanelContainer;
21
21
  var EventNameAndViewCreativeContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
22
22
  exports.EventNameAndViewCreativeContainer = EventNameAndViewCreativeContainer;
package/dist/stories/components/TotalBenchmark.style.js CHANGED
@@ -20,7 +20,7 @@ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templ
20
20
  return props.height;
21
21
  });
22
22
  exports.ControlsContainer = ControlsContainer;
23
- var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n //display: flex;\n border-radius: 12px;\n /* width: 90%;\n height: 40%; */\n //justify-content: center; \n //align-items: flex-start;\n background: #ffffff;\n margin-bottom: 1rem;\n padding: 0px 0.8rem;\n"])));
23
+ var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n //display: flex;\n border-radius: 12px;\n /* width: 90%;\n height: 40%; */\n //justify-content: center; \n //align-items: flex-start;\n background: #ffffff;\n margin-bottom: 2rem;\n padding: 0px 0.8rem;\n"])));
24
24
  exports.Controls = Controls;
25
25
  var TitleAndValueContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n //display: flex;\n //flex-direction: column;\n width: 100%;\n"])));
26
26
  exports.TitleAndValueContainer = TitleAndValueContainer;
package/dist/stories/components/TotalBenchmarkAreachart.js CHANGED
@@ -18,7 +18,7 @@ var _Benchmark = require("./Benchmark");
18
18
  var _TotalBenchmarkAreachartStyle = require("./TotalBenchmarkAreachart.style.js");
19
19
  var _TotalBenchmarkAreachart = require("./TotalBenchmarkAreachart.style");
20
20
  var _CommonFunctions = require("./CommonFunctions");
21
- var _excluded = ["title", "value", "arrowSign", "benchmarkTotalValue", "benchmarkValue", "areaChartData", "width", "height", "textColor", "areaChart1Color", "areaChart2Color", "xselectedColor", "fillChartColor", "startOffset", "endOffset", "opacity", "value1Title", "value2Title", "noDataText"];
21
+ var _excluded = ["title", "value", "arrowSign", "benchmarkTotalValue", "benchmarkValue", "areaChartData", "width", "height", "textColor", "areaChart1Color", "areaChart2Color", "xselectedColor", "fillChart1Color", "fillChart2Color", "startOffset", "endOffset", "opacity", "value1Title", "value2Title", "noDataText"];
22
22
  /*TotalBenchmarkAreachart*/
23
23
  var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
24
24
  var _ref4;
@@ -41,8 +41,10 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
41
41
  areaChart2Color = _ref$areaChart2Color === void 0 ? "#96B4FF" : _ref$areaChart2Color,
42
42
  _ref$xselectedColor = _ref.xselectedColor,
43
43
  xselectedColor = _ref$xselectedColor === void 0 ? "#42977A" : _ref$xselectedColor,
44
- _ref$fillChartColor = _ref.fillChartColor,
45
- fillChartColor = _ref$fillChartColor === void 0 ? "rgba(34, 158, 56, 0.20)" : _ref$fillChartColor,
44
+ _ref$fillChart1Color = _ref.fillChart1Color,
45
+ fillChart1Color = _ref$fillChart1Color === void 0 ? "rgba(34, 158, 56, 0.20)" : _ref$fillChart1Color,
46
+ _ref$fillChart2Color = _ref.fillChart2Color,
47
+ fillChart2Color = _ref$fillChart2Color === void 0 ? "rgba(255, 84, 84, 0.2)" : _ref$fillChart2Color,
46
48
  _ref$startOffset = _ref.startOffset,
47
49
  startOffset = _ref$startOffset === void 0 ? "17.04%" : _ref$startOffset,
48
50
  _ref$endOffset = _ref.endOffset,
@@ -206,11 +208,11 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
206
208
  y2: "1"
207
209
  }, /*#__PURE__*/_react.default.createElement("stop", {
208
210
  offset: startOffset,
209
- stopColor: fillChartColor,
211
+ stopColor: fillChart1Color,
210
212
  stopOpacity: opacity
211
213
  }), /*#__PURE__*/_react.default.createElement("stop", {
212
214
  offset: endOffset,
213
- stopColor: fillChartColor,
215
+ stopColor: fillChart1Color,
214
216
  stopOpacity: opacity
215
217
  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
216
218
  id: "colorValue2",
@@ -220,11 +222,11 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
220
222
  y2: "1"
221
223
  }, /*#__PURE__*/_react.default.createElement("stop", {
222
224
  offset: startOffset,
223
- stopColor: fillChartColor,
225
+ stopColor: fillChart2Color,
224
226
  stopOpacity: opacity
225
227
  }), /*#__PURE__*/_react.default.createElement("stop", {
226
228
  offset: endOffset,
227
- stopColor: fillChartColor,
229
+ stopColor: fillChart2Color,
228
230
  stopOpacity: opacity
229
231
  }))), /*#__PURE__*/_react.default.createElement(_recharts.XAxis, {
230
232
  dataKey: "title",
package/dist/stories/components/TotalBenchmarkArrows.style.js CHANGED
@@ -22,7 +22,7 @@ var Controls = _styledComponents.default.div(_templateObject2 || (_templateObjec
22
22
  exports.Controls = Controls;
23
23
  var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n /* width: 14rem; */\n font-weight: 600;\n font-size: 1rem;\n margin-bottom: 1rem;\n"])));
24
24
  exports.Title = Title;
25
- var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: baseline;\n /* width: 14rem; */\n height: 50%;\n"])));
25
+ var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: baseline;\n /* width: 14rem; */\n height: 45%;\n"])));
26
26
  exports.ValueAndBenchmarkContainer = ValueAndBenchmarkContainer;
27
27
  var FormattedValue = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.1rem;\n font-weight: 500;\n font-size: 2.2rem;\n"])));
28
28
  exports.FormattedValue = FormattedValue;
package/dist/stories/components/TotalDoughnutChart.js CHANGED
@@ -97,8 +97,8 @@ var TotalDoughnutChart = function TotalDoughnutChart(_ref) {
97
97
  onMouseEnter: onPieEnterHandler
98
98
  }, /*#__PURE__*/_react.default.createElement(_recharts.Pie, {
99
99
  data: legendData,
100
- outerRadius: 35 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT),
101
- innerRadius: 24 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT),
100
+ outerRadius: 45 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT),
101
+ innerRadius: 31 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT),
102
102
  fill: "#8884d8",
103
103
  dataKey: "value"
104
104
  }, legendData.map(function (row, index) {
package/dist/stories/components/TotalDoughnutChart.style.js CHANGED
@@ -34,9 +34,9 @@ var CurrencySign = _styledComponents.default.div(_templateObject8 || (_templateO
34
34
  exports.CurrencySign = CurrencySign;
35
35
  var FormattedValue = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 2.22rem;\n"])));
36
36
  exports.FormattedValue = FormattedValue;
37
- var DoughnutChartAndLegendContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n width: 90%;\n height: 37%;\n margin-top: 1em; // 35px;\n margin-bottom: 1em; // 35px;\n"])));
37
+ var DoughnutChartAndLegendContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n width: 95%;\n height: 37%;\n margin-top: 1em; // 35px;\n margin-bottom: 1em; // 35px;\n"])));
38
38
  exports.DoughnutChartAndLegendContainer = DoughnutChartAndLegendContainer;
39
- var DoughnutChart = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n width: 34%;\n height: 100%;\n min-width: 96px;\n min-height: 96px;\n"])));
39
+ var DoughnutChart = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n width: 34%;\n height: 100%;\n min-width: 105px;\n min-height: 105px;\n"])));
40
40
  exports.DoughnutChart = DoughnutChart;
41
41
  var LegendContainer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 66%;\n padding-left: 10px;\n flex-direction: column;\n align-items: left;\n justify-content: space-between;\n"])));
42
42
  exports.LegendContainer = LegendContainer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.191",
3
+ "version": "1.0.193",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {