sag_components 1.0.761 → 1.0.762

package/dist/stories/components/BarChartsByWeeks.js

@@ -117,12 +117,9 @@ const BarChartsByWeeks = props => {
   const displayEventWeeksElements = () => {
     var _getWeek;
     if (!barChartData || barChartData.length === 0) return '';
-    return /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.EventWeeksLegendDataElementsContainer, {
-      className: "EventWeeksLegendDataElementsContainer"
-    }, (_getWeek = getWeek()) === null || _getWeek === void 0 ? void 0 : _getWeek.map(item => {
+    return /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.EventWeeksLegendDataElementsContainer, null, (_getWeek = getWeek()) === null || _getWeek === void 0 ? void 0 : _getWeek.map(item => {
       var _item$title2, _item$title3;
       return /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.EventWeeksLegendDataElement, {
-        className: "EventWeeksLegendDataElement",
         color: item.title >= startWeekRange && item.title <= endWeekRange ? xselectedColor : '',
         textColor: item.title >= startWeekRange && item.title <= endWeekRange ? '#212121' : '#B1B1B1',
         fontWeight: item.title >= startWeekRange && item.title <= endWeekRange ? 600 : 400,
@@ -224,9 +221,7 @@ const BarChartsByWeeks = props => {
     radius: [4, 4, 0, 0],
     stackId: "a",
     fill: barChartSecondColor
-  })))), displayEventWeeksLegendData(), showLegend && /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.LegendWrapper, {
-    className: "LegendWrapper"
-  }, /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsLegend.default, {
+  })))), displayEventWeeksLegendData(), showLegend && /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.LegendWrapper, null, /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsLegend.default, {
     legendData: legendData
   }))));
 };

package/dist/stories/components/BarChartsByWeeks.style.js

@@ -17,5 +17,5 @@ const TitleAndValueContainer = exports.TitleAndValueContainer = _styledComponent
 const Title = exports.Title = _styledComponents.default.h5(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 500;\n  font-size: 18px;\n  line-height: 20px;\n  margin: 0;\n  @media (max-width: 1536px) {\n    font-size: 16px;\n  }\n  @media (max-width: 1366px) {\n    font-size: 14px;\n  }\n"])));
 const EventWeeksLegendMainContainer = exports.EventWeeksLegendMainContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin: 2px 0 0 0;\n  padding-left: 55px;\n  align-items: center;\n"])));
 const EventWeeksLegendDataElementsContainer = exports.EventWeeksLegendDataElementsContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin: 0px;\n  align-items: center;\n  justify-content: space-around;\n  width: 100%;\n"])));
-const EventWeeksLegendDataElement = exports.EventWeeksLegendDataElement = _styledComponents.default.h4(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  font-weight: ", ";\n  font-size: 12px;\n  line-height: 15px;\n  margin: 0px;\n  width: 100%;\n  justify-content: center;\n  align-content: center;\n  color: ", ";\n  border-top-left-radius: ", ";\n  border-bottom-left-radius: ", ";\n  border-top-right-radius: ", ";\n  border-bottom-right-radius: ", ";\n  background: ", ";\n  @media (max-width: 1536px) {\n    font-size: 11px;\n  }\n  @media (max-width: 1366px) {\n    font-size: 10px;\n  }\n"])), props => props.fontWeight, props => props.textColor, props => props.borderLeftRadius, props => props.borderLeftRadius, props => props.borderRightRadius, props => props.borderRightRadius, props => props.color);
-const LegendWrapper = exports.LegendWrapper = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n  width: 100%;\n  padding: 10px 0 0 0;\n"])));
+const EventWeeksLegendDataElement = exports.EventWeeksLegendDataElement = _styledComponents.default.h4(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  font-weight: ", ";\n  font-size: 12px;\n  line-height: 15px;\n  margin: 0;\n  width: 100%;\n  justify-content: center;\n  align-content: center;\n  color: ", ";\n  border-top-left-radius: ", ";\n  border-bottom-left-radius: ", ";\n  border-top-right-radius: ", ";\n  border-bottom-right-radius: ", ";\n  background: ", ";\n  @media (max-width: 1536px) {\n    font-size: 11px;\n  }\n  @media (max-width: 1366px) {\n    font-size: 10px;\n  }\n"])), props => props.fontWeight, props => props.textColor, props => props.borderLeftRadius, props => props.borderLeftRadius, props => props.borderRightRadius, props => props.borderRightRadius, props => props.color);
+const LegendWrapper = exports.LegendWrapper = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  padding-top: 15px;\n"])));

package/dist/stories/components/TwoBarCharts.style.js

@@ -11,7 +11,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 const ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  font-family: \"Poppins\", sans-serif;\n  color: #212121;\n  width: ", ";\n  height: ", ";\n  min-width: 250px;\n"])), props => props.width, props => props.height);
 const Controls = exports.Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  width: 100%;\n  background: white;\n  display: flex;\n  flex-direction: column;\n"])));
 const TooltipDiv = exports.TooltipDiv = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 5px;\n  padding: 8px 12px;\n  background: white;\n  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);\n  margin: 0;\n"])));
-const TooltipLabel = exports.TooltipLabel = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: #212121;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: normal;\n  width: fit-content;\n"])));
+const TooltipLabel = exports.TooltipLabel = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: #212121;\n  font-size: 14px;\n  font-weight: 400;\n  width: fit-content;\n"])));
 const TooltipTitle = exports.TooltipTitle = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  color: #212121;\n  font-size: 14px;\n  font-weight: 600;\n"])));
 const Title = exports.Title = _styledComponents.default.h5(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 500;\n  font-size: 18px;\n  line-height: 20px;\n  margin: 0 0 30px;\n  @media (max-width: 1536px) {\n    font-size: 16px;\n    margin: 0 0 20px;\n  }\n  @media (max-width: 1366px) {\n    font-size: 14px;\n  }\n"])));
 const LabelBoldText = exports.LabelBoldText = _styledComponents.default.tspan(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 16px;\n  @media (max-width: 1536px) {\n    font-size: 12px;\n  }\n"])));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.761",
+  "version": "1.0.762",
   "description": "",
   "main": "dist/index.js",
   "scripts": {