sag_components 1.0.124 → 1.0.126

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 (5) hide show
  1. package/dist/stories/components/SegmentedButton.js +12 -9
  2. package/dist/stories/components/SegmentedButton.style.js +1 -1
  3. package/dist/stories/components/TitleDescription.js +7 -7
  4. package/dist/stories/components/TitleDescription.style.js +21 -21
  5. package/package.json +1 -1
package/dist/stories/components/SegmentedButton.js CHANGED
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = exports.SegmentedButton = void 0;
9
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
9
10
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
10
11
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
11
12
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
@@ -81,9 +82,11 @@ var SegmentedButton = function SegmentedButton(_ref) {
81
82
  segmentWidth = width / options.length;
82
83
  }
83
84
  return /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.ControlsContainer, {
85
+ id: "ControlsContainer",
84
86
  fontSize: fontSize,
85
87
  ref: controlRef
86
88
  }, /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.Controls, {
89
+ id: "Controls",
87
90
  backgroundColor: backgroundColor,
88
91
  selectedSegmentColor: selectedSegmentColor,
89
92
  segmentRadius: segmentRadius,
@@ -91,7 +94,9 @@ var SegmentedButton = function SegmentedButton(_ref) {
91
94
  segmentWidth: segmentWidth,
92
95
  className: "controls ".concat(componentReady.current ? "ready" : "idle")
93
96
  }, optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.map(function (item, i) {
97
+ var _React$createElement;
94
98
  return /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.Segment, {
99
+ id: "Segment",
95
100
  key: item.id,
96
101
  backgroundColor: backgroundColor,
97
102
  selectedSegmentColor: selectedSegmentColor,
@@ -100,16 +105,14 @@ var SegmentedButton = function SegmentedButton(_ref) {
100
105
  segmentWidth: segmentWidth,
101
106
  className: "".concat(activeIndex === i ? "active" : "inactive"),
102
107
  ref: item.ref
103
- }, /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.ControlsInput, {
108
+ }, /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.ControlsInput, (_React$createElement = {
109
+ id: "ControlsInput",
104
110
  type: "radio",
105
- value: item.value,
106
- id: item.id,
107
- name: name,
108
- onChange: function onChange() {
109
- return onInputChangeHandler(item.value, item.id);
110
- },
111
- checked: i === activeIndex
112
- }), /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.SegmentLabel, {
111
+ value: item.value
112
+ }, (0, _defineProperty2.default)(_React$createElement, "id", item.id), (0, _defineProperty2.default)(_React$createElement, "name", name), (0, _defineProperty2.default)(_React$createElement, "onChange", function onChange() {
113
+ return onInputChangeHandler(item.value, item.id);
114
+ }), (0, _defineProperty2.default)(_React$createElement, "checked", i === activeIndex), _React$createElement)), /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.SegmentLabel, {
115
+ id: "SegmentLabel",
113
116
  selectedTextColor: selectedTextColor,
114
117
  unselectedTextColor: unselectedTextColor,
115
118
  segmentHeigth: heigth / 5,
package/dist/stories/components/SegmentedButton.style.js CHANGED
@@ -8,7 +8,7 @@ exports.SegmentLabel = exports.Segment = exports.ControlsInput = exports.Control
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
11
- var ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex; \n font: ", "; \n margin: 100px 0 25px;\n --highlight-width: auto;\n --highlight-x-pos: 0;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n"])), function (props) {
11
+ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex; \n font: ", "; \n margin: 0;\n --highlight-width: auto;\n --highlight-x-pos: 0;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n"])), function (props) {
12
12
  var _props$fontSize;
13
13
  return (_props$fontSize = props.fontSize) === null || _props$fontSize === void 0 ? void 0 : _props$fontSize.toString().concat("", "px Lato, sans-serif");
14
14
  });
package/dist/stories/components/TitleDescription.js CHANGED
@@ -71,7 +71,7 @@ var TitleDescription = function TitleDescription(_ref) {
71
71
  default:
72
72
  return /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerIconContainer, {
73
73
  id: "RetailerIconContainer"
74
- }, retailerName, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
74
+ }, retailerName, retailerName && /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
75
75
  id: "FieldsDelimiter"
76
76
  }, " | "));
77
77
  }
@@ -81,8 +81,8 @@ var TitleDescription = function TitleDescription(_ref) {
81
81
  height: height,
82
82
  width: width,
83
83
  textColor: textColor
84
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelContainer, {
85
- id: "LeftPanelContainer"
84
+ }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PanelContainer, {
85
+ id: "PanelContainer"
86
86
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.EventNameAndViewCreativeContainer, {
87
87
  id: "EventNameAndViewCreativeContainer"
88
88
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.EventNameViewCreativeSubContainer, null, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.EventName, {
@@ -139,7 +139,7 @@ var TitleDescription = function TitleDescription(_ref) {
139
139
  id: "ObjectivesDescription"
140
140
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesTitle, {
141
141
  id: "ObjectivesTitle"
142
- }, "Objectives:", " "), data.objectivesDescription, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesShowMore, {
142
+ }, "Objectives:", " "), data.objectivesDescription, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesShowMore, {
143
143
  id: "ObjectivesShowMore",
144
144
  onClick: function onClick(event) {
145
145
  objectivesShowMoreOnClick({
@@ -155,19 +155,19 @@ var TitleDescription = function TitleDescription(_ref) {
155
155
  id: "SubLineContainer"
156
156
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodLabel, {
157
157
  id: "PeriodLabel"
158
- }, "Event Dates: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
158
+ }, "Event Dates: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
159
159
  id: "PeriodValue"
160
160
  }, data.eventDatesValue)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.SubLineContainer, {
161
161
  id: "SubLineContainer"
162
162
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodLabel, {
163
163
  id: "PeriodLabel"
164
- }, "In Ad: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
164
+ }, "In Ad: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
165
165
  id: "PeriodValue"
166
166
  }, data.inAdValue)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.SubLineContainer, {
167
167
  id: "SubLineContainer"
168
168
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodLabel, {
169
169
  id: "PeriodLabel"
170
- }, "On Display: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
170
+ }, "On Display: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
171
171
  id: "PeriodValue"
172
172
  }, data.onDisplayValue1), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
173
173
  id: "FieldsDelimiter"
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.ViewCreativeTextField = exports.ViewCreativeContainer = exports.SubLineContainer = exports.Space = exports.RetailerIconContainer = exports.Retailer = exports.PeriodsContainer = exports.PeriodValue = exports.PeriodLabel = exports.ObjectivesTitle = exports.ObjectivesShowMore = exports.ObjectivesDescription = exports.ObjectiesContainer = exports.ObjectiesAndPeriodsContainer = exports.MainContainer = exports.LeftPanelContainer = exports.FilterValuesContainer = exports.FilterValue = exports.FieldsDelimiter = exports.EventNameViewCreativeSubContainer = exports.EventNameAndViewCreativeContainer = exports.EventName = exports.DownloadButtonContainer = exports.BottonsContainer = void 0;
7
+ exports.ViewCreativeTextField = exports.ViewCreativeContainer = 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;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
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: 1rem;\n\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n overflow: hidden;\n"])), function (props) {
11
+ var MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n position: relative;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n font-size: 1rem;\n\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n"])), function (props) {
12
12
  return props.textColor ? props.textColor : "#000";
13
13
  }, function (props) {
14
14
  return props.width;
@@ -16,49 +16,49 @@ var MainContainer = _styledComponents.default.div(_templateObject || (_templateO
16
16
  return props.height;
17
17
  });
18
18
  exports.MainContainer = MainContainer;
19
- var LeftPanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n flex-direction: column; \n align-items: center;\n justify-content: space-around;\n border-radius: 12px;\n width: 100%;\n background: #ffffff;\n"])));
20
- exports.LeftPanelContainer = LeftPanelContainer;
21
- var 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: 97%; \n //margin: 0px 30px;\n margin-top: 0.5rem;\n"])));
19
+ var 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;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.4;\n white-space: pre-wrap;\n overflow: hidden;\n"])));
20
+ exports.PanelContainer = PanelContainer;
21
+ var 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"])));
22
22
  exports.EventNameAndViewCreativeContainer = EventNameAndViewCreativeContainer;
23
23
  var EventNameViewCreativeSubContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n"])));
24
24
  exports.EventNameViewCreativeSubContainer = EventNameViewCreativeSubContainer;
25
- var EventName = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n overflow: hidden;\n font-weight: 700;\n font-size: 1.2rem;\n margin: 0rem;\n"])));
25
+ var EventName = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 1.2rem;\n margin: 0;\n"])));
26
26
  exports.EventName = EventName;
27
- var ViewCreativeContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (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.4rem;\n min-width: 8.2rem;\n margin-left: 10px;\n &:hover {\n cursor: pointer;\n }\n"])));
27
+ var ViewCreativeContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (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: 3px 10px;\n &:hover {\n cursor: pointer;\n }\n"])));
28
28
  exports.ViewCreativeContainer = ViewCreativeContainer;
29
- var ViewCreativeTextField = _styledComponents.default.h4(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n font-weight: 400;\n font-size: 0.875rem;\n margin: 0 0 0 10px;\n"])));
29
+ var ViewCreativeTextField = _styledComponents.default.h4(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin: 0 5px;\n"])));
30
30
  exports.ViewCreativeTextField = ViewCreativeTextField;
31
- var FilterValuesContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n width: 97%;\n overflow: hidden;\n margin: 0.5rem;\n font-weight: 400;\n font-size: 0.875rem;\n"])));
31
+ var FilterValuesContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n width: 100%;\n margin: 0.5rem;\n"])));
32
32
  exports.FilterValuesContainer = FilterValuesContainer;
33
- var FilterValue = _styledComponents.default.p(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0rem;\n"])));
33
+ var FilterValue = _styledComponents.default.p(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0;\n"])));
34
34
  exports.FilterValue = FilterValue;
35
- var FieldsDelimiter = _styledComponents.default.p(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n color: #ccc;\n margin: 0rem;\n"])));
35
+ var FieldsDelimiter = _styledComponents.default.p(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)([" \n color: #ccc;\n margin: 0;\n"])));
36
36
  exports.FieldsDelimiter = FieldsDelimiter;
37
- var Retailer = _styledComponents.default.p(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0rem;\n"])));
37
+ var Retailer = _styledComponents.default.p(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0;\n"])));
38
38
  exports.Retailer = Retailer;
39
- var Space = _styledComponents.default.p(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0rem;\n"])));
39
+ var Space = _styledComponents.default.p(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
40
40
  exports.Space = Space;
41
- var RetailerIconContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n white-space: pre-wrap;\n"])));
41
+ var RetailerIconContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n"])));
42
42
  exports.RetailerIconContainer = RetailerIconContainer;
43
43
  var ObjectiesContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: space-between;\n"])));
44
44
  exports.ObjectiesContainer = ObjectiesContainer;
45
- var ObjectiesAndPeriodsContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n overflow: hidden;\n font-size: 0.875rem;\n line-height: 1.4;\n font-weight: 400;\n //margin: 0px 30px;\n width: 97%;\n margin-bottom: 0.5rem;\n"])));
45
+ var ObjectiesAndPeriodsContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
46
46
  exports.ObjectiesAndPeriodsContainer = ObjectiesAndPeriodsContainer;
47
- var ObjectivesTitle = _styledComponents.default.strong(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n"])));
47
+ var ObjectivesTitle = _styledComponents.default.strong(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)([""])));
48
48
  exports.ObjectivesTitle = ObjectivesTitle;
49
- var ObjectivesDescription = _styledComponents.default.p(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n overflow: hidden;\n margin: 0;\n"])));
49
+ var ObjectivesDescription = _styledComponents.default.p(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
50
50
  exports.ObjectivesDescription = ObjectivesDescription;
51
51
  var ObjectivesShowMore = _styledComponents.default.a(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
52
52
  exports.ObjectivesShowMore = ObjectivesShowMore;
53
- var BottonsContainer = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n overflow: hidden;\n\n min-height: 1.5rem;\n"])));
53
+ var BottonsContainer = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n min-height: 1.5rem;\n"])));
54
54
  exports.BottonsContainer = BottonsContainer;
55
- var DownloadButtonContainer = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n /* margin-left: 5px;\n margin-right: 5px; */\n"])));
55
+ var DownloadButtonContainer = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)([""])));
56
56
  exports.DownloadButtonContainer = DownloadButtonContainer;
57
- var PeriodsContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: flex-start;\n font-weight: 400;\n font-size: 0.875rem;\n overflow: hidden;\n margin-left: 20px;\n width: 100%;\n"])));
57
+ var PeriodsContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: flex-start;\n margin-left: 20px;\n width: 100%;\n"])));
58
58
  exports.PeriodsContainer = PeriodsContainer;
59
59
  var SubLineContainer = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
60
60
  exports.SubLineContainer = SubLineContainer;
61
- var PeriodLabel = _styledComponents.default.strong(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n overflow: hidden;\n"])));
61
+ var PeriodLabel = _styledComponents.default.strong(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)([""])));
62
62
  exports.PeriodLabel = PeriodLabel;
63
63
  var PeriodValue = _styledComponents.default.p(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
64
64
  exports.PeriodValue = PeriodValue;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.124",
3
+ "version": "1.0.126",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {