sag_components 1.0.83 → 1.0.85

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 (13) hide show
  1. package/dist/index.js +0 -4
  2. package/dist/stories/components/Dropdown.js +71 -51
  3. package/dist/stories/components/Dropdown.style.js +3 -1
  4. package/dist/stories/components/Fonts.style.js +7 -0
  5. package/dist/stories/components/TotalBenchmarkAreachart.style.js +1 -1
  6. package/dist/stories/components/TotalBenchmarkArrows.style.js +3 -3
  7. package/dist/stories/components/TotalBenchmarkBarchart.style.js +3 -3
  8. package/dist/stories/components/TotalDoughnutChart.style.js +1 -1
  9. package/package.json +7 -3
  10. package/dist/stories/components/ArrowDownIcon.js +0 -28
  11. package/dist/stories/components/ArrowUpIcon.js +0 -28
  12. package/dist/stories/components/TitleEventComponent.js +0 -101
  13. package/dist/stories/components/TitleEventComponent.style.js +0 -76
package/dist/index.js CHANGED
@@ -5,10 +5,6 @@ var _react = _interopRequireDefault(require("react"));
5
5
  var _client = _interopRequireDefault(require("react-dom/client"));
6
6
  require("./index.css");
7
7
  var _App = _interopRequireDefault(require("./App"));
8
- // import '@fontsource/roboto/300.css';
9
- // import '@fontsource/roboto/400.css';
10
- // import '@fontsource/roboto/500.css';
11
- // import '@fontsource/roboto/700.css';
12
8
  var root = _client.default.createRoot(document.getElementById('root'));
13
9
  root.render( /*#__PURE__*/_react.default.createElement(_react.default.StrictMode, null, /*#__PURE__*/_react.default.createElement(_App.default, null)));
14
10
 
package/dist/stories/components/Dropdown.js CHANGED
@@ -30,11 +30,14 @@ var checkedIcon = /*#__PURE__*/_react.default.createElement(_CheckBox.default, {
30
30
  fontSize: "small"
31
31
  });
32
32
 
33
+ // import './fonts/Lato-Regular.ttf';
34
+
33
35
  /**
34
36
  * SAG Dropdown
35
37
  */
36
38
  var Dropdown = function Dropdown(_ref) {
37
- var width = _ref.width,
39
+ var _ref$width = _ref.width,
40
+ width = _ref$width === void 0 ? "300px" : _ref$width,
38
41
  size = _ref.size,
39
42
  text = _ref.text,
40
43
  shape = _ref.shape,
@@ -45,7 +48,9 @@ var Dropdown = function Dropdown(_ref) {
45
48
  showSearchIcon = _ref.showSearchIcon,
46
49
  options = _ref.options,
47
50
  onChange = _ref.onChange,
48
- onInputChange = _ref.onInputChange;
51
+ onInputChange = _ref.onInputChange,
52
+ _ref$labelColor = _ref.labelColor,
53
+ labelColor = _ref$labelColor === void 0 ? "#1B30AA" : _ref$labelColor;
49
54
  /**
50
55
  * SAG Dropdown
51
56
  */
@@ -72,14 +77,14 @@ var Dropdown = function Dropdown(_ref) {
72
77
  // round
73
78
  return {
74
79
  "& .MuiOutlinedInput-root": {
75
- borderRadius: "50px",
80
+ borderRadius: "12px",
76
81
  legend: {
77
- marginLeft: "30px"
82
+ marginLeft: "60px"
78
83
  }
79
84
  },
80
85
  "& .MuiAutocomplete-inputRoot": {
81
86
  paddingLeft: "20px !important",
82
- borderRadius: "50px"
87
+ borderRadius: "12px"
83
88
  },
84
89
  "& .MuiInputLabel-outlined": {
85
90
  paddingLeft: "20px"
@@ -103,8 +108,14 @@ var Dropdown = function Dropdown(_ref) {
103
108
  });
104
109
  };
105
110
  var onChangeHandler = function onChangeHandler(event, newValue) {
106
- setCurrentOption(newValue);
107
- onChange(event, newValue);
111
+ setCurrentOption({
112
+ syntheticBaseEvent: event,
113
+ newValue: newValue
114
+ });
115
+ onChange({
116
+ syntheticBaseEvent: event,
117
+ newValue: newValue
118
+ });
108
119
  };
109
120
  var getAutocompleteSingle = function getAutocompleteSingle() {
110
121
  return /*#__PURE__*/_react.default.createElement(_Autocomplete.default, {
@@ -129,18 +140,38 @@ var Dropdown = function Dropdown(_ref) {
129
140
  sx: getTextFieldStyle(),
130
141
  placeholder: placeHolder,
131
142
  InputProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, params.InputProps), {}, {
143
+ style: {
144
+ fontSize: "14px",
145
+ fontFamily: "Lato"
146
+ },
132
147
  startAdornment: showSearchIcon ? /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
133
148
  position: "start"
134
149
  }, /*#__PURE__*/_react.default.createElement(_Search.default, {
135
150
  fontSize: "medium"
136
151
  })) : null
137
- })
152
+ }),
153
+ InputLabelProps: {
154
+ style: {
155
+ color: labelColor,
156
+ fontSize: "16px",
157
+ fontFamily: "Lato"
158
+ }
159
+ }
138
160
  }));
161
+ },
162
+ ListboxProps: {
163
+ style: {
164
+ fontSize: "14px",
165
+ fontFamily: "Lato"
166
+ }
139
167
  }
140
168
  });
141
169
  };
142
170
  var getAutocompleteMulti = function getAutocompleteMulti() {
143
171
  return /*#__PURE__*/_react.default.createElement(_Autocomplete.default, {
172
+ style: {
173
+ width: width
174
+ },
144
175
  onChange: function onChange(event, newValue) {
145
176
  onChangeHandler(event, newValue);
146
177
  },
@@ -148,8 +179,9 @@ var Dropdown = function Dropdown(_ref) {
148
179
  onInputChangeHandler(event, newInputValue);
149
180
  },
150
181
  multiple: true,
151
- limitTags: limitTagsOnMultiSelect,
152
- size: size,
182
+ limitTags: limitTagsOnMultiSelect
183
+ //size={size}
184
+ ,
153
185
  id: "checkboxes-tags",
154
186
  options: options,
155
187
  disableCloseOnSelect: true,
@@ -163,14 +195,13 @@ var Dropdown = function Dropdown(_ref) {
163
195
  icon: icon,
164
196
  checkedIcon: checkedIcon,
165
197
  style: {
166
- marginRight: 8
198
+ marginRight: 8,
199
+ fontSize: "14px",
200
+ fontFamily: "Lato"
167
201
  },
168
202
  checked: selected
169
203
  }), option.label);
170
204
  },
171
- style: {
172
- width: width
173
- },
174
205
  renderInput: function renderInput(params) {
175
206
  return showSearchIcon && (!currentOption || currentOption && currentOption.length === 0) ? /*#__PURE__*/_react.default.createElement(_TextField.default, Object.assign({}, params, {
176
207
  label: text,
@@ -178,18 +209,42 @@ var Dropdown = function Dropdown(_ref) {
178
209
  sx: getTextFieldStyle(),
179
210
  placeholder: placeHolder,
180
211
  InputProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, params.InputProps), {}, {
212
+ style: {
213
+ fontSize: "16px",
214
+ fontFamily: "Lato"
215
+ },
181
216
  startAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
182
217
  position: "start"
183
218
  }, /*#__PURE__*/_react.default.createElement(_Search.default, {
184
219
  fontSize: "medium"
185
220
  }))
186
- })
221
+ }),
222
+ InputLabelProps: {
223
+ style: {
224
+ color: labelColor,
225
+ fontSize: "16px",
226
+ fontFamily: "Lato"
227
+ }
228
+ }
187
229
  })) : /*#__PURE__*/_react.default.createElement(_TextField.default, Object.assign({}, params, {
188
230
  label: text,
189
231
  size: size,
190
232
  sx: getTextFieldStyle(),
191
- placeholder: placeHolder
233
+ placeholder: placeHolder,
234
+ InputLabelProps: {
235
+ style: {
236
+ color: labelColor,
237
+ fontSize: "16px",
238
+ fontFamily: "Lato"
239
+ }
240
+ }
192
241
  }));
242
+ },
243
+ ListboxProps: {
244
+ style: {
245
+ fontSize: "14px",
246
+ fontFamily: "Lato"
247
+ }
193
248
  }
194
249
  });
195
250
  };
@@ -197,41 +252,6 @@ var Dropdown = function Dropdown(_ref) {
197
252
  width: width
198
253
  }, multiSelect ? getAutocompleteMulti() : getAutocompleteSingle());
199
254
  };
200
-
201
- // Dropdown.propTypes = {
202
- // /**
203
- // * dropdown width
204
- // */
205
- // width: PropTypes.string,
206
-
207
- // /**
208
- // * dropdown size: small/large
209
- // */
210
- // size: PropTypes.string,
211
-
212
- // /**
213
- // * dropdown initial input text
214
- // */
215
- // text: PropTypes.string,
216
-
217
- // /**
218
- // * arrayOf <T> - options array to load into dropdown
219
- // */
220
- // options: PropTypes.arrayOf,
221
-
222
- // /**
223
- // * shape: round/square
224
- // */
225
- // shape: PropTypes.string,
226
- // };
227
-
228
- // Dropdown.defaultProps = {
229
- // width: 300,
230
- // size: "small",
231
- // text: "Select retailer...",
232
- // options: [],
233
- // shape: "round",
234
- // };
235
255
  exports.Dropdown = Dropdown;
236
256
  var _default = Dropdown;
237
257
  exports.default = _default;
package/dist/stories/components/Dropdown.style.js CHANGED
@@ -8,7 +8,9 @@ exports.DropdownContainer = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject;
11
- var DropdownContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: ", "; \n text-align: left; \n position: relative; \n align-items: center;\n justify-content: center;\n"])), function (props) {
11
+ //import './font.css';
12
+
13
+ var DropdownContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: ", "; \n text-align: left; \n position: relative; \n align-items: center;\n justify-content: center;\n font-family: Lato; \n font-size: \"14px\";\n"])), function (props) {
12
14
  return props.width;
13
15
  });
14
16
  exports.DropdownContainer = DropdownContainer;
package/dist/stories/components/Fonts.style.js ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
5
+ var _styledComponents = require("styled-components");
6
+ var _templateObject;
7
+ var LatoFont = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n @font-face {\n font-family: \"Lato\";\n src: local(\"Lato\"),\n url(\"./fonts/Lato/Lato-Regular.ttf\") format(\"truetype\"); \n }\n"])));
package/dist/stories/components/TotalBenchmarkAreachart.style.js CHANGED
@@ -20,7 +20,7 @@ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templ
20
20
  exports.ControlsContainer = ControlsContainer;
21
21
  var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n border-radius: 12px;\n width: 90%;\n height: 90%;\n background: #ffffff;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n"])));
22
22
  exports.Controls = Controls;
23
- var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n width: 14em;\n font-weight: 600;\n font-size: 1em;\n"])));
23
+ var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n width: 14em;\n font-weight: 600;\n font-size: 1em;\n margin-top: 15%;\n"])));
24
24
  exports.Title = Title;
25
25
  var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n align-items: baseline;\n width: 14em;\n height: 20%;\n"])));
26
26
  exports.ValueAndBenchmarkContainer = ValueAndBenchmarkContainer;
package/dist/stories/components/TotalBenchmarkArrows.style.js CHANGED
@@ -20,9 +20,9 @@ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templ
20
20
  exports.ControlsContainer = ControlsContainer;
21
21
  var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n border-radius: 12px;\n width: 90%;\n height: 90%;\n background: #ffffff;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n"])));
22
22
  exports.Controls = Controls;
23
- var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n width: 14em;\n font-weight: 600;\n font-size: 1em;\n"])));
23
+ var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n width: 14em;\n font-weight: 600;\n font-size: 1em;\n margin-top: 15%;\n"])));
24
24
  exports.Title = Title;
25
- var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: baseline;\n width: 14em;\n height: 30%;\n"])));
25
+ var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: baseline;\n width: 14em;\n height: 20%;\n"])));
26
26
  exports.ValueAndBenchmarkContainer = ValueAndBenchmarkContainer;
27
27
  var FormattedValue = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.1em;\n font-weight: 500;\n font-size: 2.2em;\n"])));
28
28
  exports.FormattedValue = FormattedValue;
@@ -34,7 +34,7 @@ var DetailsTitle = _styledComponents.default.div(_templateObject8 || (_templateO
34
34
  exports.DetailsTitle = DetailsTitle;
35
35
  var DetailsRowContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n text-align: center;\n align-items: baseline;\n height: 25%;\n"])));
36
36
  exports.DetailsRowContainer = DetailsRowContainer;
37
- var DetailsRowArrowContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 0.8em;\n align-items: flex-end;\n"])));
37
+ var DetailsRowArrowContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 0.8em;\n align-items: flex-end;\n height: 25%;\n"])));
38
38
  exports.DetailsRowArrowContainer = DetailsRowArrowContainer;
39
39
  var DetailsRowFormattedValue = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.3em;\n font-weight: 600;\n font-size: 0.88em;\n"])));
40
40
  exports.DetailsRowFormattedValue = DetailsRowFormattedValue;
package/dist/stories/components/TotalBenchmarkBarchart.style.js CHANGED
@@ -20,11 +20,11 @@ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templ
20
20
  exports.ControlsContainer = ControlsContainer;
21
21
  var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n border-radius: 12px;\n width: 90%;\n height: 90%;\n background: #ffffff;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n"])));
22
22
  exports.Controls = Controls;
23
- var TitleAndValueContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n width: 14em;\n height: 10%;\n"])));
23
+ var TitleAndValueContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n width: 14em;\n height: 7%;\n margin-top: 10%;\n"])));
24
24
  exports.TitleAndValueContainer = TitleAndValueContainer;
25
- var Title = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n width: 14em;\n font-weight: 600;\n font-size: 1em;\n"])));
25
+ var Title = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n width: 14em;\n font-weight: 600;\n font-size: 1em;\n \n"])));
26
26
  exports.Title = Title;
27
- var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n align-items: baseline;\n width: 14em;\n height: 20%;\n"])));
27
+ var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n align-items: baseline;\n width: 14em;\n height: 15%;\n \n"])));
28
28
  exports.ValueAndBenchmarkContainer = ValueAndBenchmarkContainer;
29
29
  var CurrencySign = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n width: 0.8em;\n font-weight: 500;\n font-size: 1em;\n"])));
30
30
  exports.CurrencySign = CurrencySign;
package/dist/stories/components/TotalDoughnutChart.style.js CHANGED
@@ -20,7 +20,7 @@ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templ
20
20
  exports.ControlsContainer = ControlsContainer;
21
21
  var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n border-radius: 12px;\n width:100%;\n height:100%;\n background: #ffffff;\n justify-content: center;\n align-items: center;\n flex-direction: column; \n"])));
22
22
  exports.Controls = Controls;
23
- var TitleAndValueContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n width: 90%;\n margin-top: 35px;\n"])));
23
+ var TitleAndValueContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n width: 90%;\n margin-top: 10%;\n"])));
24
24
  exports.TitleAndValueContainer = TitleAndValueContainer;
25
25
  var Title = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%; \n height: 100%; \n font-weight: 600;\n font-size: 1em;\n"])));
26
26
  exports.Title = Title;
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.83",
3
+ "version": "1.0.85",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
7
7
  "start": "react-scripts start",
8
- "build": "cross-env BABEL_ENV=production babel src -d dist",
8
+ "build": "cross-env BABEL_ENV=production babel src -d dist ",
9
9
  "storybook": "storybook dev -p 6006",
10
10
  "build-storybook": "storybook build"
11
11
  },
@@ -27,6 +27,7 @@
27
27
  "@storybook/react": "^7.0.6",
28
28
  "@storybook/react-webpack5": "^7.0.6",
29
29
  "@storybook/testing-library": "^0.0.14-next.2",
30
+ "babel-plugin-css-modules-transform": "^1.6.2",
30
31
  "cross-env": "^7.0.3",
31
32
  "css-loader": "^5.2.7",
32
33
  "prop-types": "^15.8.1",
@@ -36,7 +37,8 @@
36
37
  "sass-loader": "^10.4.1",
37
38
  "storybook": "^7.0.6",
38
39
  "style-loader": "^2.0.0",
39
- "styled-components": "^5.3.10"
40
+ "styled-components": "^5.3.10",
41
+ "typings-for-css-modules-loader": "^1.7.0"
40
42
  },
41
43
  "dependencies": {
42
44
  "@dnd-kit/core": "^6.0.8",
@@ -49,8 +51,10 @@
49
51
  "@mui/icons-material": "^5.11.16",
50
52
  "@mui/material": "^5.13.0",
51
53
  "@mui/styled-engine-sc": "^5.12.0",
54
+ "babel-plugin-react-css-modules": "^5.2.6",
52
55
  "classnames": "^2.3.2",
53
56
  "hoopy": "^0.1.4",
57
+ "react-css-modules": "^4.7.11",
54
58
  "react-scripts": "5.0.1",
55
59
  "recharts": "^2.6.2"
56
60
  },
package/dist/stories/components/ArrowDownIcon.js DELETED
@@ -1,28 +0,0 @@
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.ArrowDownIcon = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var ArrowDownIcon = function ArrowDownIcon(_ref) {
10
- var clicked = _ref.clicked,
11
- _ref$width = _ref.width,
12
- width = _ref$width === void 0 ? "8" : _ref$width,
13
- _ref$height = _ref.height,
14
- height = _ref$height === void 0 ? "9" : _ref$height;
15
- return /*#__PURE__*/_react.default.createElement("svg", {
16
- width: width,
17
- height: height,
18
- viewBox: "0 0 8 9",
19
- fill: "none",
20
- xmlns: "http://www.w3.org/2000/svg"
21
- }, /*#__PURE__*/_react.default.createElement("path", {
22
- d: "M3.52935 8.81165C3.78967 9.06278 4.21242 9.06278 4.47273 8.81165L7.80476 5.59719C8.06508 5.34606 8.06508 4.93822 7.80476 4.68709C7.54445 4.43596 7.1217 4.43596 6.86138 4.68709L4.66641 6.80663L4.66641 0.642893C4.66641 0.287292 4.36861 -4.08657e-07 4 -4.40881e-07C3.63139 -4.73106e-07 3.33359 0.287292 3.33359 0.642893L3.33359 6.80663L1.13862 4.6891C0.878303 4.43797 0.455551 4.43797 0.195236 4.6891C-0.0650787 4.94023 -0.0650787 5.34807 0.195236 5.5992L3.52727 8.81366L3.52935 8.81165Z",
23
- fill: "#F00021"
24
- }));
25
- };
26
- exports.ArrowDownIcon = ArrowDownIcon;
27
- var _default = ArrowDownIcon;
28
- exports.default = _default;
package/dist/stories/components/ArrowUpIcon.js DELETED
@@ -1,28 +0,0 @@
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.ArrowUpIcon = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var ArrowUpIcon = function ArrowUpIcon(_ref) {
10
- var clicked = _ref.clicked,
11
- _ref$width = _ref.width,
12
- width = _ref$width === void 0 ? "8" : _ref$width,
13
- _ref$height = _ref.height,
14
- height = _ref$height === void 0 ? "9" : _ref$height;
15
- return /*#__PURE__*/_react.default.createElement("svg", {
16
- width: width,
17
- height: height,
18
- viewBox: "0 0 8 9",
19
- fill: "none",
20
- xmlns: "http://www.w3.org/2000/svg"
21
- }, /*#__PURE__*/_react.default.createElement("path", {
22
- d: "M4.47065 0.188348C4.21033 -0.0627825 3.78758 -0.0627825 3.52727 0.188348L0.195236 3.40281C-0.0650787 3.65394 -0.0650787 4.06178 0.195236 4.31291C0.455551 4.56404 0.878303 4.56404 1.13862 4.31291L3.33359 2.19337V8.35711C3.33359 8.71271 3.63139 9 4 9C4.36861 9 4.66641 8.71271 4.66641 8.35711V2.19337L6.86138 4.3109C7.1217 4.56203 7.54445 4.56203 7.80476 4.3109C8.06508 4.05977 8.06508 3.65193 7.80476 3.4008L4.47273 0.186338L4.47065 0.188348Z",
23
- fill: "#5FCC70"
24
- }));
25
- };
26
- exports.ArrowUpIcon = ArrowUpIcon;
27
- var _default = ArrowUpIcon;
28
- exports.default = _default;
package/dist/stories/components/TitleEventComponent.js DELETED
@@ -1,101 +0,0 @@
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.TitleEventComponent = 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 _TitleEventComponentStyle = require("./TitleEventComponent.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
- /*TitleEventComponent*/
15
- var TitleEventComponent = function TitleEventComponent(_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 ? 162 : _ref$width,
37
- _ref$height = _ref.height,
38
- height = _ref$height === void 0 ? 1405 : _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(_TitleEventComponentStyle.MainContainer, {
43
- height: height,
44
- width: width,
45
- textColor: textColor
46
- }, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelContainer, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine1Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine1Field1, null, mainTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine1IconButtonContainer, null, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
47
- height: 18,
48
- width: 18,
49
- iconName: "eye",
50
- onClick: function onClick(event) {
51
- infoButtonOnClick({
52
- eventName: "infoButtonOnClick",
53
- event: event
54
- });
55
- }
56
- }), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine1InfoButtonText, null, " ", infoButtonText, " "))), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine2Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine2Field1, {
57
- onClick: function onClick(event) {
58
- eventLinkLabelOnClick({
59
- eventName: "eventLinkLabelOnClick",
60
- event: event
61
- });
62
- }
63
- }, eventLinkLabel), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.FieldsDelimiter, null, " | "), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine2Field3, {
64
- onClick: function onClick(event) {
65
- retailerLinkLabelOnClick({
66
- eventName: "retailerLinkLabelOnClick",
67
- event: event
68
- });
69
- }
70
- }, retailerLinkLabel)), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine3Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine3SubLine1Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine3SubLine1Field1, null, objectivesTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine3SubLine1Field2, null, objectivesDescriptionLine1)), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine3SubLine2Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine3SubLine2Field1, null, objectivesDescriptionLine2, " ", " "), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine3SubLine2Field2, {
71
- onClick: function onClick(event) {
72
- objectivesShowMoreOnClick({
73
- eventName: "objectivesShowMoreOnClick",
74
- event: event
75
- });
76
- }
77
- }, objectivesShowMoreLabel)))), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelContainer, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine1Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine1DownloadIconButtonContainer, null, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
78
- height: 20,
79
- width: 20,
80
- iconName: "download",
81
- onClick: function onClick(event) {
82
- downloadButtonOnClick({
83
- eventName: "downloadButtonOnClick",
84
- event: event
85
- });
86
- }
87
- })), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine1FlyIconButtonContainer, null, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
88
- height: 20,
89
- width: 20,
90
- iconName: "fly",
91
- onClick: function onClick(event) {
92
- flyButtonOnClick({
93
- eventName: "flyButtonOnClick",
94
- event: event
95
- });
96
- }
97
- }))), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine2Container, null), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine3Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine3SubLine1Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine3SubLine1Field1, null, RightPanelLine2Title, " "), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine3SubLine1Field2, null, RightPanelLine2Value)), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine3SubLine2Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine3SubLine2Field1, null, RightPanelLine3Title, " ", " "), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine3SubLine2Field2, null, RightPanelLine3Value1), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.FieldsDelimiter, null, " | "), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine3SubLine2Field3, null, RightPanelLine3Value2)))));
98
- };
99
- exports.TitleEventComponent = TitleEventComponent;
100
- var _default = TitleEventComponent;
101
- exports.default = _default;
package/dist/stories/components/TitleEventComponent.style.js DELETED
@@ -1,76 +0,0 @@
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.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;
11
- var MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n justify-content: center;\n align-items: center;\n position: relative;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n color: ", ";\n width: ", ";\n height: ", ";\n// min-width: 1200px;\n// min-height: 80px;\n border-radius: 12px;\n //border: 1px solid brown;\n"])), function (props) {
12
- return props.textColor ? props.textColor : "#000";
13
- }, function (props) {
14
- return props.width.toString().concat("", "px");
15
- }, function (props) {
16
- return props.height.toString().concat("", "px");
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\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 width: 100%;\n height: 30%;\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 //width: 130px;\n height: 40px; \n font-weight: 500; \n border: 1px solid red;\n border-radius: 12px;\n border-color: #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 width: 100%;\n height: 30%;\n //border: 1px solid blue;\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: blue;\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: blue;\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 width: 100%;\n height: 40%;\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: blue;\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: 50%;\n height: 100%;\n background: #ffffff;\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 width: 100%;\n height: 30%;\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 width: 100%;\n height: 30%; \n //border: 1px solid blue;\n"])));
60
- exports.RightPanelLine2Container = RightPanelLine2Container;
61
- var RightPanelLine3Container = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n width: 100%;\n height: 40%;\n //border: 1px solid red;\n"])));
62
- exports.RightPanelLine3Container = RightPanelLine3Container;
63
- var RightPanelLine3SubLine1Container = _styledComponents.default.div(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
64
- exports.RightPanelLine3SubLine1Container = RightPanelLine3SubLine1Container;
65
- var RightPanelLine3SubLine1Field1 = _styledComponents.default.div(_templateObject25 || (_templateObject25 = (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"])));
66
- exports.RightPanelLine3SubLine1Field1 = RightPanelLine3SubLine1Field1;
67
- var RightPanelLine3SubLine1Field2 = _styledComponents.default.div(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px; \n"])));
68
- exports.RightPanelLine3SubLine1Field2 = RightPanelLine3SubLine1Field2;
69
- var RightPanelLine3SubLine2Container = _styledComponents.default.div(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
70
- exports.RightPanelLine3SubLine2Container = RightPanelLine3SubLine2Container;
71
- var RightPanelLine3SubLine2Field1 = _styledComponents.default.div(_templateObject28 || (_templateObject28 = (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"])));
72
- exports.RightPanelLine3SubLine2Field1 = RightPanelLine3SubLine2Field1;
73
- var RightPanelLine3SubLine2Field2 = _styledComponents.default.div(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n"])));
74
- exports.RightPanelLine3SubLine2Field2 = RightPanelLine3SubLine2Field2;
75
- var RightPanelLine3SubLine2Field3 = _styledComponents.default.div(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n"])));
76
- exports.RightPanelLine3SubLine2Field3 = RightPanelLine3SubLine2Field3;