sag_components 1.0.190 → 1.0.192

package/dist/stories/components/TotalBenchmarkAreachart.js

@@ -18,7 +18,7 @@ var _Benchmark = require("./Benchmark");
 var _TotalBenchmarkAreachartStyle = require("./TotalBenchmarkAreachart.style.js");
 var _TotalBenchmarkAreachart = require("./TotalBenchmarkAreachart.style");
 var _CommonFunctions = require("./CommonFunctions");
-var _excluded = ["title", "value", "arrowSign", "benchmarkTotalValue", "benchmarkValue", "areaChartData", "width", "height", "textColor", "areaChart1Color", "areaChart2Color", "xselectedColor", "fillChartColor", "startOffset", "endOffset", "opacity", "value1Title", "value2Title", "noDataText"];
+var _excluded = ["title", "value", "arrowSign", "benchmarkTotalValue", "benchmarkValue", "areaChartData", "width", "height", "textColor", "areaChart1Color", "areaChart2Color", "xselectedColor", "fillChart1Color", "fillChart2Color", "startOffset", "endOffset", "opacity", "value1Title", "value2Title", "noDataText"];
 /*TotalBenchmarkAreachart*/
 var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
   var _ref4;
@@ -41,8 +41,10 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
     areaChart2Color = _ref$areaChart2Color === void 0 ? "#96B4FF" : _ref$areaChart2Color,
     _ref$xselectedColor = _ref.xselectedColor,
     xselectedColor = _ref$xselectedColor === void 0 ? "#42977A" : _ref$xselectedColor,
-    _ref$fillChartColor = _ref.fillChartColor,
-    fillChartColor = _ref$fillChartColor === void 0 ? "rgba(34, 158, 56, 0.20)" : _ref$fillChartColor,
+    _ref$fillChart1Color = _ref.fillChart1Color,
+    fillChart1Color = _ref$fillChart1Color === void 0 ? "rgba(34, 158, 56, 0.20)" : _ref$fillChart1Color,
+    _ref$fillChart2Color = _ref.fillChart2Color,
+    fillChart2Color = _ref$fillChart2Color === void 0 ? "rgba(255, 84, 84, 0.2)" : _ref$fillChart2Color,
     _ref$startOffset = _ref.startOffset,
     startOffset = _ref$startOffset === void 0 ? "17.04%" : _ref$startOffset,
     _ref$endOffset = _ref.endOffset,
@@ -206,11 +208,11 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
     y2: "1"
   }, /*#__PURE__*/_react.default.createElement("stop", {
     offset: startOffset,
-    stopColor: fillChartColor,
+    stopColor: fillChart1Color,
     stopOpacity: opacity
   }), /*#__PURE__*/_react.default.createElement("stop", {
     offset: endOffset,
-    stopColor: fillChartColor,
+    stopColor: fillChart1Color,
     stopOpacity: opacity
   })), /*#__PURE__*/_react.default.createElement("linearGradient", {
     id: "colorValue2",
@@ -220,11 +222,11 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
     y2: "1"
   }, /*#__PURE__*/_react.default.createElement("stop", {
     offset: startOffset,
-    stopColor: fillChartColor,
+    stopColor: fillChart2Color,
     stopOpacity: opacity
   }), /*#__PURE__*/_react.default.createElement("stop", {
     offset: endOffset,
-    stopColor: fillChartColor,
+    stopColor: fillChart2Color,
     stopOpacity: opacity
   }))), /*#__PURE__*/_react.default.createElement(_recharts.XAxis, {
     dataKey: "title",

package/dist/stories/components/TotalBenchmarkArrows.style.js

@@ -18,19 +18,19 @@ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templ
   return props.height;
 });
 exports.ControlsContainer = ControlsContainer;
-var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  border-radius: 12px;\n  width: 100%;\n  height: 100%;\n  background: #ffffff;  \n  flex-direction: column;\n  flex-basis: 100%;\n  //align-items: center;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding: 0px 0.8rem;\n  \n"])));
+var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  border-radius: 12px;\n  width: 90%;\n  height: 100%;\n  background: #ffffff;  \n  flex-direction: column;\n  flex-basis: 100%;\n  //align-items: center;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding: 0px 0.8rem;\n  \n"])));
 exports.Controls = Controls;
-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"])));
+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"])));
 exports.Title = Title;
-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"])));
+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"])));
 exports.ValueAndBenchmarkContainer = ValueAndBenchmarkContainer;
 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"])));
 exports.FormattedValue = FormattedValue;
 var BenchmarkContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin-left: 0.7rem;\n  width: 5.35rem;\n"])));
 exports.BenchmarkContainer = BenchmarkContainer;
-var DetailsContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  width: 14rem;\n  height: 50%;\n"])));
+var DetailsContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  /* width: 14rem; */\n  height: 50%;\n"])));
 exports.DetailsContainer = DetailsContainer;
-var DetailsTitle = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  width: 14rem;\n  height: 25%;\n  font-weight: 600;\n  font-size: 1rem;\n"])));
+var DetailsTitle = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  /* width: 14rem; */\n  height: 25%;\n  font-weight: 600;\n  font-size: 1rem;\n"])));
 exports.DetailsTitle = DetailsTitle;
 var DetailsRowContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  text-align: center;\n  align-items: baseline;\n  height: 25%;\n"])));
 exports.DetailsRowContainer = DetailsRowContainer;

package/dist/stories/components/icons/TheGiantCompanyIcon.js

@@ -17,7 +17,7 @@ var TheGiantCompanyIcon = function TheGiantCompanyIcon(_ref) {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
-    viewBox: "0 0 800.000000 160.000000",
+    viewBox: "0 0 700.000000 150.000000",
     preserveAspectRatio: "xMidYMid meet"
   }, /*#__PURE__*/_react.default.createElement("path", {
     fill: "#fffdfe",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.190",
+  "version": "1.0.192",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/dist/stories/components/InfoIcon.js

@@ -1,38 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.InfoIcon = void 0;
-var _react = _interopRequireDefault(require("react"));
-var InfoIcon = function InfoIcon(_ref) {
-  var clicked = _ref.clicked;
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: clicked ? "white" : "black",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: "feather feather-info"
-  }, /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "10"
-  }), /*#__PURE__*/_react.default.createElement("line", {
-    x1: "12",
-    y1: "16",
-    x2: "12",
-    y2: "12"
-  }), /*#__PURE__*/_react.default.createElement("line", {
-    x1: "12",
-    y1: "8",
-    x2: "12",
-    y2: "8"
-  }));
-};
-exports.InfoIcon = InfoIcon;
-var _default = InfoIcon;
-exports.default = _default;