sag_components 1.0.114 → 1.0.115

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 +59 -77
  2. package/dist/stories/components/TitleDescription.style.js +41 -57
  3. package/package.json +1 -1
package/dist/stories/components/TitleDescription.js CHANGED
@@ -8,6 +8,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
10
  var _IconButton = require("./IconButton");
11
+ var _EyeIcon = require("./icons/EyeIcon");
11
12
  var _TitleDescriptionStyle = require("./TitleDescription.style.js");
12
13
  var _excluded = ["data", "infoButtonOnClick", "eventLinkLabelOnClick", "retailerLinkLabelOnClick", "objectivesShowMoreOnClick", "downloadButtonOnClick", "flyButtonOnClick", "width", "height", "textColor"];
13
14
  /*TitleDescription*/
@@ -33,29 +34,21 @@ var TitleDescription = function TitleDescription(_ref) {
33
34
  textColor: textColor
34
35
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelContainer, {
35
36
  id: "LeftPanelContainer"
36
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine1Container, {
37
- id: "LeftPanelLine1Container"
38
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine1Field1, {
39
- id: "LeftPanelLine1Field1"
40
- }, data.mainTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine1IconButtonContainer, {
41
- id: "LeftPanelLine1IconButtonContainer"
42
- }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
43
- id: "IconButton",
44
- height: 18,
45
- width: 18,
46
- iconName: "eye",
47
- onClick: function onClick(event) {
48
- infoButtonOnClick({
49
- eventName: "infoButtonOnClick",
50
- event: event
51
- });
52
- }
53
- }), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine1InfoButtonText, {
54
- id: "LeftPanelLine1InfoButtonText"
55
- }, " ", data.infoButtonText, " "))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine2Container, {
56
- id: "LeftPanelLine2Container"
57
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine2Field1, {
58
- id: "LeftPanelLine2Field1",
37
+ }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.MainTitleAndViewCreativeContainer, {
38
+ id: "MainTitleAndViewCreativeContainer"
39
+ }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.MainTitle, {
40
+ id: "MainTitle"
41
+ }, data.mainTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ViewCreativeContainer, {
42
+ id: "ViewCreativeContainer"
43
+ }, /*#__PURE__*/_react.default.createElement(_EyeIcon.EyeIcon, {
44
+ width: "12",
45
+ height: "12"
46
+ }), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ViewCreativeTextField, {
47
+ id: "ViewCreativeTextField"
48
+ }, " ", data.infoButtonText, " "))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.EventTypeAndRetailerContainer, {
49
+ id: "EventTypeAndRetailerContainer"
50
+ }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.EventTypeLink, {
51
+ id: "EventTypeLink",
59
52
  onClick: function onClick(event) {
60
53
  eventLinkLabelOnClick({
61
54
  eventName: "eventLinkLabelOnClick",
@@ -64,40 +57,34 @@ var TitleDescription = function TitleDescription(_ref) {
64
57
  }
65
58
  }, data.eventLinkLabel), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
66
59
  id: "FieldsDelimiter"
67
- }, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine2Field3, {
68
- id: "LeftPanelLine2Field3",
60
+ }, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerLink, {
61
+ id: "RetailerLink",
69
62
  onClick: function onClick(event) {
70
63
  retailerLinkLabelOnClick({
71
64
  eventName: "retailerLinkLabelOnClick",
72
65
  event: event
73
66
  });
74
67
  }
75
- }, data.retailerLinkLabel)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3Container, {
76
- id: "LeftPanelLine3Container"
77
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine1Container, {
78
- id: "LeftPanelLine3SubLine1Container"
79
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine1Field1, {
80
- id: "LeftPanelLine3SubLine1Field1"
81
- }, data.objectivesTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine1Field2, {
82
- id: "LeftPanelLine3SubLine1Field2"
83
- }, data.objectivesDescriptionLine1)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine2Container, {
84
- id: "LeftPanelLine3SubLine2Container"
85
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine2Field1, {
86
- id: "LeftPanelLine3SubLine2Field1"
87
- }, data.objectivesDescriptionLine2, " ", " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine2Field2, {
88
- id: "LeftPanelLine3SubLine2Field2",
68
+ }, data.retailerLinkLabel)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectiesContainer, {
69
+ id: "ObjectiesContainer"
70
+ }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesTitle, {
71
+ id: "ObjectivesTitle"
72
+ }, data.objectivesLabel, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesDescription, {
73
+ id: "ObjectivesDescription"
74
+ }, data.objectivesDescription), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesShowMore, {
75
+ id: "ObjectivesShowMore",
89
76
  onClick: function onClick(event) {
90
77
  objectivesShowMoreOnClick({
91
78
  eventName: "objectivesShowMoreOnClick",
92
79
  event: event
93
80
  });
94
81
  }
95
- }, data.objectivesShowMoreLabel)))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelContainer, {
82
+ }, data.objectivesShowMoreLabel))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelContainer, {
96
83
  id: "RightPanelContainer"
97
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine1Container, {
98
- id: "RightPanelLine1Container"
99
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine1DownloadIconButtonContainer, {
100
- id: "RightPanelLine1DownloadIconButtonContainer"
84
+ }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.BottonsContainer, {
85
+ id: "BottonsContainer"
86
+ }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.DownloadButtonContainer, {
87
+ id: "DownloadButtonContainer"
101
88
  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
102
89
  id: "IconButton",
103
90
  height: 20,
@@ -109,40 +96,35 @@ var TitleDescription = function TitleDescription(_ref) {
109
96
  event: event
110
97
  });
111
98
  }
112
- })), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine1FlyIconButtonContainer, {
113
- id: "RightPanelLine1FlyIconButtonContainer"
114
- }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
115
- id: "IconButton",
116
- height: 20,
117
- width: 20,
118
- iconName: "fly",
119
- onClick: function onClick(event) {
120
- flyButtonOnClick({
121
- eventName: "flyButtonOnClick",
122
- event: event
123
- });
124
- }
125
- }))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine2Container, {
126
- id: "RightPanelLine2Container"
127
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine2Field1EmptyFiller, null, " ")), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3Container, {
128
- id: "RightPanelLine3Container"
129
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine1Container, {
130
- id: "RightPanelLine3SubLine1Container"
131
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine1Field1, {
132
- id: "RightPanelLine3SubLine1Field1"
133
- }, data.RightPanelLine2Title), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine1Field2, {
134
- id: "RightPanelLine3SubLine1Field2"
135
- }, data.RightPanelLine2Value)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Container, {
136
- id: "RightPanelLine3SubLine2Container"
137
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Field1, {
138
- id: "RightPanelLine3SubLine2Field1"
139
- }, data.RightPanelLine3Title), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Field2, {
140
- id: "RightPanelLine3SubLine2Field2"
141
- }, data.RightPanelLine3Value1), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
99
+ }))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelMiddleContainer, {
100
+ id: "RightPanelMiddleContainer"
101
+ }), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodsContainer, {
102
+ id: "PeriodsContainer"
103
+ }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.SubLineContainer, {
104
+ id: "SubLineContainer"
105
+ }), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.SubLineContainer, {
106
+ id: "SubLineContainer"
107
+ }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodLabel, {
108
+ id: "PeriodLabel"
109
+ }, data.eventDatesTitle), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
110
+ id: "PeriodValue"
111
+ }, data.eventDatesValue)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.SubLineContainer, {
112
+ id: "SubLineContainer"
113
+ }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodLabel, {
114
+ id: "PeriodLabel"
115
+ }, data.inAdLabel), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
116
+ id: "PeriodValue"
117
+ }, data.inAdValue)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.SubLineContainer, {
118
+ id: "SubLineContainer"
119
+ }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodLabel, {
120
+ id: "PeriodLabel"
121
+ }, data.onDisplayLabel), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
122
+ id: "PeriodValue"
123
+ }, data.onDisplayValue1), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
142
124
  id: "FieldsDelimiter"
143
- }, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Field3, {
144
- id: "RightPanelLine3SubLine2Field3"
145
- }, data.RightPanelLine3Value2)))));
125
+ }, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
126
+ id: "PeriodValue"
127
+ }, data.onDisplayValue2)))));
146
128
  };
147
129
  exports.TitleDescription = TitleDescription;
148
130
  var _default = TitleDescription;
package/dist/stories/components/TitleDescription.style.js CHANGED
@@ -4,11 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
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;
7
+ exports.ViewCreativeTextField = exports.ViewCreativeContainer = exports.SubLineContainer = exports.RightPanelMiddleContainer = exports.RightPanelContainer = exports.RetailerLink = exports.PeriodsContainer = exports.PeriodValue = exports.PeriodLabel = exports.ObjectivesTitle = exports.ObjectivesShowMore = exports.ObjectivesDescription = exports.ObjectiesContainer = exports.MainTitleAndViewCreativeContainer = exports.MainTitle = exports.MainContainer = exports.LeftPanelLine3SubLine2Field1 = exports.LeftPanelContainer = exports.FieldsDelimiter = exports.EventTypeLink = exports.EventTypeAndRetailerContainer = 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, _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 font-size: 1em;\n\n color: ", ";\n width: ", ";\n height: ", ";\n\n border-radius: 12px;\n align-content: center;\n\n justify-content: center;\n align-items: center;\n\n min-width: 64em;\n"])), function (props) {
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;
11
+ var MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n position: relative;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n font-size: 1em;\n\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n justify-content: center;\n align-items: center;\n\n overflow: hidden;\n min-width: 64em;\n min-height: 10em;\n"])), function (props) {
12
12
  return props.textColor ? props.textColor : "#000";
13
13
  }, function (props) {
14
14
  return props.width;
@@ -18,61 +18,45 @@ var MainContainer = _styledComponents.default.div(_templateObject || (_templateO
18
18
  exports.MainContainer = MainContainer;
19
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"])));
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"])));
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.2em;\n"])));
24
- exports.LeftPanelLine1Field1 = LeftPanelLine1Field1;
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
- exports.LeftPanelLine1IconButtonContainer = LeftPanelLine1IconButtonContainer;
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
- 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"])));
30
- exports.LeftPanelLine2Container = LeftPanelLine2Container;
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
- exports.LeftPanelLine2Field1 = LeftPanelLine2Field1;
21
+ var MainTitleAndViewCreativeContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n overflow: hidden;\n width: 97%;\n height: 20%;\n min-height: 1.7em;\n"])));
22
+ exports.MainTitleAndViewCreativeContainer = MainTitleAndViewCreativeContainer;
23
+ var MainTitle = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n overflow: hidden;\n font-weight: 700;\n font-size: 1.2em;\n"])));
24
+ exports.MainTitle = MainTitle;
25
+ var ViewCreativeContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 500;\n border-radius: 12px;\n border: 1px solid #ccc;\n min-height: 1.4em;\n min-width: 8.2em;\n margin-left: 10px;\n &:hover {\n cursor: pointer;\n }\n"])));
26
+ exports.ViewCreativeContainer = ViewCreativeContainer;
27
+ var ViewCreativeTextField = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n margin-left: 10px;\n"])));
28
+ exports.ViewCreativeTextField = ViewCreativeTextField;
29
+ var EventTypeAndRetailerContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n overflow: hidden;\n width: 97%;\n height: 20%;\n min-height: 1.3em;\n"])));
30
+ exports.EventTypeAndRetailerContainer = EventTypeAndRetailerContainer;
31
+ var EventTypeLink = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
32
+ exports.EventTypeLink = EventTypeLink;
33
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.8em;\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: center;\n overflow: hidden;\n width: 100%;\n height: 50%;\n min-height: 1.4em;\n border-radius: 12px;\n"])));
38
- exports.LeftPanelLine3Container = LeftPanelLine3Container;
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
- 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: 0.8em;\n margin-left: 2px;\n margin-right: 2px;\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: 0.8em;\n white-space: pre-wrap;\n margin-left: 10px;\n"])));
35
+ var RetailerLink = _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
+ exports.RetailerLink = RetailerLink;
37
+ var ObjectiesContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: flex-start;\n overflow: hidden;\n width: 97%;\n height: 60%;\n min-height: 5em;\n min-width: 40em;\n"])));
38
+ exports.ObjectiesContainer = ObjectiesContainer;
39
+ var ObjectivesTitle = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 0.8em;\n white-space: pre-wrap;\n min-height: 1.3em; \n \n"])));
40
+ exports.ObjectivesTitle = ObjectivesTitle;
41
+ var ObjectivesDescription = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n line-height: 1.4em;\n min-width: 40em;\n overflow: hidden;\n"])));
42
+ exports.ObjectivesDescription = ObjectivesDescription;
43
+ var LeftPanelLine3SubLine2Field1 = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n white-space: pre-wrap;\n"])));
48
44
  exports.LeftPanelLine3SubLine2Field1 = LeftPanelLine3SubLine2Field1;
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
- 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 border-radius: 12px;\n width: 40%;\n height: 100%;\n background: #ffffff;\n"])));
45
+ var ObjectivesShowMore = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
46
+ exports.ObjectivesShowMore = ObjectivesShowMore;
47
+ var RightPanelContainer = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (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
48
  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: 30%;\n min-height: 1.7em;\n border-radius: 12px;\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: 15px;\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: 30%;\n min-height: 1.3em;\n border-radius: 12px;\n"])));
60
- exports.RightPanelLine2Container = RightPanelLine2Container;
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
- exports.RightPanelLine2Field1EmptyFiller = RightPanelLine2Field1EmptyFiller;
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
- exports.RightPanelLine3Container = RightPanelLine3Container;
65
- var RightPanelLine3SubLine1Container = _styledComponents.default.div(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
66
- exports.RightPanelLine3SubLine1Container = RightPanelLine3SubLine1Container;
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
- exports.RightPanelLine3SubLine1Field1 = RightPanelLine3SubLine1Field1;
69
- var RightPanelLine3SubLine1Field2 = _styledComponents.default.div(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\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: 0.8em;\n white-space: pre-wrap;\n margin-left: 5px;\n margin-right: 0px;\n overflow: hidden;\n"])));
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.8em;\n"])));
76
- exports.RightPanelLine3SubLine2Field2 = RightPanelLine3SubLine2Field2;
77
- var RightPanelLine3SubLine2Field3 = _styledComponents.default.div(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n"])));
78
- exports.RightPanelLine3SubLine2Field3 = RightPanelLine3SubLine2Field3;
49
+ var BottonsContainer = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n overflow: hidden;\n width: 97%;\n height: 20%;\n min-height: 1.7em;\n \n"])));
50
+ exports.BottonsContainer = BottonsContainer;
51
+ var DownloadButtonContainer = _styledComponents.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 5px;\n margin-right: 5px;\n"])));
52
+ exports.DownloadButtonContainer = DownloadButtonContainer;
53
+ var RightPanelMiddleContainer = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n overflow: hidden;\n width: 97%;\n height: 20%;\n min-height: 1.3em;\n \n"])));
54
+ exports.RightPanelMiddleContainer = RightPanelMiddleContainer;
55
+ var PeriodsContainer = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: flex-start;\n overflow: hidden;\n width: 97%;\n height: 60%; \n min-width: 26em;\n min-height: 5em; \n"])));
56
+ exports.PeriodsContainer = PeriodsContainer;
57
+ var SubLineContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n min-height: 1.1em;\n"])));
58
+ exports.SubLineContainer = SubLineContainer;
59
+ var PeriodLabel = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 0.8em;\n white-space: pre-wrap;\n overflow: hidden;\n"])));
60
+ exports.PeriodLabel = PeriodLabel;
61
+ var PeriodValue = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n"])));
62
+ exports.PeriodValue = PeriodValue;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.114",
3
+ "version": "1.0.115",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {