sag_components 1.0.697 → 1.0.698

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 (3) hide show
  1. package/dist/stories/components/LinnerDataBox.js +6 -3
  2. package/dist/stories/components/LinnerDataBox.style.js +9 -9
  3. package/package.json +1 -1
package/dist/stories/components/LinnerDataBox.js CHANGED
@@ -12,9 +12,11 @@ const LinnerDataBox = props => {
12
12
  const {
13
13
  width,
14
14
  height,
15
- data
15
+ data,
16
+ backgroundColor
16
17
  } = props;
17
18
  return /*#__PURE__*/_react.default.createElement(_LinnerDataBox.LinnerContainer, {
19
+ backgroundColor: backgroundColor,
18
20
  width: width || '100%',
19
21
  height: height || '200px'
20
22
  }, data.map(item => /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBox, null, /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxTitle, null, item.title), /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContent, null, /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContentSign, null, item.sign), /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContentValue, null, ''.concat((0, _CommonFunctions.getFormattedValue)(item.value), (0, _CommonFunctions.getFormattedUnits)(item.value)))), item.extraInfo.map(extraInfoItem => /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxExtraInfoCell, null, /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxExtraInfoCellValue, null, ''.concat('$', (0, _CommonFunctions.getFormattedValue)(extraInfoItem.value), (0, _CommonFunctions.getFormattedUnits)(extraInfoItem.value))), /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxExtraInfoCellTitle, null, extraInfoItem.title))))));
@@ -23,6 +25,7 @@ exports.LinnerDataBox = LinnerDataBox;
23
25
  var _default = exports.default = LinnerDataBox;
24
26
  LinnerDataBox.defaultProps = {
25
27
  width: '100%',
26
- height: '200px',
27
- data: []
28
+ height: 'auto',
29
+ data: [],
30
+ backgroundColor: '#FFFFFF'
28
31
  };
package/dist/stories/components/LinnerDataBox.style.js CHANGED
@@ -8,13 +8,13 @@ exports.LinnerContainer = exports.DataBoxTitle = exports.DataBoxExtraInfoCellVal
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;
11
- const LinnerContainer = exports.LinnerContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: space-evenly;\n align-items: center;\n width: ", ";\n height: ", ";\n"])), props => props.width, props => props.height);
12
- const DataBox = exports.DataBox = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n width: auto;\n height: 80%;\n"])));
13
- const DataBoxTitle = exports.DataBoxTitle = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-family: Poppins;\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n"])));
14
- const DataBoxContent = exports.DataBoxContent = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n align-items: center;\n"])));
15
- const DataBoxContentValue = exports.DataBoxContentValue = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-family: Poppins;\n font-size: 40px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n"])));
16
- const DataBoxContentSign = exports.DataBoxContentSign = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-family: Poppins;\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n"])));
11
+ const LinnerContainer = exports.LinnerContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Poppins\", sans-serif;\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n width: ", ";\n height: ", ";\n background-color: ", ";\n padding: 50px 40px 30px;\n"])), props => props.width, props => props.height, props => props.backgroundColor);
12
+ const DataBox = exports.DataBox = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-weight: 400;\n"])));
13
+ const DataBoxTitle = exports.DataBoxTitle = _styledComponents.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 18px;\n font-weight: 500;\n"])));
14
+ const DataBoxContent = exports.DataBoxContent = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: baseline;\n"])));
15
+ const DataBoxContentSign = exports.DataBoxContentSign = _styledComponents.default.span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 18px;\n font-weight: 500;\n"])));
16
+ const DataBoxContentValue = exports.DataBoxContentValue = _styledComponents.default.span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 40px;\n font-weight: 500;\n"])));
17
17
  const DataBoxExtraInfo = exports.DataBoxExtraInfo = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n"])));
18
- const DataBoxExtraInfoCell = exports.DataBoxExtraInfoCell = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n gap: 5px;\n flex-direction: row;\n"])));
19
- const DataBoxExtraInfoCellTitle = exports.DataBoxExtraInfoCellTitle = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n color: #999;\n font-family: Poppins;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n text-transform: uppercase;\n"])));
20
- const DataBoxExtraInfoCellValue = exports.DataBoxExtraInfoCellValue = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n color: #999;\n font-family: Poppins;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n text-transform: uppercase;\n"])));
18
+ const DataBoxExtraInfoCell = exports.DataBoxExtraInfoCell = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n gap: 5px;\n"])));
19
+ const DataBoxExtraInfoCellTitle = exports.DataBoxExtraInfoCellTitle = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n color: #999;\n font-size: 12px;\n text-transform: uppercase;\n"])));
20
+ const DataBoxExtraInfoCellValue = exports.DataBoxExtraInfoCellValue = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n color: #999;\n font-size: 12px;\n text-transform: uppercase;\n"])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.697",
3
+ "version": "1.0.698",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {