sag_components 1.0.211 → 1.0.213

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 (11) hide show
  1. package/dist/stories/components/CommonFunctions.js +1 -1
  2. package/dist/stories/components/NoDataFoundMessage.style.js +2 -2
  3. package/dist/stories/components/TextField.js +25 -3
  4. package/dist/stories/components/TextField.style.js +1 -1
  5. package/dist/stories/components/TitleDescription.style.js +2 -2
  6. package/dist/stories/components/TotalBenchmark.style.js +2 -2
  7. package/dist/stories/components/TotalBenchmarkAreachart.style.js +3 -3
  8. package/dist/stories/components/TotalBenchmarkArrows.style.js +8 -8
  9. package/dist/stories/components/TotalBenchmarkBarchart.style.js +3 -3
  10. package/dist/stories/components/TotalDoughnutChart.style.js +10 -10
  11. package/package.json +1 -1
package/dist/stories/components/CommonFunctions.js CHANGED
@@ -11,7 +11,7 @@ var getCurrencySign = function getCurrencySign(currencyTypeToConvert, value) {
11
11
  style: "currency",
12
12
  currency: currencyTypeToConvert
13
13
  });
14
- currencySign = currencyFormatter.format(value).substring(0, 1);
14
+ currencySign = currencyFormatter.format(Math.abs(value)).substring(0, 1);
15
15
  return currencySign;
16
16
  };
17
17
  exports.getCurrencySign = getCurrencySign;
package/dist/stories/components/NoDataFoundMessage.style.js CHANGED
@@ -8,9 +8,9 @@ exports.NoDataFoundTitle = exports.NoDataFoundText = exports.NoDataFoundContaine
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;
11
- var NoDataFoundContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n /* width: 95%;\n height: 70%; */\n"])));
11
+ var NoDataFoundContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-weight: 400;\n font-size: 0.8rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n"])));
12
12
  exports.NoDataFoundContainer = NoDataFoundContainer;
13
- var NoDataFoundTitle = _styledComponents.default.h4(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n font-size: 1rem;\n margin: 0;\n margin-top: 1.5rem;\n padding-right: 0.7rem;\n"])));
13
+ var NoDataFoundTitle = _styledComponents.default.h4(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n font-size: 1rem;\n margin: 0;\n margin-top: 1.5rem;\n padding-right: 0.77778rem;\n"])));
14
14
  exports.NoDataFoundTitle = NoDataFoundTitle;
15
15
  var NoDataFoundText = _styledComponents.default.p(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8rem;\n margin: 0;\n margin-top: 0.4rem;\n text-align: center;\n line-height: 1.1rem;\n"])));
16
16
  exports.NoDataFoundText = NoDataFoundText;
package/dist/stories/components/TextField.js CHANGED
@@ -41,7 +41,9 @@ var TextField = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
41
41
  inputRef = _ref.inputRef,
42
42
  _ref$allowedInput = _ref.allowedInput,
43
43
  allowedInput = _ref$allowedInput === void 0 ? "all" : _ref$allowedInput,
44
- onChange = _ref.onChange;
44
+ onChange = _ref.onChange,
45
+ _ref$multiline = _ref.multiline,
46
+ multiline = _ref$multiline === void 0 ? false : _ref$multiline;
45
47
  var _useState = (0, _react.useState)(null),
46
48
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
47
49
  currentInputValue = _useState2[0],
@@ -98,13 +100,14 @@ var TextField = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
98
100
  height: {
99
101
  height: height
100
102
  },
101
- paddingTop: 0,
103
+ paddingTop: multiline ? "12px" : "0",
102
104
  marginTop: 0,
103
105
  borderColor: "green",
104
106
  borderRadius: "12px",
105
107
  legend: {
106
108
  marginLeft: "6px"
107
- }
109
+ },
110
+ alignItems: multiline ? "flex-start" : "center"
108
111
  },
109
112
  "& .MuiAutocomplete-inputRoot": {
110
113
  paddingLeft: "10px !important",
@@ -146,6 +149,7 @@ var TextField = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
146
149
  }
147
150
  };
148
151
  return /*#__PURE__*/_react.default.createElement(_TextFieldStyle.TextFieldContainer, {
152
+ id: "TextFieldContainer",
149
153
  width: width
150
154
  }, /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
151
155
  theme: theme
@@ -157,6 +161,7 @@ var TextField = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
157
161
  }, /*#__PURE__*/_react.default.createElement("div", null, !passwordField && /*#__PURE__*/_react.default.createElement(_TextField.default, {
158
162
  key: resetDefaultValue,
159
163
  label: label,
164
+ multiline: multiline,
160
165
  defaultValue: defaultValue,
161
166
  placeholder: placeHolder,
162
167
  id: "outlined-start-adornment",
@@ -172,7 +177,23 @@ var TextField = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
172
177
  },
173
178
  onChange: function onChange(event) {
174
179
  onChangeHandler(event);
180
+ },
181
+ InputProps: {
182
+ textAlign: "flex-start",
183
+ alignItems: "flex-start",
184
+ alignContent: "flex-start",
185
+ disableUnderline: true,
186
+ style: {
187
+ //color: 'red',
188
+ textAlign: "start"
189
+ }
175
190
  }
191
+
192
+ // style={{
193
+ // // height: '50px',
194
+ // // width: '50px',
195
+ // textAlign: 'start',
196
+ // justifyContent: 'start'}}
176
197
  }), passwordField && /*#__PURE__*/_react.default.createElement(_FormControl.default, {
177
198
  sx: getTextFieldStyle(),
178
199
  variant: "outlined"
@@ -192,6 +213,7 @@ var TextField = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
192
213
  }, showPassword ? /*#__PURE__*/_react.default.createElement(_Visibility.default, null) : /*#__PURE__*/_react.default.createElement(_VisibilityOff.default, null))),
193
214
  defaultValue: defaultValue,
194
215
  label: label,
216
+ multiline: multiline,
195
217
  inputRef: inputRef !== null && inputRef !== void 0 ? inputRef : null,
196
218
  ref: ref !== null && ref !== void 0 ? ref : null,
197
219
  onKeyDown: function onKeyDown(event) {
package/dist/stories/components/TextField.style.js CHANGED
@@ -10,7 +10,7 @@ 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 width: ", "; \n text-align: left; \n position: relative; \n align-items: center;\n justify-content: center;\n font-family: Poppins; \n font-size: \"14px\";\n"])), function (props) {
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) {
14
14
  return props.width;
15
15
  });
16
16
  exports.TextFieldContainer = TextFieldContainer;
package/dist/stories/components/TitleDescription.style.js CHANGED
@@ -30,11 +30,11 @@ var ViewCreativeContainer = _styledComponents.default.div(_templateObject6 || (_
30
30
  return !props.disabled ? "pointer" : "default";
31
31
  });
32
32
  exports.ViewCreativeContainer = ViewCreativeContainer;
33
- var ViewCreativeTextField = _styledComponents.default.h4(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin: 0 5px;\n"])));
33
+ var ViewCreativeTextField = _styledComponents.default.h4(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin: 0 5px;\n font-weight: 500;\n"])));
34
34
  exports.ViewCreativeTextField = ViewCreativeTextField;
35
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
36
  exports.FilterValuesContainer = FilterValuesContainer;
37
- var FilterValue = _styledComponents.default.p(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0;\n"])));
37
+ var FilterValue = _styledComponents.default.p(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n //color: #1b30aa;\n margin: 0;\n"])));
38
38
  exports.FilterValue = FilterValue;
39
39
  var FieldsDelimiter = _styledComponents.default.p(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n color: #ccc;\n margin: 0;\n"])));
40
40
  exports.FieldsDelimiter = FieldsDelimiter;
package/dist/stories/components/TotalBenchmark.style.js CHANGED
@@ -24,9 +24,9 @@ var Controls = _styledComponents.default.div(_templateObject2 || (_templateObjec
24
24
  exports.Controls = Controls;
25
25
  var TitleAndValueContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n //display: flex;\n //flex-direction: column;\n width: 100%;\n"])));
26
26
  exports.TitleAndValueContainer = TitleAndValueContainer;
27
- var Title = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n font-size: 1rem;\n margin-bottom: 1rem;\n"])));
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
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.22rem;\n"])));
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
30
  exports.FormattedValue = FormattedValue;
31
31
  var BenchmarkContainerParent = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: baseline;\n width: 100%;\n height: 100%;\n margin: 0;\n"])));
32
32
  exports.BenchmarkContainerParent = BenchmarkContainerParent;
package/dist/stories/components/TotalBenchmarkAreachart.style.js CHANGED
@@ -28,13 +28,13 @@ var Controls = _styledComponents.default.div(_templateObject5 || (_templateObjec
28
28
  exports.Controls = Controls;
29
29
  var TitleAndValueContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)([""])));
30
30
  exports.TitleAndValueContainer = TitleAndValueContainer;
31
- var Title = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n font-size: 1rem;\n margin-left: 0.5rem;\n /* margin-top: 1rem; */\n margin-bottom: 1rem;\n"])));
31
+ var Title = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 1rem;\n margin-left: 0.5rem;\n /* margin-top: 1rem; */\n margin-bottom: 1rem;\n"])));
32
32
  exports.Title = Title;
33
33
  var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n align-items: baseline;\n margin-left: 0.5rem;\n"])));
34
34
  exports.ValueAndBenchmarkContainer = ValueAndBenchmarkContainer;
35
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
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.2rem;\n"])));
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
38
  exports.FormattedValue = FormattedValue;
39
39
  var BenchmarkContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 1rem;\n /* width: 5.35rem; */\n"])));
40
40
  exports.BenchmarkContainer = BenchmarkContainer;
@@ -42,5 +42,5 @@ var AreaChartContainer = _styledComponents.default.div(_templateObject12 || (_te
42
42
  exports.AreaChartContainer = AreaChartContainer;
43
43
  var BottomDetailsRowContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: flex-start;\n justify-content: center;\n text-align: center;\n"])));
44
44
  exports.BottomDetailsRowContainer = BottomDetailsRowContainer;
45
- var BottomDetailsRowTitle = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.7rem;\n"])));
45
+ var BottomDetailsRowTitle = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.77778rem;\n"])));
46
46
  exports.BottomDetailsRowTitle = BottomDetailsRowTitle;
package/dist/stories/components/TotalBenchmarkArrows.style.js CHANGED
@@ -20,25 +20,25 @@ 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 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
22
  exports.Controls = Controls;
23
- var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n /* width: 14rem; */\n font-weight: 600;\n font-size: 1rem;\n margin-bottom: 1rem;\n"])));
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
24
  exports.Title = Title;
25
- var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: baseline;\n /* width: 14rem; */\n height: 45%;\n"])));
25
+ var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: baseline;\n height: 45%;\n"])));
26
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.2rem;\n"])));
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
28
  exports.FormattedValue = FormattedValue;
29
- var BenchmarkContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.7rem;\n width: 5.35rem;\n"])));
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
30
  exports.BenchmarkContainer = BenchmarkContainer;
31
31
  var DetailsContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n /* width: 14rem; */\n height: 50%;\n"])));
32
32
  exports.DetailsContainer = DetailsContainer;
33
- 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"])));
33
+ var DetailsTitle = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n height: 25%;\n font-weight: 500;\n font-size: 1rem;\n"])));
34
34
  exports.DetailsTitle = DetailsTitle;
35
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
36
  exports.DetailsRowContainer = DetailsRowContainer;
37
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
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: 600;\n font-size: 0.88rem;\n"])));
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
40
  exports.DetailsRowFormattedValue = DetailsRowFormattedValue;
41
- var DetailsRowPercentSign = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.3rem;\n font-weight: 400;\n font-size: 0.88rem;\n"])));
41
+ var DetailsRowPercentSign = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.3rem;\n font-weight: 700;\n font-size: 12px;\n"])));
42
42
  exports.DetailsRowPercentSign = DetailsRowPercentSign;
43
- var DetailsRowTitle = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.3rem;\n font-weight: 400;\n font-size: 0.88rem;\n"])));
43
+ var DetailsRowTitle = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.3rem;\n font-weight: 400;\n font-size: 0.88889rem;\n"])));
44
44
  exports.DetailsRowTitle = DetailsRowTitle;
package/dist/stories/components/TotalBenchmarkBarchart.style.js CHANGED
@@ -22,13 +22,13 @@ var Controls = _styledComponents.default.div(_templateObject2 || (_templateObjec
22
22
  exports.Controls = Controls;
23
23
  var TitleAndValueContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n \n"])));
24
24
  exports.TitleAndValueContainer = TitleAndValueContainer;
25
- var Title = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n font-size: 1rem; \n margin-bottom: 1rem;\n"])));
25
+ var Title = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 1rem; \n margin-bottom: 1rem;\n"])));
26
26
  exports.Title = Title;
27
27
  var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: flex-start;\n align-items: baseline; \n\n"])));
28
28
  exports.ValueAndBenchmarkContainer = ValueAndBenchmarkContainer;
29
29
  var CurrencySign = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)([" \n font-weight: 500;\n font-size: 1rem;\n"])));
30
30
  exports.CurrencySign = CurrencySign;
31
- var FormattedValue = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.1rem;\n font-weight: 500;\n font-size: 2.2rem;\n"])));
31
+ var FormattedValue = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.1rem;\n font-weight: 500;\n font-size: 2.22222rem;\n"])));
32
32
  exports.FormattedValue = FormattedValue;
33
33
  var BenchmarkContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.7em;\n width: 5.35em;\n"])));
34
34
  exports.BenchmarkContainer = BenchmarkContainer;
@@ -36,5 +36,5 @@ var BarchartContainer = _styledComponents.default.div(_templateObject9 || (_temp
36
36
  exports.BarchartContainer = BarchartContainer;
37
37
  var BottomDetailsRowContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: flex-start;\n justify-content: center;\n text-align: center; \n\n"])));
38
38
  exports.BottomDetailsRowContainer = BottomDetailsRowContainer;
39
- var BottomDetailsRowTitle = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center; \n margin-top: 0.2em;\n width: 14em;\n font-weight: 400;\n font-size: 0.7rem;\n"])));
39
+ var BottomDetailsRowTitle = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center; \n margin-top: 0.2em;\n width: 14em;\n font-weight: 400;\n font-size: 0.77778rem;\n"])));
40
40
  exports.BottomDetailsRowTitle = BottomDetailsRowTitle;
package/dist/stories/components/TotalDoughnutChart.style.js CHANGED
@@ -26,33 +26,33 @@ var TooltipLabel = _styledComponents.default.p(_templateObject4 || (_templateObj
26
26
  exports.TooltipLabel = TooltipLabel;
27
27
  var TitleAndValueContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n width: 90%;\n //margin-top: 6%;\n"])));
28
28
  exports.TitleAndValueContainer = TitleAndValueContainer;
29
- var Title = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n height: 100%;\n font-weight: 600;\n font-size: 1rem;\n margin-bottom: 1rem;\n"])));
29
+ var Title = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n height: 100%;\n font-weight: 500;\n font-size: 1rem;\n margin-bottom: 1rem;\n"])));
30
30
  exports.Title = Title;
31
31
  var CurrencySignAndFormattedValueContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n align-items: baseline;\n"])));
32
32
  exports.CurrencySignAndFormattedValueContainer = CurrencySignAndFormattedValueContainer;
33
33
  var CurrencySign = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 1rem;\n"])));
34
34
  exports.CurrencySign = CurrencySign;
35
- var FormattedValue = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 2.22rem;\n"])));
35
+ var FormattedValue = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 2.22222rem;\n"])));
36
36
  exports.FormattedValue = FormattedValue;
37
- var DoughnutChartAndLegendContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n width: 95%;\n height: 37%;\n margin-top: 1em; // 35px;\n margin-bottom: 1em; // 35px;\n"])));
37
+ var DoughnutChartAndLegendContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n width: 95%;\n height: 37%;\n margin-top: 1em; \n margin-bottom: 1em; \n"])));
38
38
  exports.DoughnutChartAndLegendContainer = DoughnutChartAndLegendContainer;
39
39
  var DoughnutChart = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n width: 34%;\n height: 100%;\n min-width: 105px;\n min-height: 105px;\n"])));
40
40
  exports.DoughnutChart = DoughnutChart;
41
41
  var LegendContainer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 66%;\n padding-left: 10px;\n flex-direction: column;\n align-items: left;\n justify-content: space-between;\n"])));
42
42
  exports.LegendContainer = LegendContainer;
43
- var LegendControlsContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n /* flex-direction: row; */\n align-items: center;\n /* height: 50%;\n width: 100%; */\n margin-bottom: 5px;\n"])));
43
+ var LegendControlsContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n margin-bottom: 5px;\n"])));
44
44
  exports.LegendControlsContainer = LegendControlsContainer;
45
- var LegendTitleAndFormatedValueContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n //display: flex;\n /* width: 100%;\n height: 100%; */\n margin-left: 0.1rem;\n //flex-direction: column;\n"])));
45
+ var LegendTitleAndFormatedValueContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.1rem;\n"])));
46
46
  exports.LegendTitleAndFormatedValueContainer = LegendTitleAndFormatedValueContainer;
47
- var LegendFormatedValueContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n /* width: 100%;\n height: 50%; */\n font-weight: 600;\n font-size: 13px;\n"])));
47
+ var LegendFormatedValueContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n font-weight: 700;\n font-size: 16px;\n"])));
48
48
  exports.LegendFormatedValueContainer = LegendFormatedValueContainer;
49
- var LegendColorRectangle = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n width: 0.8rem;\n height: 0.7rem;\n margin-right: 0.3rem;\n background: ", ";\n"])), function (props) {
49
+ var LegendColorRectangle = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n width: 0.8rem;\n height: 0.77778rem;\n margin-right: 0.3rem;\n background: ", ";\n"])), function (props) {
50
50
  return props.color;
51
51
  });
52
52
  exports.LegendColorRectangle = LegendColorRectangle;
53
- var LegendTitle = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 13px;\n //width: 100%;\n //height: 50%;\n"])));
53
+ var LegendTitle = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 16px;\n"])));
54
54
  exports.LegendTitle = LegendTitle;
55
- var LegendCurrencySign = _styledComponents.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n /* font-weight: 600;\n font-size: 0.8rem; */\n"])));
55
+ var LegendCurrencySign = _styledComponents.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n\n"])));
56
56
  exports.LegendCurrencySign = LegendCurrencySign;
57
- var LegendFormattedValue = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n /* font-weight: 600;\n font-size: 0.8rem; */\n"])));
57
+ var LegendFormattedValue = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n\n"])));
58
58
  exports.LegendFormattedValue = LegendFormattedValue;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.211",
3
+ "version": "1.0.213",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {