sag_components 1.0.252 → 1.0.255

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 (57) hide show
  1. package/.history/package_20231004150338.json +82 -0
  2. package/.history/package_20231004150347.json +82 -0
  3. package/.history/package_20231004154152.json +82 -0
  4. package/.history/package_20231004155924.json +82 -0
  5. package/dist/stories/components/Benchmark.js +2 -4
  6. package/dist/stories/components/Benchmark.style.js +6 -11
  7. package/dist/stories/components/Button.js +2 -4
  8. package/dist/stories/components/Button.style.js +2 -3
  9. package/dist/stories/components/CommonFunctions.js +5 -9
  10. package/dist/stories/components/Datepicker.js +2 -4
  11. package/dist/stories/components/Datepicker.style.js +2 -3
  12. package/dist/stories/components/Dropdown.js +2 -4
  13. package/dist/stories/components/Dropdown.style.js +2 -3
  14. package/dist/stories/components/FilterContainer.js +2 -4
  15. package/dist/stories/components/FilterContainer.style.js +3 -6
  16. package/dist/stories/components/IconButton.js +2 -4
  17. package/dist/stories/components/IconButton.style.js +3 -6
  18. package/dist/stories/components/NoDataFoundMessage.js +2 -4
  19. package/dist/stories/components/NoDataFoundMessage.style.js +3 -6
  20. package/dist/stories/components/OneColumnContainer.js +2 -4
  21. package/dist/stories/components/OneColumnContainer.style.js +8 -15
  22. package/dist/stories/components/SegmentedButton.js +2 -4
  23. package/dist/stories/components/SegmentedButton.style.js +6 -11
  24. package/dist/stories/components/TextField.js +2 -4
  25. package/dist/stories/components/TextField.style.js +2 -3
  26. package/dist/stories/components/TitleDescription.js +2 -4
  27. package/dist/stories/components/TitleDescription.style.js +24 -48
  28. package/dist/stories/components/Tooltip.js +1 -2
  29. package/dist/stories/components/Tooltip.style.js +3 -6
  30. package/dist/stories/components/TotalBenchmark.js +2 -4
  31. package/dist/stories/components/TotalBenchmark.style.js +9 -18
  32. package/dist/stories/components/TotalBenchmarkAreachart.js +2 -4
  33. package/dist/stories/components/TotalBenchmarkAreachart.style.js +15 -30
  34. package/dist/stories/components/TotalBenchmarkArrows.js +2 -4
  35. package/dist/stories/components/TotalBenchmarkArrows.style.js +14 -28
  36. package/dist/stories/components/TotalBenchmarkBarchart.js +2 -4
  37. package/dist/stories/components/TotalBenchmarkBarchart.style.js +12 -24
  38. package/dist/stories/components/TotalDoughnutChart.js +5 -6
  39. package/dist/stories/components/TotalDoughnutChart.style.js +18 -36
  40. package/dist/stories/components/icons/ArrowDownIcon.js +2 -4
  41. package/dist/stories/components/icons/ArrowDropDownIcon.js +2 -4
  42. package/dist/stories/components/icons/ArrowUpIcon.js +2 -4
  43. package/dist/stories/components/icons/BellIcon.js +2 -4
  44. package/dist/stories/components/icons/CalendarIcon.js +2 -4
  45. package/dist/stories/components/icons/DownloadIcon.js +2 -4
  46. package/dist/stories/components/icons/ExitIcon.js +2 -4
  47. package/dist/stories/components/icons/EyeIcon.js +2 -4
  48. package/dist/stories/components/icons/FlyIcon.js +2 -4
  49. package/dist/stories/components/icons/FoodLionIcon.js +2 -4
  50. package/dist/stories/components/icons/GiantFoodIcon.js +2 -4
  51. package/dist/stories/components/icons/HannafordIcon.js +2 -4
  52. package/dist/stories/components/icons/InfoIcon.js +2 -4
  53. package/dist/stories/components/icons/MaintenanceIcon.js +2 -4
  54. package/dist/stories/components/icons/NoDataFoundIcon.js +2 -4
  55. package/dist/stories/components/icons/StopAndShopIcon.js +2 -4
  56. package/dist/stories/components/icons/TheGiantCompanyIcon.js +2 -4
  57. package/package.json +24 -24
package/dist/stories/components/OneColumnContainer.js CHANGED
@@ -19,7 +19,7 @@ var _excluded = ["children", "display", "isLoading", "gridTemplateColumns", "nod
19
19
  /**
20
20
  * Primary UI component for user interaction
21
21
  */
22
- var OneColumnContainer = function OneColumnContainer(_ref) {
22
+ var OneColumnContainer = exports.OneColumnContainer = function OneColumnContainer(_ref) {
23
23
  var children = _ref.children,
24
24
  _ref$display = _ref.display,
25
25
  display = _ref$display === void 0 ? "flex" : _ref$display,
@@ -107,7 +107,5 @@ var OneColumnContainer = function OneColumnContainer(_ref) {
107
107
  }
108
108
  }, /*#__PURE__*/_react.default.createElement(_InfoIcon.InfoIcon, null)))));
109
109
  };
110
- exports.OneColumnContainer = OneColumnContainer;
111
110
  OneColumnContainer.defaultProps = {};
112
- var _default = OneColumnContainer;
113
- exports.default = _default;
111
+ var _default = exports.default = OneColumnContainer;
package/dist/stories/components/OneColumnContainer.style.js CHANGED
@@ -8,27 +8,21 @@ exports.mainDiv = exports.StyledContainer = exports.LoadingDiv = exports.InfoTit
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
11
- var StyledContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: ", ";\n height: ", ";\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);\n display: flex;\n position: relative;\n border-radius: 10px;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n"])), function (props) {
11
+ var StyledContainer = exports.StyledContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: ", ";\n height: ", ";\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);\n display: flex;\n position: relative;\n border-radius: 10px;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n"])), function (props) {
12
12
  return props.width;
13
13
  }, function (props) {
14
14
  return props.height;
15
15
  });
16
- exports.StyledContainer = StyledContainer;
17
- var InfoTextContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Poppins\", sans-serif;\n width: ", ";\n height: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n background: white;\n margin: 0px 30px 0px 30px;\n"])), function (props) {
16
+ var InfoTextContainer = exports.InfoTextContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Poppins\", sans-serif;\n width: ", ";\n height: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n background: white;\n margin: 0px 30px 0px 30px;\n"])), function (props) {
18
17
  return props.width;
19
18
  }, function (props) {
20
19
  return props.height;
21
20
  });
22
- exports.InfoTextContainer = InfoTextContainer;
23
- var InfoTitleLabel = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n color: black;\n margin: 0px 0px 10px 0px;\n font-size: 18px;\n line-height: 32px;\n /* overflow: scroll; */\n overflow: hidden;\n"])));
24
- exports.InfoTitleLabel = InfoTitleLabel;
25
- var InfoTextLabel = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n color: black;\n font-size: 14px;\n line-height: 20px;\n font-weight: 400;\n\n /* overflow: scroll; */\n overflow: hidden;\n"])));
26
- exports.InfoTextLabel = InfoTextLabel;
27
- var IconContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n width: 20px;\n height: 20px;\n position: absolute;\n margin-top: 10px;\n margin-right: 10px;\n top: 0;\n right: 0;\n padding: 0;\n"])));
28
- exports.IconContainer = IconContainer;
29
- var LoadingDiv = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: 20px;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n width: 76%;\n height: 65%;\n"])));
30
- exports.LoadingDiv = LoadingDiv;
31
- var mainDiv = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n align-items: \"flex-start\";\n justify-content: \"center\";\n width: ", ";\n height: ", ";\n display: ", ";\n grid-template-columns: ", ";\n"])), function (props) {
21
+ var InfoTitleLabel = exports.InfoTitleLabel = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n color: black;\n margin: 0px 0px 10px 0px;\n font-size: 18px;\n line-height: 32px;\n /* overflow: scroll; */\n overflow: hidden;\n"])));
22
+ var InfoTextLabel = exports.InfoTextLabel = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n color: black;\n font-size: 14px;\n line-height: 20px;\n font-weight: 400;\n\n /* overflow: scroll; */\n overflow: hidden;\n"])));
23
+ var IconContainer = exports.IconContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n width: 20px;\n height: 20px;\n position: absolute;\n margin-top: 10px;\n margin-right: 10px;\n top: 0;\n right: 0;\n padding: 0;\n"])));
24
+ var LoadingDiv = exports.LoadingDiv = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: 20px;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n width: 76%;\n height: 65%;\n"])));
25
+ var mainDiv = exports.mainDiv = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n align-items: \"flex-start\";\n justify-content: \"center\";\n width: ", ";\n height: ", ";\n display: ", ";\n grid-template-columns: ", ";\n"])), function (props) {
32
26
  return props.width;
33
27
  }, function (props) {
34
28
  return props.height;
@@ -36,5 +30,4 @@ var mainDiv = _styledComponents.default.div(_templateObject7 || (_templateObject
36
30
  return props.display;
37
31
  }, function (props) {
38
32
  return props.gridTemplateColumns;
39
- });
40
- exports.mainDiv = mainDiv;
33
+ });
package/dist/stories/components/SegmentedButton.js CHANGED
@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
13
13
  var _SegmentedButtonStyle = require("./SegmentedButton.style.js");
14
14
  var _excluded = ["name", "options", "width", "heigth", "controlRadius", "segmentRadius", "fontSize", "backgroundColor", "selectedSegmentColor", "selectedTextColor", "unselectedTextColor", "defaultIndex", "onClick"];
15
15
  /*SegmentedButton*/
16
- var SegmentedButton = function SegmentedButton(_ref) {
16
+ var SegmentedButton = exports.SegmentedButton = function SegmentedButton(_ref) {
17
17
  var name = _ref.name,
18
18
  options = _ref.options,
19
19
  _ref$width = _ref.width,
@@ -122,6 +122,4 @@ var SegmentedButton = function SegmentedButton(_ref) {
122
122
  }, item.value));
123
123
  })));
124
124
  };
125
- exports.SegmentedButton = SegmentedButton;
126
- var _default = SegmentedButton;
127
- exports.default = _default;
125
+ var _default = exports.default = SegmentedButton;
package/dist/stories/components/SegmentedButton.style.js CHANGED
@@ -8,12 +8,11 @@ exports.SegmentLabel = exports.Segment = exports.ControlsInput = exports.Control
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
11
- var ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex; \n font: ", "; \n margin: 0;\n --highlight-width: auto;\n --highlight-x-pos: 0;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n"])), function (props) {
11
+ var ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex; \n font: ", "; \n margin: 0;\n --highlight-width: auto;\n --highlight-x-pos: 0;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n"])), function (props) {
12
12
  var _props$fontSize;
13
13
  return (_props$fontSize = props.fontSize) === null || _props$fontSize === void 0 ? void 0 : _props$fontSize.toString().concat("", "px Poppins, sans-serif");
14
14
  });
15
- exports.ControlsContainer = ControlsContainer;
16
- var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n justify-content: space-between; \n background: ", ";\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n border-radius: ", "; //12px\n // max-width: 500px; //use this to limit max lenght of the control \n padding: 6px; \n margin: auto;\n overflow: hidden;\n position: relative;\n &.controls::before {\n content: \"\";\n background: ", "; /* #3a9df9; #5465ff;*/\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n border-radius: ", "; //12px\n width: var(--highlight-width);\n transform: translateX(var(--highlight-x-pos));\n position: absolute;\n top: 3px;\n bottom: 3px;\n left: 0; \n z-index: 0;\n }\n &.controls.ready::before {\n transition: transform 0.3s ease, width 0.3s ease;\n }\n"])), function (props) {
15
+ var Controls = exports.Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n justify-content: space-between; \n background: ", ";\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n border-radius: ", "; //12px\n // max-width: 500px; //use this to limit max lenght of the control \n padding: 6px; \n margin: auto;\n overflow: hidden;\n position: relative;\n &.controls::before {\n content: \"\";\n background: ", "; /* #3a9df9; #5465ff;*/\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n border-radius: ", "; //12px\n width: var(--highlight-width);\n transform: translateX(var(--highlight-x-pos));\n position: absolute;\n top: 3px;\n bottom: 3px;\n left: 0; \n z-index: 0;\n }\n &.controls.ready::before {\n transition: transform 0.3s ease, width 0.3s ease;\n }\n"])), function (props) {
17
16
  return props.backgroundColor;
18
17
  }, function (props) {
19
18
  return props.controlRadius.toString().concat("", "px");
@@ -22,18 +21,14 @@ var Controls = _styledComponents.default.div(_templateObject2 || (_templateObjec
22
21
  }, function (props) {
23
22
  return props.segmentRadius.toString().concat("", "px");
24
23
  });
25
- exports.Controls = Controls;
26
- var ControlsInput = _styledComponents.default.input(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n opacity: 0;\n margin: 0;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n position: absolute;\n width: 100%;\n cursor: pointer;\n height: 100%;\n"])));
27
- exports.ControlsInput = ControlsInput;
28
- var Segment = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n /* width: 100%; uncomment for each segment to have matching width */ \n min-width: ", "; //120px;\n position: relative;\n text-align: center;\n z-index: 1; \n"])), function (props) {
24
+ var ControlsInput = exports.ControlsInput = _styledComponents.default.input(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n opacity: 0;\n margin: 0;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n position: absolute;\n width: 100%;\n cursor: pointer;\n height: 100%;\n"])));
25
+ var Segment = exports.Segment = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n /* width: 100%; uncomment for each segment to have matching width */ \n min-width: ", "; //120px;\n position: relative;\n text-align: center;\n z-index: 1; \n"])), function (props) {
29
26
  return props.segmentWidth.toString().concat("", "px");
30
27
  });
31
- exports.Segment = Segment;
32
- var SegmentLabel = _styledComponents.default.label(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n cursor: pointer;\n display: block;\n //font-weight: 550;\n padding: ", "; //10px;\n transition: color 0.5s ease;\n &.active {\n color: ", ";\n }\n &.inactive {\n color: ", ";\n }\n"])), function (props) {
28
+ var SegmentLabel = exports.SegmentLabel = _styledComponents.default.label(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n cursor: pointer;\n display: block;\n //font-weight: 550;\n padding: ", "; //10px;\n transition: color 0.5s ease;\n &.active {\n color: ", ";\n }\n &.inactive {\n color: ", ";\n }\n"])), function (props) {
33
29
  return props.segmentHeigth.toString().concat("", "px");
34
30
  }, function (props) {
35
31
  return props.selectedTextColor;
36
32
  }, function (props) {
37
33
  return props.unselectedTextColor;
38
- });
39
- exports.SegmentLabel = SegmentLabel;
34
+ });
package/dist/stories/components/TextField.js CHANGED
@@ -22,7 +22,7 @@ var _styles = require("@mui/material/styles");
22
22
  /**
23
23
  * SAG TextField
24
24
  */
25
- var TextField = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
25
+ var TextField = exports.TextField = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
26
26
  var _ref$width = _ref.width,
27
27
  width = _ref$width === void 0 ? "100%" : _ref$width,
28
28
  _ref$height = _ref.height,
@@ -226,6 +226,4 @@ var TextField = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
226
226
  }
227
227
  }))))));
228
228
  });
229
- exports.TextField = TextField;
230
- var _default = TextField;
231
- exports.default = _default;
229
+ var _default = exports.default = TextField;
package/dist/stories/components/TextField.style.js CHANGED
@@ -10,7 +10,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject;
11
11
  //import './font.css';
12
12
 
13
- var TextFieldContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: ", "; \n text-align: left; \n position: relative; \n align-items: flex-start;\n justify-content: flex-start;\n font-family: Poppins; \n font-size: \"14px\";\n"])), function (props) {
13
+ var TextFieldContainer = exports.TextFieldContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: ", "; \n text-align: left; \n position: relative; \n align-items: flex-start;\n justify-content: flex-start;\n font-family: Poppins; \n font-size: \"14px\";\n"])), function (props) {
14
14
  return props.width;
15
- });
16
- exports.TextFieldContainer = TextFieldContainer;
15
+ });
package/dist/stories/components/TitleDescription.js CHANGED
@@ -18,7 +18,7 @@ var _TheGiantCompanyIcon = require("./icons/TheGiantCompanyIcon");
18
18
  var _TitleDescriptionStyle = require("./TitleDescription.style.js");
19
19
  var _excluded = ["showRetailerIcon", "data", "viewCreativeOnClick", "width", "height", "textColor", "disabled"];
20
20
  /*TitleDescription*/
21
- var TitleDescription = function TitleDescription(_ref) {
21
+ var TitleDescription = exports.TitleDescription = function TitleDescription(_ref) {
22
22
  var _data$objectivesDescr, _data$eventDatesValue, _data$eventDatesValue2;
23
23
  var _ref$showRetailerIcon = _ref.showRetailerIcon,
24
24
  showRetailerIcon = _ref$showRetailerIcon === void 0 ? true : _ref$showRetailerIcon,
@@ -140,6 +140,4 @@ var TitleDescription = function TitleDescription(_ref) {
140
140
  id: "PeriodValue"
141
141
  }, data.eventDatesValue) : "")))));
142
142
  };
143
- exports.TitleDescription = TitleDescription;
144
- var _default = TitleDescription;
145
- exports.default = _default;
143
+ var _default = exports.default = TitleDescription;
package/dist/stories/components/TitleDescription.style.js CHANGED
@@ -8,65 +8,41 @@ exports.ViewCreativeTextField = exports.ViewCreativeContainer = exports.SubLineC
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
11
- var MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: 1rem;\n\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n"])), function (props) {
11
+ var MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: 1rem;\n\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n"])), function (props) {
12
12
  return props.textColor ? props.textColor : "#000";
13
13
  }, function (props) {
14
14
  return props.width;
15
15
  }, function (props) {
16
16
  return props.height;
17
17
  });
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 1rem 1rem 2.5rem;\n font-weight: 400;\n font-size: 14px;\n line-height: 19px;\n white-space: pre-wrap;\n overflow: hidden;\n width: 100%;\n"])));
20
- exports.PanelContainer = PanelContainer;
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
- exports.EventNameAndViewCreativeContainer = EventNameAndViewCreativeContainer;
23
- var EventNameViewCreativeSubContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n"])));
24
- exports.EventNameViewCreativeSubContainer = EventNameViewCreativeSubContainer;
25
- var EventName = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 1rem;\n margin: 0;\n"])));
26
- exports.EventName = EventName;
27
- var ViewCreativeContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n border: 1px solid #ccc;\n margin-left: 10px;\n padding: 3px 10px;\n color: ", ";\n &:hover {\n cursor: ", ";\n }\n"])), function (props) {
18
+ var PanelContainer = exports.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 2.5rem;\n font-weight: 400;\n font-size: 14px;\n line-height: 19px;\n white-space: pre-wrap;\n overflow: hidden;\n width: 100%;\n"])));
19
+ var EventNameAndViewCreativeContainer = exports.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"])));
20
+ var EventNameViewCreativeSubContainer = exports.EventNameViewCreativeSubContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n"])));
21
+ var EventName = exports.EventName = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 1rem;\n margin: 0;\n"])));
22
+ var ViewCreativeContainer = exports.ViewCreativeContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n border: 1px solid #ccc;\n margin-left: 10px;\n padding: 3px 10px;\n color: ", ";\n &:hover {\n cursor: ", ";\n }\n"])), function (props) {
28
23
  return props.disabled ? "#B1B1B1" : "#212121";
29
24
  }, function (props) {
30
25
  return !props.disabled ? "pointer" : "default";
31
26
  });
32
- exports.ViewCreativeContainer = ViewCreativeContainer;
33
- var ViewCreativeTextField = _styledComponents.default.h4(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin: 0 5px;\n font-weight: 400;\n"])));
34
- exports.ViewCreativeTextField = ViewCreativeTextField;
35
- var FilterValuesContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n width: 100%;\n margin: 0.5rem;\n"])));
36
- exports.FilterValuesContainer = FilterValuesContainer;
37
- var FilterValue = _styledComponents.default.p(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n //color: #1b30aa;\n margin: 0;\n"])));
38
- exports.FilterValue = FilterValue;
39
- var FieldsDelimiter = _styledComponents.default.p(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n color: #ccc;\n margin: 0;\n"])));
40
- exports.FieldsDelimiter = FieldsDelimiter;
41
- var Retailer = _styledComponents.default.p(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0;\n margin-inline-end: 5px;\n"])));
42
- exports.Retailer = Retailer;
43
- var Space = _styledComponents.default.p(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
44
- exports.Space = Space;
45
- var RetailerIconContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n"])));
46
- exports.RetailerIconContainer = RetailerIconContainer;
47
- var ObjectiesContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: space-between;\n width: 75%;\n"])));
48
- exports.ObjectiesContainer = ObjectiesContainer;
49
- var ObjectiesAndPeriodsContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
50
- exports.ObjectiesAndPeriodsContainer = ObjectiesAndPeriodsContainer;
51
- var ObjectivesTitle = _styledComponents.default.strong(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n"])));
52
- exports.ObjectivesTitle = ObjectivesTitle;
53
- var ObjectivesDescription = _styledComponents.default.p(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
54
- exports.ObjectivesDescription = ObjectivesDescription;
55
- var ObjectivesShowMore = _styledComponents.default.a(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n &:hover {\n cursor: ", ";\n }\n"])), function (props) {
27
+ var ViewCreativeTextField = exports.ViewCreativeTextField = _styledComponents.default.h4(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin: 0 5px;\n font-weight: 400;\n"])));
28
+ var FilterValuesContainer = exports.FilterValuesContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n width: 100%;\n margin: 0.5rem;\n"])));
29
+ var FilterValue = exports.FilterValue = _styledComponents.default.p(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n //color: #1b30aa;\n margin: 0;\n"])));
30
+ var FieldsDelimiter = exports.FieldsDelimiter = _styledComponents.default.p(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n color: #ccc;\n margin: 0;\n"])));
31
+ var Retailer = exports.Retailer = _styledComponents.default.p(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0;\n margin-inline-end: 5px;\n"])));
32
+ var Space = exports.Space = _styledComponents.default.p(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
33
+ var RetailerIconContainer = exports.RetailerIconContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n"])));
34
+ var ObjectiesContainer = exports.ObjectiesContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: space-between;\n width: 75%;\n"])));
35
+ var ObjectiesAndPeriodsContainer = exports.ObjectiesAndPeriodsContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
36
+ var ObjectivesTitle = exports.ObjectivesTitle = _styledComponents.default.strong(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n"])));
37
+ var ObjectivesDescription = exports.ObjectivesDescription = _styledComponents.default.p(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
38
+ var ObjectivesShowMore = exports.ObjectivesShowMore = _styledComponents.default.a(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n &:hover {\n cursor: ", ";\n }\n"])), function (props) {
56
39
  return props.disabled ? "#B1B1B1" : "#1b30aa";
57
40
  }, function (props) {
58
41
  return !props.disabled ? "pointer" : "default";
59
42
  });
60
- exports.ObjectivesShowMore = ObjectivesShowMore;
61
- var BottonsContainer = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n min-height: 1.5rem;\n"])));
62
- exports.BottonsContainer = BottonsContainer;
63
- var DownloadButtonContainer = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)([""])));
64
- exports.DownloadButtonContainer = DownloadButtonContainer;
65
- var PeriodsContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: flex-start;\n white-space: pre-wrap;\n margin-left: 40px;\n width: 25%;\n"])));
66
- exports.PeriodsContainer = PeriodsContainer;
67
- var SubLineContainer = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
68
- exports.SubLineContainer = SubLineContainer;
69
- var PeriodLabel = _styledComponents.default.strong(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n"])));
70
- exports.PeriodLabel = PeriodLabel;
71
- var PeriodValue = _styledComponents.default.p(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
72
- exports.PeriodValue = PeriodValue;
43
+ var BottonsContainer = exports.BottonsContainer = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n min-height: 1.5rem;\n"])));
44
+ var DownloadButtonContainer = exports.DownloadButtonContainer = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)([""])));
45
+ var PeriodsContainer = exports.PeriodsContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: flex-start;\n white-space: pre-wrap;\n margin-left: 40px;\n width: 25%;\n"])));
46
+ var SubLineContainer = exports.SubLineContainer = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
47
+ var PeriodLabel = exports.PeriodLabel = _styledComponents.default.strong(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n"])));
48
+ var PeriodValue = exports.PeriodValue = _styledComponents.default.p(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
package/dist/stories/components/Tooltip.js CHANGED
@@ -33,5 +33,4 @@ var Tooltip = function Tooltip(props) {
33
33
  className: "controls ".concat(props.direction || "top")
34
34
  }, props.content)));
35
35
  };
36
- var _default = Tooltip;
37
- exports.default = _default;
36
+ var _default = exports.default = Tooltip;
package/dist/stories/components/Tooltip.style.js CHANGED
@@ -9,13 +9,10 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3;
11
11
  /* Custom properties */
12
- var TooltipContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n --tooltip-text-color: black;\n --tooltip-background-color: white;\n --tooltip-margin: 40px;\n --tooltip-arrow-size: 10px;\n"])));
12
+ var TooltipContainer = exports.TooltipContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n --tooltip-text-color: black;\n --tooltip-background-color: white;\n --tooltip-margin: 40px;\n --tooltip-arrow-size: 10px;\n"])));
13
13
 
14
14
  /* Wrapping */
15
- exports.TooltipContainer = TooltipContainer;
16
- var TooltipWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-block;\n position: relative;\n"])));
15
+ var TooltipWrapper = exports.TooltipWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-block;\n position: relative;\n"])));
17
16
 
18
17
  /* Absolute positioning */
19
- exports.TooltipWrapper = TooltipWrapper;
20
- var TooltipTip = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);\n position: absolute;\n border-radius: 4px;\n left: 50%;\n transform: translateX(-50%);\n padding: 8px 12px;\n color: var(--tooltip-text-color);\n background: var(--tooltip-background-color);\n font-size: 12px;\n font-family: sans-serif;\n line-height: 1;\n z-index: 100;\n white-space: nowrap;\n \n /* CSS border triangles */\n &.controls::before {\n content: \" \";\n left: 50%;\n border: solid transparent;\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-width: var(--tooltip-arrow-size);\n margin-left: calc(var(--tooltip-arrow-size) * -1);\n }\n\n /* Absolute positioning */\n &.controls.top {\n top: calc(var(--tooltip-margin) * -1);\n }\n\n /* CSS border triangles */\n &.controls.top::before {\n top: 100%;\n border-top-color: var(--tooltip-background-color);\n }\n\n /* Absolute positioning */\n &.controls.right {\n left: calc(70% + var(--tooltip-margin));\n top: 50%;\n transform: translateX(0) translateY(-50%);\n }\n\n /* CSS border triangles */\n &.controls.right::before {\n left: calc(var(--tooltip-arrow-size) * -1);\n top: 50%;\n transform: translateX(0) translateY(-50%);\n border-right-color: var(--tooltip-background-color);\n }\n\n /* Absolute positioning */\n &.controls.bottom {\n bottom: calc(var(--tooltip-margin) * -1);\n }\n /* CSS border triangles */\n &.controls.bottom::before {\n bottom: 100%;\n border-bottom-color: var(--tooltip-background-color);\n }\n\n /* Absolute positioning */\n &.controls.left {\n left: auto;\n right: calc(70% + var(--tooltip-margin));\n top: 50%;\n transform: translateX(0) translateY(-50%);\n }\n /* CSS border triangles */\n &.controls.left::before {\n left: auto;\n right: calc(var(--tooltip-arrow-size) * -2);\n top: 50%;\n transform: translateX(0) translateY(-50%);\n border-left-color: var(--tooltip-background-color);\n }\n"])));
21
- exports.TooltipTip = TooltipTip;
18
+ var TooltipTip = exports.TooltipTip = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);\n position: absolute;\n border-radius: 4px;\n left: 50%;\n transform: translateX(-50%);\n padding: 8px 12px;\n color: var(--tooltip-text-color);\n background: var(--tooltip-background-color);\n font-size: 12px;\n font-family: sans-serif;\n line-height: 1;\n z-index: 100;\n white-space: nowrap;\n \n /* CSS border triangles */\n &.controls::before {\n content: \" \";\n left: 50%;\n border: solid transparent;\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-width: var(--tooltip-arrow-size);\n margin-left: calc(var(--tooltip-arrow-size) * -1);\n }\n\n /* Absolute positioning */\n &.controls.top {\n top: calc(var(--tooltip-margin) * -1);\n }\n\n /* CSS border triangles */\n &.controls.top::before {\n top: 100%;\n border-top-color: var(--tooltip-background-color);\n }\n\n /* Absolute positioning */\n &.controls.right {\n left: calc(70% + var(--tooltip-margin));\n top: 50%;\n transform: translateX(0) translateY(-50%);\n }\n\n /* CSS border triangles */\n &.controls.right::before {\n left: calc(var(--tooltip-arrow-size) * -1);\n top: 50%;\n transform: translateX(0) translateY(-50%);\n border-right-color: var(--tooltip-background-color);\n }\n\n /* Absolute positioning */\n &.controls.bottom {\n bottom: calc(var(--tooltip-margin) * -1);\n }\n /* CSS border triangles */\n &.controls.bottom::before {\n bottom: 100%;\n border-bottom-color: var(--tooltip-background-color);\n }\n\n /* Absolute positioning */\n &.controls.left {\n left: auto;\n right: calc(70% + var(--tooltip-margin));\n top: 50%;\n transform: translateX(0) translateY(-50%);\n }\n /* CSS border triangles */\n &.controls.left::before {\n left: auto;\n right: calc(var(--tooltip-arrow-size) * -2);\n top: 50%;\n transform: translateX(0) translateY(-50%);\n border-left-color: var(--tooltip-background-color);\n }\n"])));
package/dist/stories/components/TotalBenchmark.js CHANGED
@@ -15,7 +15,7 @@ var _Benchmark = require("./Benchmark");
15
15
  var _TotalBenchmarkStyle = require("./TotalBenchmark.style.js");
16
16
  var _excluded = ["data", "dotCut", "width", "height", "textColor", "noDataText"];
17
17
  /*TotalBenchmark*/
18
- var TotalBenchmark = function TotalBenchmark(_ref) {
18
+ var TotalBenchmark = exports.TotalBenchmark = function TotalBenchmark(_ref) {
19
19
  var data = _ref.data,
20
20
  _ref$dotCut = _ref.dotCut,
21
21
  dotCut = _ref$dotCut === void 0 ? true : _ref$dotCut,
@@ -91,6 +91,4 @@ var TotalBenchmark = function TotalBenchmark(_ref) {
91
91
  noDataText: noDataText
92
92
  })));
93
93
  };
94
- exports.TotalBenchmark = TotalBenchmark;
95
- var _default = TotalBenchmark;
96
- exports.default = _default;
94
+ var _default = exports.default = TotalBenchmark;
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, _templateObject8, _templateObject9;
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 font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n place-content: space-between;\n justify-content: space-between;\n align-items: flex-start;\n background: #ffffff;\n"])), function (props) {
13
+ var ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n place-content: space-between;\n justify-content: space-between;\n align-items: flex-start;\n background: #ffffff;\n"])), function (props) {
14
14
  return props.rootFont;
15
15
  }, function (props) {
16
16
  return props.textColor;
@@ -19,20 +19,11 @@ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templ
19
19
  }, function (props) {
20
20
  return props.height;
21
21
  });
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: 2rem;\n padding: 0px 0.8rem;\n"])));
24
- exports.Controls = Controls;
25
- var TitleAndValueContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n //display: flex;\n //flex-direction: column;\n width: 100%;\n"])));
26
- exports.TitleAndValueContainer = TitleAndValueContainer;
27
- var Title = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 1rem;\n //margin-bottom: 1rem;\n"])));
28
- exports.Title = Title;
29
- var FormattedValue = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n font-weight: 500;\n font-size: 2.22222rem;\n"])));
30
- exports.FormattedValue = FormattedValue;
31
- var FormattedValueNoData = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n font-weight: 700;\n font-size: 16px;\n"])));
32
- exports.FormattedValueNoData = FormattedValueNoData;
33
- var BenchmarkContainerParent = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: baseline;\n width: 100%;\n height: 100%;\n margin: 0;\n"])));
34
- exports.BenchmarkContainerParent = BenchmarkContainerParent;
35
- var BenchmarkContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n margin-top: 0;\n margin-left: 1rem;\n height: 0.9rem;\n //margin: 0;\n"])));
36
- exports.BenchmarkContainer = BenchmarkContainer;
37
- var NoDataFoundContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n"])));
38
- exports.NoDataFoundContainer = NoDataFoundContainer;
22
+ var Controls = exports.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"])));
23
+ var TitleAndValueContainer = exports.TitleAndValueContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n //display: flex;\n //flex-direction: column;\n width: 100%;\n"])));
24
+ var Title = exports.Title = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 1rem;\n //margin-bottom: 1rem;\n"])));
25
+ var FormattedValue = exports.FormattedValue = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n font-weight: 500;\n font-size: 2.22222rem;\n"])));
26
+ var FormattedValueNoData = exports.FormattedValueNoData = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n font-weight: 700;\n font-size: 16px;\n"])));
27
+ var BenchmarkContainerParent = exports.BenchmarkContainerParent = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: baseline;\n width: 100%;\n height: 100%;\n margin: 0;\n"])));
28
+ var BenchmarkContainer = exports.BenchmarkContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n margin-top: 0;\n margin-left: 1rem;\n height: 0.9rem;\n //margin: 0;\n"])));
29
+ var NoDataFoundContainer = exports.NoDataFoundContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n"])));
package/dist/stories/components/TotalBenchmarkAreachart.js CHANGED
@@ -20,7 +20,7 @@ var _TotalBenchmarkAreachart = require("./TotalBenchmarkAreachart.style");
20
20
  var _CommonFunctions = require("./CommonFunctions");
21
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
- var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
23
+ var TotalBenchmarkAreachart = exports.TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
24
24
  var _ref4;
25
25
  var title = _ref.title,
26
26
  value = _ref.value,
@@ -255,6 +255,4 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
255
255
  noDataText: noDataText
256
256
  }));
257
257
  };
258
- exports.TotalBenchmarkAreachart = TotalBenchmarkAreachart;
259
- var _default = TotalBenchmarkAreachart;
260
- exports.default = _default;
258
+ var _default = exports.default = TotalBenchmarkAreachart;
package/dist/stories/components/TotalBenchmarkAreachart.style.js CHANGED
@@ -8,7 +8,7 @@ exports.ValueAndBenchmarkContainer = exports.TooltipTitle = exports.TooltipLabel
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
11
- var ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n"])), function (props) {
11
+ var ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n"])), function (props) {
12
12
  return props.rootFont;
13
13
  }, function (props) {
14
14
  return props.textColor;
@@ -17,32 +17,17 @@ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templ
17
17
  }, function (props) {
18
18
  return props.height;
19
19
  });
20
- exports.ControlsContainer = ControlsContainer;
21
- var TooltipDiv = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n border-radius: 5px;\n background: #fff;\n font-family: \"Poppins\", sans-serif;\n border-radius: 5px;\n padding: 8px 12px;\n display: grid;\n"])));
22
- exports.TooltipDiv = TooltipDiv;
23
- var TooltipLabel = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n width: fit-content;\n"])));
24
- exports.TooltipLabel = TooltipLabel;
25
- var TooltipTitle = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n"])));
26
- exports.TooltipTitle = TooltipTitle;
27
- var Controls = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n border-radius: 12px;\n background: #ffffff;\n justify-content: center;\n flex-direction: column;\n flex-basis: 100%;\n\n justify-content: space-between;\n width: 100%;\n\n"])));
28
- exports.Controls = Controls;
29
- var TitleAndValueContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 1rem;\n"])));
30
- exports.TitleAndValueContainer = TitleAndValueContainer;
31
- var Title = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 1rem;\n\n"])));
32
- exports.Title = Title;
33
- var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n align-items: baseline;\n\n"])));
34
- exports.ValueAndBenchmarkContainer = ValueAndBenchmarkContainer;
35
- var DetailsRowArrowContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 1.2rem;\n align-items: flex-end;\n"])));
36
- exports.DetailsRowArrowContainer = DetailsRowArrowContainer;
37
- var FormattedValue = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.1rem;\n font-weight: 500;\n font-size: 2.22222rem;\n"])));
38
- exports.FormattedValue = FormattedValue;
39
- var FormattedValueNoDataMessage = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.3rem;\n font-weight: 700;\n font-size: 0.88889rem;\n margin: 0; \n"])));
40
- exports.FormattedValueNoDataMessage = FormattedValueNoDataMessage;
41
- var BenchmarkContainer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 1.5rem;\n"])));
42
- exports.BenchmarkContainer = BenchmarkContainer;
43
- var AreaChartContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n\n width: 100%;\n height: 50%;\n"])));
44
- exports.AreaChartContainer = AreaChartContainer;
45
- var BottomDetailsRowContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: flex-start;\n justify-content: center;\n text-align: center;\n"])));
46
- exports.BottomDetailsRowContainer = BottomDetailsRowContainer;
47
- var BottomDetailsRowTitle = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.77778rem;\n"])));
48
- exports.BottomDetailsRowTitle = BottomDetailsRowTitle;
20
+ var TooltipDiv = exports.TooltipDiv = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n border-radius: 5px;\n background: #fff;\n font-family: \"Poppins\", sans-serif;\n border-radius: 5px;\n padding: 8px 12px;\n display: grid;\n"])));
21
+ var TooltipLabel = exports.TooltipLabel = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n width: fit-content;\n"])));
22
+ var TooltipTitle = exports.TooltipTitle = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n"])));
23
+ var Controls = exports.Controls = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n border-radius: 12px;\n background: #ffffff;\n justify-content: center;\n flex-direction: column;\n flex-basis: 100%;\n\n justify-content: space-between;\n width: 100%;\n\n"])));
24
+ var TitleAndValueContainer = exports.TitleAndValueContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 1rem;\n"])));
25
+ var Title = exports.Title = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 1rem;\n\n"])));
26
+ var ValueAndBenchmarkContainer = exports.ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n align-items: baseline;\n\n"])));
27
+ var DetailsRowArrowContainer = exports.DetailsRowArrowContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 1.2rem;\n align-items: flex-end;\n"])));
28
+ var FormattedValue = exports.FormattedValue = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.1rem;\n font-weight: 500;\n font-size: 2.22222rem;\n"])));
29
+ var FormattedValueNoDataMessage = exports.FormattedValueNoDataMessage = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.3rem;\n font-weight: 700;\n font-size: 0.88889rem;\n margin: 0; \n"])));
30
+ var BenchmarkContainer = exports.BenchmarkContainer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 1.5rem;\n"])));
31
+ var AreaChartContainer = exports.AreaChartContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n\n width: 100%;\n height: 50%;\n"])));
32
+ var BottomDetailsRowContainer = exports.BottomDetailsRowContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: flex-start;\n justify-content: center;\n text-align: center;\n"])));
33
+ var BottomDetailsRowTitle = exports.BottomDetailsRowTitle = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.77778rem;\n"])));
package/dist/stories/components/TotalBenchmarkArrows.js CHANGED
@@ -17,7 +17,7 @@ var _Benchmark = require("./Benchmark");
17
17
  var _TotalBenchmarkArrowsStyle = require("./TotalBenchmarkArrows.style.js");
18
18
  var _excluded = ["title", "value", "benchmarkTotalValue", "benchmarkValue", "detailsTitle", "detailsData", "dotCut", "width", "height", "textColor", "noDataText"];
19
19
  /*TotalBenchmarkArrows*/
20
- var TotalBenchmarkArrows = function TotalBenchmarkArrows(_ref) {
20
+ var TotalBenchmarkArrows = exports.TotalBenchmarkArrows = function TotalBenchmarkArrows(_ref) {
21
21
  var title = _ref.title,
22
22
  value = _ref.value,
23
23
  benchmarkTotalValue = _ref.benchmarkTotalValue,
@@ -137,6 +137,4 @@ var TotalBenchmarkArrows = function TotalBenchmarkArrows(_ref) {
137
137
  noDataText: noDataText
138
138
  }));
139
139
  };
140
- exports.TotalBenchmarkArrows = TotalBenchmarkArrows;
141
- var _default = TotalBenchmarkArrows;
142
- exports.default = _default;
140
+ var _default = exports.default = TotalBenchmarkArrows;
package/dist/stories/components/TotalBenchmarkArrows.style.js CHANGED
@@ -8,7 +8,7 @@ exports.ValueAndBenchmarkContainer = exports.Title = exports.FormattedValue = ex
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
11
- var ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])), function (props) {
11
+ var ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])), function (props) {
12
12
  return props.rootFont;
13
13
  }, function (props) {
14
14
  return props.textColor;
@@ -17,30 +17,16 @@ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templ
17
17
  }, function (props) {
18
18
  return props.height;
19
19
  });
20
- exports.ControlsContainer = ControlsContainer;
21
- 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"])));
22
- exports.Controls = Controls;
23
- var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)([" \n font-weight: 500;\n font-size: 1rem;\n // margin-bottom: 1rem;\n"])));
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 height: 45%;\n"])));
26
- exports.ValueAndBenchmarkContainer = ValueAndBenchmarkContainer;
27
- var FormattedValue = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.1rem;\n font-weight: 500;\n font-size: 2.22222rem;\n"])));
28
- exports.FormattedValue = FormattedValue;
29
- var BenchmarkContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.77778rem;\n width: 5.35rem;\n"])));
30
- exports.BenchmarkContainer = BenchmarkContainer;
31
- var DetailsContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n /* width: 14rem; */\n height: 50%;\n"])));
32
- exports.DetailsContainer = DetailsContainer;
33
- var DetailsTitle = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n height: 25%;\n font-weight: 500;\n font-size: 1rem;\n"])));
34
- exports.DetailsTitle = DetailsTitle;
35
- 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"])));
36
- exports.DetailsRowContainer = DetailsRowContainer;
37
- var DetailsRowArrowContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 0.8rem;\n align-items: flex-end;\n height: 25%;\n"])));
38
- exports.DetailsRowArrowContainer = DetailsRowArrowContainer;
39
- var DetailsRowFormattedValue = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.3rem;\n font-weight: 700;\n font-size: 0.88889rem;\n"])));
40
- exports.DetailsRowFormattedValue = DetailsRowFormattedValue;
41
- var DetailsRowFormattedValueNoDataMessage = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.3rem;\n font-weight: 700;\n font-size: 0.88889rem;\n margin: 0; \n"])));
42
- exports.DetailsRowFormattedValueNoDataMessage = DetailsRowFormattedValueNoDataMessage;
43
- var DetailsRowPercentSign = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.3rem;\n font-weight: 700;\n font-size: 12px;\n"])));
44
- exports.DetailsRowPercentSign = DetailsRowPercentSign;
45
- var DetailsRowTitle = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.3rem;\n font-weight: 400;\n font-size: 0.88889rem;\n"])));
46
- exports.DetailsRowTitle = DetailsRowTitle;
20
+ var Controls = exports.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"])));
21
+ var Title = exports.Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)([" \n font-weight: 500;\n font-size: 1rem;\n // margin-bottom: 1rem;\n"])));
22
+ var ValueAndBenchmarkContainer = exports.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 height: 45%;\n"])));
23
+ var FormattedValue = exports.FormattedValue = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.1rem;\n font-weight: 500;\n font-size: 2.22222rem;\n"])));
24
+ var BenchmarkContainer = exports.BenchmarkContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.77778rem;\n width: 5.35rem;\n"])));
25
+ var DetailsContainer = exports.DetailsContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n /* width: 14rem; */\n height: 50%;\n"])));
26
+ var DetailsTitle = exports.DetailsTitle = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n height: 25%;\n font-weight: 500;\n font-size: 1rem;\n"])));
27
+ var DetailsRowContainer = exports.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"])));
28
+ var DetailsRowArrowContainer = exports.DetailsRowArrowContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 0.8rem;\n align-items: flex-end;\n height: 25%;\n"])));
29
+ var DetailsRowFormattedValue = exports.DetailsRowFormattedValue = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.3rem;\n font-weight: 700;\n font-size: 0.88889rem;\n"])));
30
+ var DetailsRowFormattedValueNoDataMessage = exports.DetailsRowFormattedValueNoDataMessage = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.3rem;\n font-weight: 700;\n font-size: 0.88889rem;\n margin: 0; \n"])));
31
+ var DetailsRowPercentSign = exports.DetailsRowPercentSign = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.3rem;\n font-weight: 700;\n font-size: 12px;\n"])));
32
+ var DetailsRowTitle = exports.DetailsRowTitle = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.3rem;\n font-weight: 400;\n font-size: 0.88889rem;\n"])));
package/dist/stories/components/TotalBenchmarkBarchart.js CHANGED
@@ -16,7 +16,7 @@ var _Benchmark = require("./Benchmark");
16
16
  var _TotalBenchmarkBarchartStyle = require("./TotalBenchmarkBarchart.style.js");
17
17
  var _excluded = ["title", "value", "benchmarkTotalValue", "benchmarkValue", "currency", "currencyType", "barChartData", "dotCut", "width", "height", "textColor", "noDataText"];
18
18
  /*TotalBenchmarkBarchart*/
19
- var TotalBenchmarkBarchart = function TotalBenchmarkBarchart(_ref) {
19
+ var TotalBenchmarkBarchart = exports.TotalBenchmarkBarchart = function TotalBenchmarkBarchart(_ref) {
20
20
  var _getFormattedBarChart, _getFormattedBarChart2;
21
21
  var title = _ref.title,
22
22
  value = _ref.value,
@@ -213,6 +213,4 @@ var TotalBenchmarkBarchart = function TotalBenchmarkBarchart(_ref) {
213
213
  noDataText: noDataText
214
214
  }));
215
215
  };
216
- exports.TotalBenchmarkBarchart = TotalBenchmarkBarchart;
217
- var _default = TotalBenchmarkBarchart;
218
- exports.default = _default;
216
+ var _default = exports.default = TotalBenchmarkBarchart;