sag_components 1.0.100 → 1.0.101

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/TitleDescription.js +15 -28
  2. package/dist/stories/components/TitleDescription.style.js +20 -20
  3. package/package.json +1 -1
package/dist/stories/components/TitleDescription.js CHANGED
@@ -7,29 +7,16 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = exports.TitleDescription = void 0;
8
8
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
9
9
  var _react = _interopRequireDefault(require("react"));
10
- var _CommonFunctions = require("./CommonFunctions");
11
10
  var _IconButton = require("./IconButton");
12
11
  var _TitleDescriptionStyle = require("./TitleDescription.style.js");
13
- var _excluded = ["mainTitle", "infoButtonText", "infoButtonOnClick", "eventLinkLabel", "eventLinkLabelOnClick", "retailerLinkLabel", "retailerLinkLabelOnClick", "objectivesTitle", "objectivesDescriptionLine1", "objectivesDescriptionLine2", "objectivesShowMoreLabel", "objectivesShowMoreOnClick", "RightPanelLine2Title", "RightPanelLine2Value", "RightPanelLine3Title", "RightPanelLine3Value1", "RightPanelLine3Value2", "downloadButtonOnClick", "flyButtonOnClick", "width", "height", "textColor"];
12
+ var _excluded = ["data", "infoButtonOnClick", "eventLinkLabelOnClick", "retailerLinkLabelOnClick", "objectivesShowMoreOnClick", "downloadButtonOnClick", "flyButtonOnClick", "width", "height", "textColor"];
14
13
  /*TitleDescription*/
15
14
  var TitleDescription = function TitleDescription(_ref) {
16
- var mainTitle = _ref.mainTitle,
17
- infoButtonText = _ref.infoButtonText,
15
+ var data = _ref.data,
18
16
  infoButtonOnClick = _ref.infoButtonOnClick,
19
- eventLinkLabel = _ref.eventLinkLabel,
20
17
  eventLinkLabelOnClick = _ref.eventLinkLabelOnClick,
21
- retailerLinkLabel = _ref.retailerLinkLabel,
22
18
  retailerLinkLabelOnClick = _ref.retailerLinkLabelOnClick,
23
- objectivesTitle = _ref.objectivesTitle,
24
- objectivesDescriptionLine1 = _ref.objectivesDescriptionLine1,
25
- objectivesDescriptionLine2 = _ref.objectivesDescriptionLine2,
26
- objectivesShowMoreLabel = _ref.objectivesShowMoreLabel,
27
19
  objectivesShowMoreOnClick = _ref.objectivesShowMoreOnClick,
28
- RightPanelLine2Title = _ref.RightPanelLine2Title,
29
- RightPanelLine2Value = _ref.RightPanelLine2Value,
30
- RightPanelLine3Title = _ref.RightPanelLine3Title,
31
- RightPanelLine3Value1 = _ref.RightPanelLine3Value1,
32
- RightPanelLine3Value2 = _ref.RightPanelLine3Value2,
33
20
  downloadButtonOnClick = _ref.downloadButtonOnClick,
34
21
  flyButtonOnClick = _ref.flyButtonOnClick,
35
22
  _ref$width = _ref.width,
@@ -50,7 +37,7 @@ var TitleDescription = function TitleDescription(_ref) {
50
37
  id: "LeftPanelLine1Container"
51
38
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine1Field1, {
52
39
  id: "LeftPanelLine1Field1"
53
- }, mainTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine1IconButtonContainer, {
40
+ }, data.mainTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine1IconButtonContainer, {
54
41
  id: "LeftPanelLine1IconButtonContainer"
55
42
  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
56
43
  id: "IconButton",
@@ -65,7 +52,7 @@ var TitleDescription = function TitleDescription(_ref) {
65
52
  }
66
53
  }), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine1InfoButtonText, {
67
54
  id: "LeftPanelLine1InfoButtonText"
68
- }, " ", infoButtonText, " "))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine2Container, {
55
+ }, " ", data.infoButtonText, " "))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine2Container, {
69
56
  id: "LeftPanelLine2Container"
70
57
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine2Field1, {
71
58
  id: "LeftPanelLine2Field1",
@@ -75,7 +62,7 @@ var TitleDescription = function TitleDescription(_ref) {
75
62
  event: event
76
63
  });
77
64
  }
78
- }, eventLinkLabel), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
65
+ }, data.eventLinkLabel), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
79
66
  id: "FieldsDelimiter"
80
67
  }, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine2Field3, {
81
68
  id: "LeftPanelLine2Field3",
@@ -85,19 +72,19 @@ var TitleDescription = function TitleDescription(_ref) {
85
72
  event: event
86
73
  });
87
74
  }
88
- }, retailerLinkLabel)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3Container, {
75
+ }, data.retailerLinkLabel)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3Container, {
89
76
  id: "LeftPanelLine3Container"
90
77
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine1Container, {
91
78
  id: "LeftPanelLine3SubLine1Container"
92
79
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine1Field1, {
93
80
  id: "LeftPanelLine3SubLine1Field1"
94
- }, objectivesTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine1Field2, {
81
+ }, data.objectivesTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine1Field2, {
95
82
  id: "LeftPanelLine3SubLine1Field2"
96
- }, objectivesDescriptionLine1)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine2Container, {
83
+ }, data.objectivesDescriptionLine1)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine2Container, {
97
84
  id: "LeftPanelLine3SubLine2Container"
98
85
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine2Field1, {
99
86
  id: "LeftPanelLine3SubLine2Field1"
100
- }, objectivesDescriptionLine2, " ", " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine2Field2, {
87
+ }, data.objectivesDescriptionLine2, " ", " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine2Field2, {
101
88
  id: "LeftPanelLine3SubLine2Field2",
102
89
  onClick: function onClick(event) {
103
90
  objectivesShowMoreOnClick({
@@ -105,7 +92,7 @@ var TitleDescription = function TitleDescription(_ref) {
105
92
  event: event
106
93
  });
107
94
  }
108
- }, objectivesShowMoreLabel)))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelContainer, {
95
+ }, data.objectivesShowMoreLabel)))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelContainer, {
109
96
  id: "RightPanelContainer"
110
97
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine1Container, {
111
98
  id: "RightPanelLine1Container"
@@ -143,19 +130,19 @@ var TitleDescription = function TitleDescription(_ref) {
143
130
  id: "RightPanelLine3SubLine1Container"
144
131
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine1Field1, {
145
132
  id: "RightPanelLine3SubLine1Field1"
146
- }, RightPanelLine2Title), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine1Field2, {
133
+ }, data.RightPanelLine2Title), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine1Field2, {
147
134
  id: "RightPanelLine3SubLine1Field2"
148
- }, RightPanelLine2Value)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Container, {
135
+ }, data.RightPanelLine2Value)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Container, {
149
136
  id: "RightPanelLine3SubLine2Container"
150
137
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Field1, {
151
138
  id: "RightPanelLine3SubLine2Field1"
152
- }, RightPanelLine3Title), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Field2, {
139
+ }, data.RightPanelLine3Title), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Field2, {
153
140
  id: "RightPanelLine3SubLine2Field2"
154
- }, RightPanelLine3Value1), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
141
+ }, data.RightPanelLine3Value1), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
155
142
  id: "FieldsDelimiter"
156
143
  }, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Field3, {
157
144
  id: "RightPanelLine3SubLine2Field3"
158
- }, RightPanelLine3Value2)))));
145
+ }, data.RightPanelLine3Value2)))));
159
146
  };
160
147
  exports.TitleDescription = TitleDescription;
161
148
  var _default = TitleDescription;
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 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 //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) {
12
12
  return props.textColor ? props.textColor : "#000";
13
13
  }, function (props) {
14
14
  return props.width;
@@ -16,39 +16,39 @@ 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 //border: 1px solid red;\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\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 //border: 1px solid brown;\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\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.2vw;\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
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
- var LeftPanelLine1InfoButtonText = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n margin-left: 10px;\n margin-right: 10px;\n"])));
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 //border: 1px solid #1b30aa;\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\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.8vw;\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
- var FieldsDelimiter = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n white-space: pre-wrap;\n color: #ccc;\n"])));
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
- var LeftPanelLine2Field3 = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
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
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
- var LeftPanelLine3SubLine1Field1 = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 0.8vw;\n white-space: pre-wrap;\n margin-left: 10px;\n"])));
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;
41
41
  var LeftPanelLine3SubLine1Container = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
42
42
  exports.LeftPanelLine3SubLine1Container = LeftPanelLine3SubLine1Container;
43
- var LeftPanelLine3SubLine1Field2 = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n margin-left: 2px;\n margin-right: 2px;\n"])));
43
+ var LeftPanelLine3SubLine1Field2 = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n margin-left: 2px;\n margin-right: 2px;\n"])));
44
44
  exports.LeftPanelLine3SubLine1Field2 = LeftPanelLine3SubLine1Field2;
45
45
  var LeftPanelLine3SubLine2Container = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
46
46
  exports.LeftPanelLine3SubLine2Container = LeftPanelLine3SubLine2Container;
47
- var LeftPanelLine3SubLine2Field1 = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n white-space: pre-wrap;\n margin-left: 10px;\n"])));
47
+ var LeftPanelLine3SubLine2Field1 = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n white-space: pre-wrap;\n margin-left: 10px;\n"])));
48
48
  exports.LeftPanelLine3SubLine2Field1 = LeftPanelLine3SubLine2Field1;
49
- var LeftPanelLine3SubLine2Field2 = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n margin-right: 2px;\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
49
+ var LeftPanelLine3SubLine2Field2 = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n margin-right: 2px;\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
50
50
  exports.LeftPanelLine3SubLine2Field2 = LeftPanelLine3SubLine2Field2;
51
- var RightPanelContainer = _styledComponents.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n border-radius: 12px;\n width: 40%;\n height: 100%;\n background: #ffffff;\n\n"])));
51
+ var RightPanelContainer = _styledComponents.default.div(_templateObject18 || (_templateObject18 = (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: 40%;\n height: 100%;\n background: #ffffff;\n"])));
52
52
  exports.RightPanelContainer = RightPanelContainer;
53
53
  var RightPanelLine1Container = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n overflow: hidden;\n width: 100%;\n height: 30%;\n min-height: 1.7em;\n border-radius: 12px;\n"])));
54
54
  exports.RightPanelLine1Container = RightPanelLine1Container;
@@ -58,21 +58,21 @@ var RightPanelLine1FlyIconButtonContainer = _styledComponents.default.div(_templ
58
58
  exports.RightPanelLine1FlyIconButtonContainer = RightPanelLine1FlyIconButtonContainer;
59
59
  var RightPanelLine2Container = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (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"])));
60
60
  exports.RightPanelLine2Container = RightPanelLine2Container;
61
- var RightPanelLine2Field1EmptyFiller = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n white-space: pre-wrap;\n"])));
61
+ var RightPanelLine2Field1EmptyFiller = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n white-space: pre-wrap;\n"])));
62
62
  exports.RightPanelLine2Field1EmptyFiller = RightPanelLine2Field1EmptyFiller;
63
63
  var RightPanelLine3Container = _styledComponents.default.div(_templateObject24 || (_templateObject24 = (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"])));
64
64
  exports.RightPanelLine3Container = RightPanelLine3Container;
65
65
  var RightPanelLine3SubLine1Container = _styledComponents.default.div(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
66
66
  exports.RightPanelLine3SubLine1Container = RightPanelLine3SubLine1Container;
67
- var RightPanelLine3SubLine1Field1 = _styledComponents.default.div(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 0.8vw;\n white-space: pre-wrap;\n overflow: hidden;\n margin-left: 5px;\n"])));
67
+ var RightPanelLine3SubLine1Field1 = _styledComponents.default.div(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 0.8em;\n white-space: pre-wrap;\n overflow: hidden;\n margin-left: 5px;\n"])));
68
68
  exports.RightPanelLine3SubLine1Field1 = RightPanelLine3SubLine1Field1;
69
- var RightPanelLine3SubLine1Field2 = _styledComponents.default.div(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n"])));
69
+ var RightPanelLine3SubLine1Field2 = _styledComponents.default.div(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n"])));
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.8vw;\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.8vw;\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 \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.8vw; \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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.100",
3
+ "version": "1.0.101",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {