sag_components 1.0.67 → 1.0.68
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.
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = exports.TitleDescription = void 0;
|
|
8
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _CommonFunctions = require("./CommonFunctions");
|
|
11
|
+
var _IconButton = require("./IconButton");
|
|
12
|
+
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"];
|
|
14
|
+
/*TitleDescription*/
|
|
15
|
+
var TitleDescription = function TitleDescription(_ref) {
|
|
16
|
+
var mainTitle = _ref.mainTitle,
|
|
17
|
+
infoButtonText = _ref.infoButtonText,
|
|
18
|
+
infoButtonOnClick = _ref.infoButtonOnClick,
|
|
19
|
+
eventLinkLabel = _ref.eventLinkLabel,
|
|
20
|
+
eventLinkLabelOnClick = _ref.eventLinkLabelOnClick,
|
|
21
|
+
retailerLinkLabel = _ref.retailerLinkLabel,
|
|
22
|
+
retailerLinkLabelOnClick = _ref.retailerLinkLabelOnClick,
|
|
23
|
+
objectivesTitle = _ref.objectivesTitle,
|
|
24
|
+
objectivesDescriptionLine1 = _ref.objectivesDescriptionLine1,
|
|
25
|
+
objectivesDescriptionLine2 = _ref.objectivesDescriptionLine2,
|
|
26
|
+
objectivesShowMoreLabel = _ref.objectivesShowMoreLabel,
|
|
27
|
+
objectivesShowMoreOnClick = _ref.objectivesShowMoreOnClick,
|
|
28
|
+
RightPanelLine2Title = _ref.RightPanelLine2Title,
|
|
29
|
+
RightPanelLine2Value = _ref.RightPanelLine2Value,
|
|
30
|
+
RightPanelLine3Title = _ref.RightPanelLine3Title,
|
|
31
|
+
RightPanelLine3Value1 = _ref.RightPanelLine3Value1,
|
|
32
|
+
RightPanelLine3Value2 = _ref.RightPanelLine3Value2,
|
|
33
|
+
downloadButtonOnClick = _ref.downloadButtonOnClick,
|
|
34
|
+
flyButtonOnClick = _ref.flyButtonOnClick,
|
|
35
|
+
_ref$width = _ref.width,
|
|
36
|
+
width = _ref$width === void 0 ? "100%" : _ref$width,
|
|
37
|
+
_ref$height = _ref.height,
|
|
38
|
+
height = _ref$height === void 0 ? "100%" : _ref$height,
|
|
39
|
+
_ref$textColor = _ref.textColor,
|
|
40
|
+
textColor = _ref$textColor === void 0 ? "black" : _ref$textColor,
|
|
41
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.MainContainer, {
|
|
43
|
+
id: "MainContainer",
|
|
44
|
+
height: height,
|
|
45
|
+
width: width,
|
|
46
|
+
textColor: textColor
|
|
47
|
+
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelContainer, {
|
|
48
|
+
id: "LeftPanelContainer"
|
|
49
|
+
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine1Container, {
|
|
50
|
+
id: "LeftPanelLine1Container"
|
|
51
|
+
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine1Field1, {
|
|
52
|
+
id: "LeftPanelLine1Field1"
|
|
53
|
+
}, mainTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine1IconButtonContainer, {
|
|
54
|
+
id: "LeftPanelLine1IconButtonContainer"
|
|
55
|
+
}, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
|
|
56
|
+
id: "IconButton",
|
|
57
|
+
height: 18,
|
|
58
|
+
width: 18,
|
|
59
|
+
iconName: "eye",
|
|
60
|
+
onClick: function onClick(event) {
|
|
61
|
+
infoButtonOnClick({
|
|
62
|
+
eventName: "infoButtonOnClick",
|
|
63
|
+
event: event
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
}), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine1InfoButtonText, {
|
|
67
|
+
id: "LeftPanelLine1InfoButtonText"
|
|
68
|
+
}, " ", infoButtonText, " "))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine2Container, {
|
|
69
|
+
id: "LeftPanelLine2Container"
|
|
70
|
+
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine2Field1, {
|
|
71
|
+
id: "LeftPanelLine2Field1",
|
|
72
|
+
onClick: function onClick(event) {
|
|
73
|
+
eventLinkLabelOnClick({
|
|
74
|
+
eventName: "eventLinkLabelOnClick",
|
|
75
|
+
event: event
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
}, eventLinkLabel), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
|
|
79
|
+
id: "FieldsDelimiter"
|
|
80
|
+
}, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine2Field3, {
|
|
81
|
+
id: "LeftPanelLine2Field3",
|
|
82
|
+
onClick: function onClick(event) {
|
|
83
|
+
retailerLinkLabelOnClick({
|
|
84
|
+
eventName: "retailerLinkLabelOnClick",
|
|
85
|
+
event: event
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
}, retailerLinkLabel)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3Container, {
|
|
89
|
+
id: "LeftPanelLine3Container"
|
|
90
|
+
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine1Container, {
|
|
91
|
+
id: "LeftPanelLine3SubLine1Container"
|
|
92
|
+
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine1Field1, {
|
|
93
|
+
id: "LeftPanelLine3SubLine1Field1"
|
|
94
|
+
}, objectivesTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine1Field2, {
|
|
95
|
+
id: "LeftPanelLine3SubLine1Field2"
|
|
96
|
+
}, objectivesDescriptionLine1)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine2Container, {
|
|
97
|
+
id: "LeftPanelLine3SubLine2Container"
|
|
98
|
+
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine2Field1, {
|
|
99
|
+
id: "LeftPanelLine3SubLine2Field1"
|
|
100
|
+
}, objectivesDescriptionLine2, " ", " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine2Field2, {
|
|
101
|
+
id: "LeftPanelLine3SubLine2Field2",
|
|
102
|
+
onClick: function onClick(event) {
|
|
103
|
+
objectivesShowMoreOnClick({
|
|
104
|
+
eventName: "objectivesShowMoreOnClick",
|
|
105
|
+
event: event
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
}, objectivesShowMoreLabel)))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelContainer, {
|
|
109
|
+
id: "RightPanelContainer"
|
|
110
|
+
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine1Container, {
|
|
111
|
+
id: "RightPanelLine1Container"
|
|
112
|
+
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine1DownloadIconButtonContainer, {
|
|
113
|
+
id: "RightPanelLine1DownloadIconButtonContainer"
|
|
114
|
+
}, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
|
|
115
|
+
id: "IconButton",
|
|
116
|
+
height: 20,
|
|
117
|
+
width: 20,
|
|
118
|
+
iconName: "download",
|
|
119
|
+
onClick: function onClick(event) {
|
|
120
|
+
downloadButtonOnClick({
|
|
121
|
+
eventName: "downloadButtonOnClick",
|
|
122
|
+
event: event
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
})), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine1FlyIconButtonContainer, {
|
|
126
|
+
id: "RightPanelLine1FlyIconButtonContainer"
|
|
127
|
+
}, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
|
|
128
|
+
id: "IconButton",
|
|
129
|
+
height: 20,
|
|
130
|
+
width: 20,
|
|
131
|
+
iconName: "fly",
|
|
132
|
+
onClick: function onClick(event) {
|
|
133
|
+
flyButtonOnClick({
|
|
134
|
+
eventName: "flyButtonOnClick",
|
|
135
|
+
event: event
|
|
136
|
+
});
|
|
137
|
+
}
|
|
138
|
+
}))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine2Container, {
|
|
139
|
+
id: "RightPanelLine2Container"
|
|
140
|
+
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine2Field1EmptyFiller, null, " ")), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3Container, {
|
|
141
|
+
id: "RightPanelLine3Container"
|
|
142
|
+
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine1Container, {
|
|
143
|
+
id: "RightPanelLine3SubLine1Container"
|
|
144
|
+
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine1Field1, {
|
|
145
|
+
id: "RightPanelLine3SubLine1Field1"
|
|
146
|
+
}, RightPanelLine2Title, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine1Field2, {
|
|
147
|
+
id: "RightPanelLine3SubLine1Field2"
|
|
148
|
+
}, RightPanelLine2Value)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Container, {
|
|
149
|
+
id: "RightPanelLine3SubLine2Container"
|
|
150
|
+
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Field1, {
|
|
151
|
+
id: "RightPanelLine3SubLine2Field1"
|
|
152
|
+
}, RightPanelLine3Title, " ", " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Field2, {
|
|
153
|
+
id: "RightPanelLine3SubLine2Field2"
|
|
154
|
+
}, RightPanelLine3Value1), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
|
|
155
|
+
id: "FieldsDelimiter"
|
|
156
|
+
}, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Field3, {
|
|
157
|
+
id: "RightPanelLine3SubLine2Field3"
|
|
158
|
+
}, RightPanelLine3Value2)))));
|
|
159
|
+
};
|
|
160
|
+
exports.TitleDescription = TitleDescription;
|
|
161
|
+
var _default = TitleDescription;
|
|
162
|
+
exports.default = _default;
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.RightPanelLine3SubLine2Field3 = exports.RightPanelLine3SubLine2Field2 = exports.RightPanelLine3SubLine2Field1 = exports.RightPanelLine3SubLine2Container = exports.RightPanelLine3SubLine1Field2 = exports.RightPanelLine3SubLine1Field1 = exports.RightPanelLine3SubLine1Container = exports.RightPanelLine3Container = exports.RightPanelLine2Field1EmptyFiller = exports.RightPanelLine2Container = exports.RightPanelLine1FlyIconButtonContainer = exports.RightPanelLine1DownloadIconButtonContainer = exports.RightPanelLine1Container = exports.RightPanelContainer = exports.MainContainer = exports.LeftPanelLine3SubLine2Field2 = exports.LeftPanelLine3SubLine2Field1 = exports.LeftPanelLine3SubLine2Container = exports.LeftPanelLine3SubLine1Field2 = exports.LeftPanelLine3SubLine1Field1 = exports.LeftPanelLine3SubLine1Container = exports.LeftPanelLine3Container = exports.LeftPanelLine2Field3 = exports.LeftPanelLine2Field1 = exports.LeftPanelLine2Container = exports.LeftPanelLine1InfoButtonText = exports.LeftPanelLine1IconButtonContainer = exports.LeftPanelLine1Field1 = exports.LeftPanelLine1Container = exports.LeftPanelContainer = exports.FieldsDelimiter = void 0;
|
|
8
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
9
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
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) {
|
|
12
|
+
return props.textColor ? props.textColor : "#000";
|
|
13
|
+
}, function (props) {
|
|
14
|
+
return props.width;
|
|
15
|
+
}, function (props) {
|
|
16
|
+
return props.height;
|
|
17
|
+
});
|
|
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: 50%;\n height: 100%;\n background: #ffffff;\n //border: 1px solid red;\n"])));
|
|
20
|
+
exports.LeftPanelContainer = LeftPanelContainer;
|
|
21
|
+
var LeftPanelLine1Container = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n overflow: hidden;\n width: 100%;\n height: 40px;\n margin-left: 20px;\n border-radius: 12px;\n//border: 1px solid brown;\n"])));
|
|
22
|
+
exports.LeftPanelLine1Container = LeftPanelLine1Container;
|
|
23
|
+
var LeftPanelLine1Field1 = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n font-weight: 700;\n font-size: 18px;\n"])));
|
|
24
|
+
exports.LeftPanelLine1Field1 = LeftPanelLine1Field1;
|
|
25
|
+
var LeftPanelLine1IconButtonContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center \n height: 60px; \n font-weight: 500; \n border-radius: 12px;\n border: 1px solid #ccc;\n"])));
|
|
26
|
+
exports.LeftPanelLine1IconButtonContainer = LeftPanelLine1IconButtonContainer;
|
|
27
|
+
var LeftPanelLine1InfoButtonText = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n margin-left: 10px;\n margin-right: 10px;\n"])));
|
|
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: 40px;\n margin-left: 20px;\n border-radius: 12px;\n//border: 1px solid #1b30aa;\n"])));
|
|
30
|
+
exports.LeftPanelLine2Container = LeftPanelLine2Container;
|
|
31
|
+
var LeftPanelLine2Field1 = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
|
|
32
|
+
exports.LeftPanelLine2Field1 = LeftPanelLine2Field1;
|
|
33
|
+
var FieldsDelimiter = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n white-space: pre-wrap;\n color: #ccc;\n"])));
|
|
34
|
+
exports.FieldsDelimiter = FieldsDelimiter;
|
|
35
|
+
var LeftPanelLine2Field3 = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
|
|
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: flex-start;\n overflow: hidden;\n width: 100%;\n height: 60px;\n margin-left: 20px;\n border-radius: 12px;\n//border: 1px solid red;\n"])));
|
|
38
|
+
exports.LeftPanelLine3Container = LeftPanelLine3Container;
|
|
39
|
+
var LeftPanelLine3SubLine1Field1 = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 14px;\n line-height: 20px;\n white-space: pre-wrap;\n"])));
|
|
40
|
+
exports.LeftPanelLine3SubLine1Field1 = LeftPanelLine3SubLine1Field1;
|
|
41
|
+
var LeftPanelLine3SubLine1Container = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
|
|
42
|
+
exports.LeftPanelLine3SubLine1Container = LeftPanelLine3SubLine1Container;
|
|
43
|
+
var LeftPanelLine3SubLine1Field2 = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n"])));
|
|
44
|
+
exports.LeftPanelLine3SubLine1Field2 = LeftPanelLine3SubLine1Field2;
|
|
45
|
+
var LeftPanelLine3SubLine2Container = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
|
|
46
|
+
exports.LeftPanelLine3SubLine2Container = LeftPanelLine3SubLine2Container;
|
|
47
|
+
var LeftPanelLine3SubLine2Field1 = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n white-space: pre-wrap;\n"])));
|
|
48
|
+
exports.LeftPanelLine3SubLine2Field1 = LeftPanelLine3SubLine2Field1;
|
|
49
|
+
var LeftPanelLine3SubLine2Field2 = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
|
|
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: 50%;\n height: 100%;\n background: #ffffff;\n\n //border: 1px solid red;\n"])));
|
|
52
|
+
exports.RightPanelContainer = RightPanelContainer;
|
|
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: 40px;\n border-radius: 12px;\n//border: 1px solid brown;\n"])));
|
|
54
|
+
exports.RightPanelLine1Container = RightPanelLine1Container;
|
|
55
|
+
var RightPanelLine1DownloadIconButtonContainer = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 5px;\n margin-right: 5px;\n"])));
|
|
56
|
+
exports.RightPanelLine1DownloadIconButtonContainer = RightPanelLine1DownloadIconButtonContainer;
|
|
57
|
+
var RightPanelLine1FlyIconButtonContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 5px;\n margin-right: 5px;\n"])));
|
|
58
|
+
exports.RightPanelLine1FlyIconButtonContainer = RightPanelLine1FlyIconButtonContainer;
|
|
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: 40px;\n border-radius: 12px;\n//border: 1px solid #1b30aa;\n"])));
|
|
60
|
+
exports.RightPanelLine2Container = RightPanelLine2Container;
|
|
61
|
+
var RightPanelLine2Field1EmptyFiller = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n white-space: pre-wrap;\n"])));
|
|
62
|
+
exports.RightPanelLine2Field1EmptyFiller = RightPanelLine2Field1EmptyFiller;
|
|
63
|
+
var RightPanelLine3Container = _styledComponents.default.div(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n width: 100%;\n height: 60px;\n border-radius: 12px;\n//border: 1px solid red;\n"])));
|
|
64
|
+
exports.RightPanelLine3Container = RightPanelLine3Container;
|
|
65
|
+
var RightPanelLine3SubLine1Container = _styledComponents.default.div(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n //height: 100%;\n"])));
|
|
66
|
+
exports.RightPanelLine3SubLine1Container = RightPanelLine3SubLine1Container;
|
|
67
|
+
var RightPanelLine3SubLine1Field1 = _styledComponents.default.div(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 14px;\n line-height: 20px;\n white-space: pre-wrap;\n margin-left: 10px;\n"])));
|
|
68
|
+
exports.RightPanelLine3SubLine1Field1 = RightPanelLine3SubLine1Field1;
|
|
69
|
+
var RightPanelLine3SubLine1Field2 = _styledComponents.default.div(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n"])));
|
|
70
|
+
exports.RightPanelLine3SubLine1Field2 = RightPanelLine3SubLine1Field2;
|
|
71
|
+
var RightPanelLine3SubLine2Container = _styledComponents.default.div(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
|
|
72
|
+
exports.RightPanelLine3SubLine2Container = RightPanelLine3SubLine2Container;
|
|
73
|
+
var RightPanelLine3SubLine2Field1 = _styledComponents.default.div(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 14px;\n line-height: 20px;\n white-space: pre-wrap;\n margin-left: 10px;\n"])));
|
|
74
|
+
exports.RightPanelLine3SubLine2Field1 = RightPanelLine3SubLine2Field1;
|
|
75
|
+
var RightPanelLine3SubLine2Field2 = _styledComponents.default.div(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n"])));
|
|
76
|
+
exports.RightPanelLine3SubLine2Field2 = RightPanelLine3SubLine2Field2;
|
|
77
|
+
var RightPanelLine3SubLine2Field3 = _styledComponents.default.div(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n"])));
|
|
78
|
+
exports.RightPanelLine3SubLine2Field3 = RightPanelLine3SubLine2Field3;
|