sag_components 1.0.111 → 1.0.113

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/TitleDescription.style.js +11 -11
  2. package/dist/stories/components/TotalBenchmarkAreachart.js +2 -2
  3. package/dist/stories/components/TotalBenchmarkAreachart.style.js +3 -3
  4. package/dist/stories/components/TotalDoughnutChart.js +2 -2
  5. package/package.json +1 -1
package/dist/stories/components/TitleDescription.style.js CHANGED
@@ -8,7 +8,7 @@ exports.RightPanelLine3SubLine2Field3 = exports.RightPanelLine3SubLine2Field2 =
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, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31;
11
- var MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n position: relative;\n margin: 0px 0 0px;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n font-size: 1em;\n\n color: ", ";\n width: ", ";\n height: ", ";\n\n //box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n border-radius: 12px;\n align-content: center;\n\n justify-content: center;\n align-items: center;\n\n //border: 1px solid red;\n"])), function (props) {
11
+ var MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n position: relative;\n margin: 0px 0 0px;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n font-size: 1em;\n\n color: ", ";\n width: ", ";\n height: ", ";\n\n border-radius: 12px;\n align-content: center;\n\n justify-content: center;\n align-items: center;\n\n min-width: 64em;\n"])), function (props) {
12
12
  return props.textColor ? props.textColor : "#000";
13
13
  }, function (props) {
14
14
  return props.width;
@@ -16,25 +16,25 @@ var MainContainer = _styledComponents.default.div(_templateObject || (_templateO
16
16
  return props.height;
17
17
  });
18
18
  exports.MainContainer = MainContainer;
19
- var LeftPanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 12px;\n width: 60%;\n height: 100%;\n background: #ffffff;\n\n"])));
19
+ var LeftPanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 12px;\n width: 60%;\n height: 100%;\n background: #ffffff;\n"])));
20
20
  exports.LeftPanelContainer = LeftPanelContainer;
21
- var LeftPanelLine1Container = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n /* align-items: baseline; */\n align-items: center;\n overflow: hidden;\n width: 100%;\n height: 30%;\n min-height: 1.7em;\n border-radius: 12px;\n\n"])));
21
+ var LeftPanelLine1Container = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n /* align-items: baseline; */\n align-items: center;\n overflow: hidden;\n width: 100%;\n height: 30%;\n min-height: 1.7em;\n border-radius: 12px;\n"])));
22
22
  exports.LeftPanelLine1Container = LeftPanelLine1Container;
23
- var LeftPanelLine1Field1 = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n overflow: hidden;\n margin-top: 5px;\n margin-left: 10px;\n margin-right: 10px;\n font-weight: 700;\n \n font-size: 1.2em;\n"])));
23
+ var LeftPanelLine1Field1 = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n overflow: hidden;\n margin-top: 5px;\n margin-left: 10px;\n margin-right: 10px;\n font-weight: 700;\n\n font-size: 1.2em;\n"])));
24
24
  exports.LeftPanelLine1Field1 = LeftPanelLine1Field1;
25
- var LeftPanelLine1IconButtonContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n font-weight: 500; \n border-radius: 12px;\n border: 1px solid #ccc;\n margin-top: 5px;\n margin-left: 5px;\n margin-right: 5px;\n"])));
25
+ var LeftPanelLine1IconButtonContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n font-weight: 500;\n border-radius: 12px;\n border: 1px solid #ccc;\n margin-top: 5px;\n margin-left: 5px;\n margin-right: 5px;\n"])));
26
26
  exports.LeftPanelLine1IconButtonContainer = LeftPanelLine1IconButtonContainer;
27
27
  var LeftPanelLine1InfoButtonText = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n margin-left: 10px;\n margin-right: 10px;\n"])));
28
28
  exports.LeftPanelLine1InfoButtonText = LeftPanelLine1InfoButtonText;
29
- var LeftPanelLine2Container = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n overflow: hidden;\n width: 100%;\n height: 30%; \n min-height: 1.3em;\n border-radius: 12px;\n\n"])));
29
+ var LeftPanelLine2Container = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n overflow: hidden;\n width: 100%;\n height: 30%;\n min-height: 1.3em;\n border-radius: 12px;\n"])));
30
30
  exports.LeftPanelLine2Container = LeftPanelLine2Container;
31
- var LeftPanelLine2Field1 = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n margin-left: 10px;\n margin-right: 0px; \n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
31
+ var LeftPanelLine2Field1 = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n margin-left: 10px;\n margin-right: 0px;\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
32
32
  exports.LeftPanelLine2Field1 = LeftPanelLine2Field1;
33
33
  var FieldsDelimiter = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n white-space: pre-wrap;\n color: #ccc;\n"])));
34
34
  exports.FieldsDelimiter = FieldsDelimiter;
35
35
  var LeftPanelLine2Field3 = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
36
36
  exports.LeftPanelLine2Field3 = LeftPanelLine2Field3;
37
- var LeftPanelLine3Container = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n width: 100%;\n height: 50%;\n min-height: 1.4em; \n border-radius: 12px;\n"])));
37
+ var LeftPanelLine3Container = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n width: 100%;\n height: 50%;\n min-height: 1.4em;\n border-radius: 12px;\n"])));
38
38
  exports.LeftPanelLine3Container = LeftPanelLine3Container;
39
39
  var LeftPanelLine3SubLine1Field1 = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 0.8em;\n white-space: pre-wrap;\n margin-left: 10px;\n"])));
40
40
  exports.LeftPanelLine3SubLine1Field1 = LeftPanelLine3SubLine1Field1;
@@ -70,9 +70,9 @@ var RightPanelLine3SubLine1Field2 = _styledComponents.default.div(_templateObjec
70
70
  exports.RightPanelLine3SubLine1Field2 = RightPanelLine3SubLine1Field2;
71
71
  var RightPanelLine3SubLine2Container = _styledComponents.default.div(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
72
72
  exports.RightPanelLine3SubLine2Container = RightPanelLine3SubLine2Container;
73
- var RightPanelLine3SubLine2Field1 = _styledComponents.default.div(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 0.8em;\n white-space: pre-wrap;\n margin-left: 5px; \n margin-right: 0px;\n overflow: hidden;\n"])));
73
+ var RightPanelLine3SubLine2Field1 = _styledComponents.default.div(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 0.8em;\n white-space: pre-wrap;\n margin-left: 5px;\n margin-right: 0px;\n overflow: hidden;\n"])));
74
74
  exports.RightPanelLine3SubLine2Field1 = RightPanelLine3SubLine2Field1;
75
- var RightPanelLine3SubLine2Field2 = _styledComponents.default.div(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n font-weight: 400;\n font-size: 0.8em;\n \n"])));
75
+ var RightPanelLine3SubLine2Field2 = _styledComponents.default.div(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n font-weight: 400;\n font-size: 0.8em;\n"])));
76
76
  exports.RightPanelLine3SubLine2Field2 = RightPanelLine3SubLine2Field2;
77
- var RightPanelLine3SubLine2Field3 = _styledComponents.default.div(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em; \n"])));
77
+ var RightPanelLine3SubLine2Field3 = _styledComponents.default.div(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n"])));
78
78
  exports.RightPanelLine3SubLine2Field3 = RightPanelLine3SubLine2Field3;
package/dist/stories/components/TotalBenchmarkAreachart.js CHANGED
@@ -130,9 +130,9 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
130
130
  data: areaChartData,
131
131
  margin: {
132
132
  top: 0,
133
- right: 12,
133
+ right: 18,
134
134
  bottom: 0,
135
- left: 12
135
+ left: 18
136
136
  }
137
137
  }, /*#__PURE__*/_react.default.createElement(_recharts.CartesianGrid, {
138
138
  strokeDasharray: "3 3",
package/dist/stories/components/TotalBenchmarkAreachart.style.js CHANGED
@@ -20,9 +20,9 @@ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templ
20
20
  exports.ControlsContainer = ControlsContainer;
21
21
  var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (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 padding: 16px;\n"])));
22
22
  exports.Controls = Controls;
23
- var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)([" \n font-weight: 600;\n font-size: 1em; \n"])));
23
+ var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)([" \n font-weight: 600;\n font-size: 1em; \n margin-left: 0.5em;\n margin-top: 10px;\n"])));
24
24
  exports.Title = Title;
25
- var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n align-items: baseline; \n"])));
25
+ var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n align-items: baseline; \n margin-left: 0.5em;\n"])));
26
26
  exports.ValueAndBenchmarkContainer = ValueAndBenchmarkContainer;
27
27
  var DetailsRowArrowContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)([" \n display: flex;\n width: 1.2em; \n align-items: flex-end;\n"])));
28
28
  exports.DetailsRowArrowContainer = DetailsRowArrowContainer;
@@ -30,7 +30,7 @@ var FormattedValue = _styledComponents.default.div(_templateObject6 || (_templat
30
30
  exports.FormattedValue = FormattedValue;
31
31
  var BenchmarkContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.7em;\n /* width: 5.35em; */\n"])));
32
32
  exports.BenchmarkContainer = BenchmarkContainer;
33
- var AreaChartContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n width: 14em;\n height: 48%;\n\n"])));
33
+ var AreaChartContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n width: 14em;\n height: 50%;\n\n"])));
34
34
  exports.AreaChartContainer = AreaChartContainer;
35
35
  var BottomDetailsRowContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: flex-start;\n justify-content: center;\n text-align: center;\n"])));
36
36
  exports.BottomDetailsRowContainer = BottomDetailsRowContainer;
package/dist/stories/components/TotalDoughnutChart.js CHANGED
@@ -83,8 +83,8 @@ var TotalDoughnutChart = function TotalDoughnutChart(_ref) {
83
83
  onMouseEnter: onPieEnterHandler
84
84
  }, /*#__PURE__*/_react.default.createElement(_recharts.Pie, {
85
85
  data: legendData,
86
- outerRadius: 27 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT),
87
- innerRadius: 17 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT),
86
+ outerRadius: 35 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT),
87
+ innerRadius: 24 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT),
88
88
  fill: "#8884d8",
89
89
  dataKey: "value"
90
90
  }, legendData.map(function (row, index) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.111",
3
+ "version": "1.0.113",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {