sag_components 1.0.445 → 1.0.447
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.
|
@@ -28,6 +28,7 @@ const TitleDescription = props => {
|
|
|
28
28
|
width,
|
|
29
29
|
height,
|
|
30
30
|
textcolor,
|
|
31
|
+
showDraft,
|
|
31
32
|
disabled
|
|
32
33
|
} = props;
|
|
33
34
|
const [retailersDataState, setRetailersDataState] = (0, _react.useState)(null);
|
|
@@ -48,35 +49,35 @@ const TitleDescription = props => {
|
|
|
48
49
|
}, [viewCreativeRetailersData]);
|
|
49
50
|
const getRetailerIcon = retailerName => {
|
|
50
51
|
switch (retailerName) {
|
|
51
|
-
case
|
|
52
|
+
case 'Food Lion':
|
|
52
53
|
return /*#__PURE__*/_react.default.createElement(_TitleDescription.RetailerIconContainer, {
|
|
53
54
|
id: "RetailerIconContainer"
|
|
54
55
|
}, /*#__PURE__*/_react.default.createElement(_FoodLionIcon.FoodLionIcon, {
|
|
55
56
|
width: "90",
|
|
56
57
|
height: "20"
|
|
57
58
|
}), /*#__PURE__*/_react.default.createElement(_TitleDescription.Space, null, " "));
|
|
58
|
-
case
|
|
59
|
+
case 'Hannaford':
|
|
59
60
|
return /*#__PURE__*/_react.default.createElement(_TitleDescription.RetailerIconContainer, {
|
|
60
61
|
id: "RetailerIconContainer"
|
|
61
62
|
}, /*#__PURE__*/_react.default.createElement(_HannafordIcon.HannafordIcon, {
|
|
62
63
|
width: "90",
|
|
63
64
|
height: "20"
|
|
64
65
|
}), /*#__PURE__*/_react.default.createElement(_TitleDescription.Space, null, " "));
|
|
65
|
-
case
|
|
66
|
+
case 'Giant Food':
|
|
66
67
|
return /*#__PURE__*/_react.default.createElement(_TitleDescription.RetailerIconContainer, {
|
|
67
68
|
id: "RetailerIconContainer"
|
|
68
69
|
}, /*#__PURE__*/_react.default.createElement(_GiantFoodIcon.GiantFoodIcon, {
|
|
69
70
|
width: "60",
|
|
70
71
|
height: "20"
|
|
71
72
|
}), /*#__PURE__*/_react.default.createElement(_TitleDescription.Space, null, " "));
|
|
72
|
-
case
|
|
73
|
+
case 'The Giant Company':
|
|
73
74
|
return /*#__PURE__*/_react.default.createElement(_TitleDescription.RetailerIconContainer, {
|
|
74
75
|
id: "RetailerIconContainer"
|
|
75
76
|
}, /*#__PURE__*/_react.default.createElement(_TheGiantCompanyIcon.TheGiantCompanyIcon, {
|
|
76
77
|
width: "60",
|
|
77
78
|
height: "20"
|
|
78
79
|
}), /*#__PURE__*/_react.default.createElement(_TitleDescription.Space, null, " "));
|
|
79
|
-
case
|
|
80
|
+
case 'Stop&Shop':
|
|
80
81
|
return /*#__PURE__*/_react.default.createElement(_TitleDescription.RetailerIconContainer, {
|
|
81
82
|
id: "RetailerIconContainer"
|
|
82
83
|
}, /*#__PURE__*/_react.default.createElement(_StopAndShopIcon.StopAndShopIcon, {
|
|
@@ -116,13 +117,13 @@ const TitleDescription = props => {
|
|
|
116
117
|
const {
|
|
117
118
|
offsetLeft
|
|
118
119
|
} = viewCreativeContainerRef.current;
|
|
119
|
-
return offsetLeft.toString().concat(
|
|
120
|
+
return offsetLeft.toString().concat('', 'px');
|
|
120
121
|
};
|
|
121
122
|
const getViewCreativeContainerTop = () => {
|
|
122
123
|
const {
|
|
123
124
|
offsetTop
|
|
124
125
|
} = viewCreativeContainerRef.current;
|
|
125
|
-
return (offsetTop + 33).toString().concat(
|
|
126
|
+
return (offsetTop + 33).toString().concat('', 'px');
|
|
126
127
|
};
|
|
127
128
|
return /*#__PURE__*/_react.default.createElement(_TitleDescription.MainContainer, {
|
|
128
129
|
id: "MainContainer",
|
|
@@ -172,7 +173,7 @@ const TitleDescription = props => {
|
|
|
172
173
|
onClick: props => {
|
|
173
174
|
listBoxViewCreativeOnClickHandler(props);
|
|
174
175
|
}
|
|
175
|
-
}))))), /*#__PURE__*/_react.default.createElement(_TitleDescription.FilterValuesContainer, {
|
|
176
|
+
})))), showDraft && /*#__PURE__*/_react.default.createElement(_TitleDescription.DraftTag, null, "DRAFT")), /*#__PURE__*/_react.default.createElement(_TitleDescription.FilterValuesContainer, {
|
|
176
177
|
id: "FilterValuesContainer"
|
|
177
178
|
}, showRetailerIcon && /*#__PURE__*/_react.default.createElement(_TitleDescription.Retailer, {
|
|
178
179
|
id: "Retailer"
|
|
@@ -211,7 +212,7 @@ const TitleDescription = props => {
|
|
|
211
212
|
id: "ObjectivesDescription"
|
|
212
213
|
}, /*#__PURE__*/_react.default.createElement(_TitleDescription.ObjectivesTitle, {
|
|
213
214
|
id: "ObjectivesTitle"
|
|
214
|
-
}, (data === null || data === void 0 ? void 0 : (_data$eventDescriptio = data.eventDescription) === null || _data$eventDescriptio === void 0 ? void 0 : _data$eventDescriptio.length) > 0 ?
|
|
215
|
+
}, (data === null || data === void 0 ? void 0 : (_data$eventDescriptio = data.eventDescription) === null || _data$eventDescriptio === void 0 ? void 0 : _data$eventDescriptio.length) > 0 ? 'Event Description: ' : ''), data.eventDescription)), showPeriodIcon && /*#__PURE__*/_react.default.createElement(_TitleDescription.PeriodsContainer, {
|
|
215
216
|
id: "PeriodsContainer"
|
|
216
217
|
}, /*#__PURE__*/_react.default.createElement(_TitleDescription.SubLineContainer, {
|
|
217
218
|
id: "SubLineContainer"
|
|
@@ -219,9 +220,9 @@ const TitleDescription = props => {
|
|
|
219
220
|
id: "SubLineContainer"
|
|
220
221
|
}, (data === null || data === void 0 ? void 0 : (_data$eventDatesValue = data.eventDatesValue) === null || _data$eventDatesValue === void 0 ? void 0 : _data$eventDatesValue.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TitleDescription.PeriodLabel, {
|
|
221
222
|
id: "PeriodLabel"
|
|
222
|
-
}, "Event Dates: ") :
|
|
223
|
+
}, "Event Dates: ") : '', (data === null || data === void 0 ? void 0 : (_data$eventDatesValue2 = data.eventDatesValue) === null || _data$eventDatesValue2 === void 0 ? void 0 : _data$eventDatesValue2.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TitleDescription.PeriodValue, {
|
|
223
224
|
id: "PeriodValue"
|
|
224
|
-
}, data.eventDatesValue) :
|
|
225
|
+
}, data.eventDatesValue) : ''))), /*#__PURE__*/_react.default.createElement(_TitleDescription.ObjectiesAndPeriodsContainer, {
|
|
225
226
|
id: "ObjectiesAndPeriodsContainer"
|
|
226
227
|
}, /*#__PURE__*/_react.default.createElement(_TitleDescription.ObjectiesContainer, {
|
|
227
228
|
id: "ObjectiesContainer",
|
|
@@ -230,7 +231,7 @@ const TitleDescription = props => {
|
|
|
230
231
|
id: "ObjectivesDescription"
|
|
231
232
|
}, /*#__PURE__*/_react.default.createElement(_TitleDescription.ObjectivesTitle, {
|
|
232
233
|
id: "ObjectivesTitle"
|
|
233
|
-
}, (data === null || data === void 0 ? void 0 : (_data$objectivesDescr = data.objectivesDescription) === null || _data$objectivesDescr === void 0 ? void 0 : _data$objectivesDescr.length) > 0 ?
|
|
234
|
+
}, (data === null || data === void 0 ? void 0 : (_data$objectivesDescr = data.objectivesDescription) === null || _data$objectivesDescr === void 0 ? void 0 : _data$objectivesDescr.length) > 0 ? 'Objectives: ' : ''), data.objectivesDescription)))));
|
|
234
235
|
};
|
|
235
236
|
exports.TitleDescription = TitleDescription;
|
|
236
237
|
var _default = exports.default = TitleDescription;
|
|
@@ -238,33 +239,34 @@ TitleDescription.defaultProps = {
|
|
|
238
239
|
showRetailerIcon: true,
|
|
239
240
|
showPeriodIcon: true,
|
|
240
241
|
viewCreativeRetailersData: [{
|
|
241
|
-
label:
|
|
242
|
+
label: 'Food Lion'
|
|
242
243
|
}, {
|
|
243
|
-
label:
|
|
244
|
+
label: 'Stop&Shop'
|
|
244
245
|
}, {
|
|
245
|
-
label:
|
|
246
|
+
label: 'Giant Food'
|
|
246
247
|
}, {
|
|
247
|
-
label:
|
|
248
|
+
label: 'The Giant Company'
|
|
248
249
|
}, {
|
|
249
|
-
label:
|
|
250
|
+
label: 'Hannaford'
|
|
250
251
|
}],
|
|
251
252
|
data: {
|
|
252
|
-
eventName:
|
|
253
|
-
eventType:
|
|
254
|
-
retailer:
|
|
255
|
-
eventDescription:
|
|
256
|
-
objectivesDescription:
|
|
257
|
-
eventDatesValue:
|
|
258
|
-
externalEventDescription:
|
|
259
|
-
externalEventID:
|
|
260
|
-
storeType:
|
|
261
|
-
category:
|
|
262
|
-
supplier:
|
|
263
|
-
brand:
|
|
253
|
+
eventName: 'Large Selling Event P2 2023',
|
|
254
|
+
eventType: 'Large Selling Event',
|
|
255
|
+
retailer: 'The Giant Company',
|
|
256
|
+
eventDescription: 'Large Selling Event Description',
|
|
257
|
+
objectivesDescription: 'Lorem ipsum dolor sit amet consectetur. Viverra urna condimentum donec ipsum vitae volutpat phasellus. Adipiscing quam sodales vestibulum pretium sit adipiscing ultricies viverra. Sollicitudin penatibus fermentum fermentum faucibus viverra augue viverra. Lorem ipsum dolor sit amet consectetur. Viverra urna condimentum donec ipsum vitae volutpat phasellus. ',
|
|
258
|
+
eventDatesValue: 'Feb 1, 2023 - Feb 28, 2023',
|
|
259
|
+
externalEventDescription: 'Large Selling Event P2 Description',
|
|
260
|
+
externalEventID: 'LSE2_23',
|
|
261
|
+
storeType: 'Total',
|
|
262
|
+
category: '',
|
|
263
|
+
supplier: '',
|
|
264
|
+
brand: ''
|
|
264
265
|
},
|
|
265
266
|
viewCreativeOnClick: () => {},
|
|
266
|
-
width:
|
|
267
|
-
height:
|
|
268
|
-
textcolor:
|
|
267
|
+
width: '100%',
|
|
268
|
+
height: '100%',
|
|
269
|
+
textcolor: '#212121',
|
|
270
|
+
showDraft: true,
|
|
269
271
|
disabled: false
|
|
270
272
|
};
|
|
@@ -4,33 +4,34 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.ViewCreativeTextField = exports.ViewCreativeListBoxContainer = exports.ViewCreativeContainer = exports.ViewCreativeButtonAndListBoxContainer = exports.SubLineContainer = exports.Space = exports.RetailerIconContainer = exports.Retailer = exports.PeriodsContainer = exports.PeriodValue = exports.PeriodLabel = exports.PanelContainer = exports.ObjectivesTitle = exports.ObjectivesShowMore = exports.ObjectivesDescription = exports.ObjectiesContainer = exports.ObjectiesAndPeriodsContainer = exports.MainContainer = exports.FilterValuesContainer = exports.FilterValue = exports.FieldsDelimiter = exports.EventNameViewCreativeSubContainer = exports.EventNameAndViewCreativeContainer = exports.EventName = exports.DownloadButtonContainer = exports.BottonsContainer = void 0;
|
|
7
|
+
exports.ViewCreativeTextField = exports.ViewCreativeListBoxContainer = exports.ViewCreativeContainer = exports.ViewCreativeButtonAndListBoxContainer = exports.SubLineContainer = exports.Space = exports.RetailerIconContainer = exports.Retailer = exports.PeriodsContainer = exports.PeriodValue = exports.PeriodLabel = exports.PanelContainer = exports.ObjectivesTitle = exports.ObjectivesShowMore = exports.ObjectivesDescription = exports.ObjectiesContainer = exports.ObjectiesAndPeriodsContainer = exports.MainContainer = exports.FilterValuesContainer = exports.FilterValue = exports.FieldsDelimiter = exports.EventNameViewCreativeSubContainer = exports.EventNameAndViewCreativeContainer = exports.EventName = exports.DraftTag = exports.DownloadButtonContainer = exports.BottonsContainer = void 0;
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
9
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;
|
|
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;
|
|
11
11
|
const MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: 1rem;\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n"])), props => props.textcolor ? props.textcolor : '#000', props => props.width, props => props.height);
|
|
12
12
|
const PanelContainer = exports.PanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n border-radius: 12px;\n background: #ffffff;\n padding: 1rem 1rem 1rem 2.5rem;\n font-weight: 400;\n line-height: 19px;\n white-space: pre-wrap;\n //overflow: hidden;\n width: 100%;\n @media (max-width: 1536px) {\n padding: 13px 16px;\n }\n @media (max-width: 1366px) {\n padding: 12px 16px;\n }\n"])));
|
|
13
13
|
const EventNameAndViewCreativeContainer = exports.EventNameAndViewCreativeContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
14
14
|
const EventNameViewCreativeSubContainer = exports.EventNameViewCreativeSubContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n align-content: center;\n align-items: center;\n gap: 20px;\n"])));
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
const
|
|
27
|
-
const
|
|
28
|
-
const
|
|
29
|
-
const
|
|
30
|
-
const
|
|
31
|
-
const
|
|
32
|
-
const
|
|
33
|
-
const
|
|
34
|
-
const
|
|
35
|
-
const
|
|
36
|
-
const
|
|
15
|
+
const DraftTag = exports.DraftTag = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n color: #E41111;\n border: 2px solid #E41111;\n font-size: 20px;\n padding: 6px 18px;\n"])));
|
|
16
|
+
const EventName = exports.EventName = _styledComponents.default.h4(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n line-height: 19px;\n font-size: 16px;\n font-weight: 500;\n @media (max-width: 1536px) {\n font-size: 16px;\n }\n @media (max-width: 1366px) {\n font-size: 14px;\n }\n margin: 0; \n"])));
|
|
17
|
+
const ViewCreativeContainer = exports.ViewCreativeContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n border: 1px solid #ccc;\n margin-left: 10px;\n padding: 2px 10px;\n color: ", ";\n &:hover {\n cursor: ", ";\n }\n"])), props => props.disabled ? '#B1B1B1' : '#212121', props => !props.disabled ? 'pointer' : 'default');
|
|
18
|
+
const ViewCreativeTextField = exports.ViewCreativeTextField = _styledComponents.default.h4(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex; \n line-height: 19px;\n font-size: 14px;\n font-weight: 400;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n margin: 3px 10px;\n"])));
|
|
19
|
+
const ViewCreativeButtonAndListBoxContainer = exports.ViewCreativeButtonAndListBoxContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n overflow: visible;\n font-size: 18px;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n"])));
|
|
20
|
+
const ViewCreativeListBoxContainer = exports.ViewCreativeListBoxContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: absolute;\n \n left: ", ";\n top: ", ";\n /* height: ", ";\n width: ", "; */\n\n z-index:1000;\n"])), props => props.left, props => props.top, props => props.height, props => props.width);
|
|
21
|
+
const FilterValuesContainer = exports.FilterValuesContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n width: 100%;\n margin: 0.5rem 0 0 0;\n"])));
|
|
22
|
+
const FilterValue = exports.FilterValue = _styledComponents.default.p(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n line-height: 19px;\n font-size: 14px;\n font-weight: 400;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n margin: 0;\n"])));
|
|
23
|
+
const FieldsDelimiter = exports.FieldsDelimiter = _styledComponents.default.p(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n color: #ccc;\n margin: 0;\n"])));
|
|
24
|
+
const Retailer = exports.Retailer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0;\n margin-inline-end: 5px;\n"])));
|
|
25
|
+
const Space = exports.Space = _styledComponents.default.p(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
|
|
26
|
+
const RetailerIconContainer = exports.RetailerIconContainer = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n"])));
|
|
27
|
+
const ObjectiesContainer = exports.ObjectiesContainer = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: space-between;\n width: ", ";\n"])), props => !props.showPeriodIcon ? '100%' : '70%');
|
|
28
|
+
const ObjectiesAndPeriodsContainer = exports.ObjectiesAndPeriodsContainer = _styledComponents.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n margin: 0.5rem 0 0 0;\n"])));
|
|
29
|
+
const ObjectivesTitle = exports.ObjectivesTitle = _styledComponents.default.strong(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n"])));
|
|
30
|
+
const ObjectivesDescription = exports.ObjectivesDescription = _styledComponents.default.p(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n line-height: 19px;\n font-size: 14px;\n font-weight: 400;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n margin: 0;\n"])));
|
|
31
|
+
const ObjectivesShowMore = exports.ObjectivesShowMore = _styledComponents.default.a(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n &:hover {\n cursor: ", ";\n }\n"])), props => props.disabled ? '#B1B1B1' : '#1b30aa', props => !props.disabled ? 'pointer' : 'default');
|
|
32
|
+
const BottonsContainer = exports.BottonsContainer = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n\n align-items: center;\n justify-content: flex-end;\n min-height: 1.5rem;\n"])));
|
|
33
|
+
const DownloadButtonContainer = exports.DownloadButtonContainer = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)([""])));
|
|
34
|
+
const PeriodsContainer = exports.PeriodsContainer = _styledComponents.default.div(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: flex-start;\n white-space: pre-wrap;\n margin-left: 40px;\n width: 25%;\n font-size: 14px;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n } \n"])));
|
|
35
|
+
const SubLineContainer = exports.SubLineContainer = _styledComponents.default.div(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
|
|
36
|
+
const PeriodLabel = exports.PeriodLabel = _styledComponents.default.strong(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n line-height: 19px;\n font-size: 14px;\n font-weight: 500;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n } \n"])));
|
|
37
|
+
const PeriodValue = exports.PeriodValue = _styledComponents.default.p(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2.default)(["\n line-height: 19px;\n font-size: 14px;\n font-weight: 400;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n margin: 0 0 0 10px;\n"])));
|