@widergy/utilitygo-smart-bill-web 1.13.3 → 2.0.0

package/dist/components/ConsumptionEnergyDetails/components/PercentageComparison/index.js

@@ -4,40 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = require("prop-types");
-
 var _smartBillTypes = require("../../../../shared/types/smartBillTypes");
-
 var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"));
-
 var _aliases = require("../../../../shared/constants/aliases");
-
 var _utils = require("./utils");
-
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var PercentageComparison = function PercentageComparison(_ref) {
   var contextApiInfo = _ref.contextApiInfo,
-      savingsPercentage = _ref.savingsPercentage,
-      multipleSettlements = _ref.multipleSettlements;
+    savingsPercentage = _ref.savingsPercentage,
+    multipleSettlements = _ref.multipleSettlements;
   var assets = contextApiInfo.assets,
-      config = contextApiInfo.config,
-      Label = contextApiInfo.Label;
+    config = contextApiInfo.config,
+    Label = contextApiInfo.Label;
   var _config$texts$billSum = config.texts.billSummary,
-      consumptionComparissonWithLasYear = _config$texts$billSum.consumptionComparissonWithLasYear,
-      activeEnergycomparisonWithLastYear = _config$texts$billSum.activeEnergycomparisonWithLastYear;
-
+    consumptionComparissonWithLasYear = _config$texts$billSum.consumptionComparissonWithLasYear,
+    activeEnergycomparisonWithLastYear = _config$texts$billSum.activeEnergycomparisonWithLastYear;
   var _getProps = (0, _utils.getProps)(savingsPercentage, assets),
-      Icon = _getProps.Icon,
-      sign = _getProps.sign,
-      value = _getProps.value,
-      background = _getProps.background;
-
+    Icon = _getProps.Icon,
+    sign = _getProps.sign,
+    value = _getProps.value,
+    background = _getProps.background;
   return savingsPercentage === 0 || savingsPercentage ? /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(background)
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -50,13 +39,10 @@ var PercentageComparison = function PercentageComparison(_ref) {
     alias: _aliases.PERCENTAGE_COMPARISON_DETAIL
   }, multipleSettlements ? consumptionComparissonWithLasYear : activeEnergycomparisonWithLastYear)) : null;
 };
-
 PercentageComparison.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   savingsPercentage: _propTypes.number,
   multipleSettlements: _propTypes.bool
 };
-
 var _default = (0, _WithContextApi.default)()(PercentageComparison);
-
 exports.default = _default;

package/dist/components/ConsumptionEnergyDetails/components/PercentageComparison/utils.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getProps = void 0;
-
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var getProps = function getProps(savingsPercentage, assets) {
   if (savingsPercentage > 0) {
     return {
@@ -18,7 +15,6 @@ var getProps = function getProps(savingsPercentage, assets) {
       background: _stylesModule.default.consumptionReductionBackground
     };
   }
-
   if (savingsPercentage < 0) {
     return {
       Icon: assets.ConsumptionIncrementIcon,
@@ -27,7 +23,6 @@ var getProps = function getProps(savingsPercentage, assets) {
       background: _stylesModule.default.consumptionIncrementBackground
     };
   }
-
   return {
     Icon: assets.ConsumptionInvariantIcon,
     sign: '',
@@ -35,5 +30,4 @@ var getProps = function getProps(savingsPercentage, assets) {
     background: _stylesModule.default.consumptionInvariantBackground
   };
 };
-
 exports.getProps = getProps;

package/dist/components/ConsumptionEnergyDetails/index.js

@@ -1,65 +1,45 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = require("prop-types");
-
 var _aliases = require("../../shared/constants/aliases");
-
 var _billDataTypes = require("../../shared/types/billDataTypes");
-
 var _smartBillTypes = require("../../shared/types/smartBillTypes");
-
 var _consumptions = require("../../shared/utils/consumptions");
-
 var _periods = require("../../shared/utils/periods");
-
 var _consumptions2 = require("../../shared/constants/consumptions");
-
 var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
-
 var _utils = require("../../utils");
-
 var _Magnitude = _interopRequireDefault(require("../Magnitude"));
-
 var _ConsumptionEnergyComparison = _interopRequireDefault(require("./components/ConsumptionEnergyComparison"));
-
 var _EnergyTotalConsumption = _interopRequireDefault(require("./components/EnergyTotalConsumption"));
-
 var _PercentageComparison = _interopRequireDefault(require("./components/PercentageComparison"));
-
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var ConsumptionEnergyDetails = function ConsumptionEnergyDetails(_ref) {
   var contextApiInfo = _ref.contextApiInfo,
-      currentPeriod = _ref.currentPeriod,
-      billData = _ref.billData,
-      multipleSettlements = _ref.multipleSettlements,
-      consumptionComparison = _ref.consumptionComparison,
-      withPercentage = _ref.withPercentage;
+    currentPeriod = _ref.currentPeriod,
+    billData = _ref.billData,
+    multipleSettlements = _ref.multipleSettlements,
+    consumptionComparison = _ref.consumptionComparison,
+    withPercentage = _ref.withPercentage;
   var config = contextApiInfo.config,
-      Label = contextApiInfo.Label,
-      assets = contextApiInfo.assets;
+    Label = contextApiInfo.Label,
+    assets = contextApiInfo.assets;
   var texts = config.texts,
-      validations = config.validations;
+    validations = config.validations;
   var RedAlertIcon = assets.RedAlertIcon;
   var useCosinePhi = validations.useCosinePhi,
-      showMultipleSettlementsConsumption = validations.showMultipleSettlementsConsumption,
-      showPercentageComparison = validations.showPercentageComparison,
-      showSingleSettlementDays = validations.showSingleSettlementDays;
+    showMultipleSettlementsConsumption = validations.showMultipleSettlementsConsumption,
+    showPercentageComparison = validations.showPercentageComparison,
+    showSingleSettlementDays = validations.showSingleSettlementDays;
   var currentConsumption = (0, _consumptions.getCurrentConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE);
   var remainingConsumption = (0, _consumptions.getRemainingConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE);
   var totalConsumption = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE);
@@ -67,24 +47,20 @@ var ConsumptionEnergyDetails = function ConsumptionEnergyDetails(_ref) {
   var powerFactor = (0, _consumptions.getTotalConsumption)(currentPeriod, powerFactorType);
   var totalReactiveConsumption = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.REACTIVE);
   var savingsPercentage = (0, _periods.getSavingsPercentage)(currentPeriod);
-
   var dataValidation = function dataValidation(data) {
     return (0, _utils.stringOrDash)(data);
   };
-
   var settlements = currentPeriod === null || currentPeriod === void 0 ? void 0 : currentPeriod.settlements;
   var periodicity = settlements === null || settlements === void 0 ? void 0 : settlements.periodicity;
   var periodNumber = currentPeriod === null || currentPeriod === void 0 ? void 0 : currentPeriod.number;
   var year = currentPeriod === null || currentPeriod === void 0 ? void 0 : currentPeriod.year;
   var currentIsFirstSettlement = multipleSettlements && settlements.current.number === 1;
-
   var Title = function Title(style) {
     return /*#__PURE__*/_react.default.createElement(Label, {
       alias: _aliases.TITLE,
-      className: style && _stylesModule.default.title
+      className: "".concat(style && _stylesModule.default.title)
     }, texts.billSummary.consumptionTitle);
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, showMultipleSettlementsConsumption(billData) ? consumptionComparison ? /*#__PURE__*/_react.default.createElement(_ConsumptionEnergyComparison.default, {
@@ -147,13 +123,12 @@ var ConsumptionEnergyDetails = function ConsumptionEnergyDetails(_ref) {
     className: _stylesModule.default.labelIcon
   }), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.POWER_FACTOR_EXCEEDED_MESSAGE,
-    className: _stylesModule.default.energyExceededFineLabel
-  }, "".concat(powerFactor.alert_message)))))), showPercentageComparison(billData) && withPercentage && savingsPercentage && /*#__PURE__*/_react.default.createElement(_PercentageComparison.default, {
+    colorTheme: "error"
+  }, "".concat(powerFactor.alert_message)))))), showPercentageComparison(billData) && withPercentage && (savingsPercentage === 0 || savingsPercentage) && /*#__PURE__*/_react.default.createElement(_PercentageComparison.default, {
     savingsPercentage: dataValidation(savingsPercentage),
     multipleSettlements: !consumptionComparison
   }));
 };
-
 ConsumptionEnergyDetails.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   currentPeriod: _billDataTypes.periodTypes,
@@ -162,7 +137,5 @@ ConsumptionEnergyDetails.propTypes = {
   consumptionComparison: _propTypes.bool,
   withPercentage: _propTypes.bool
 };
-
 var _default = (0, _WithContextApi.default)()(ConsumptionEnergyDetails);
-
 exports.default = _default;

package/dist/components/ConsumptionEnergyDetails/styles.module.scss

@@ -124,21 +124,17 @@ $border-radius: 5px;
 .energyExceededFine {
   @extend %exceededPower;
   align-items: center;
-  background-color: $exceeded-power-fine-background;
+  background-color: var(--semanticError01);
   justify-content: center;
 }
 
-.energyExceededFineLabel {
-  color: $exceeded-power;
-}
-
 .iconAndLabel {
   align-items: center;
   display: flex;
 }
 
 .labelIcon {
-  fill: $exceeded-power;
+  fill: var(--semanticError05);
   height: 24px;
   margin-right: 3px;
   width: 24px;

package/dist/components/ConsumptionIncluded/components/TimelineRow/components/Card/index.js

@@ -1,52 +1,40 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = require("prop-types");
-
 var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
-
 var _Magnitude = _interopRequireDefault(require("../../../../../Magnitude"));
-
 var _WithContextApi = _interopRequireDefault(require("../../../../../WithContextApi"));
-
 var _HeaderConsumption = _interopRequireDefault(require("../HeaderConsumption"));
-
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
 var _utils = require("./utils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var Card = function Card(_ref) {
   var contextApiInfo = _ref.contextApiInfo,
-      cardTitle = _ref.cardTitle,
-      cardSubtitle = _ref.cardSubtitle,
-      cardDescription1 = _ref.cardDescription1,
-      cardDescription2 = _ref.cardDescription2,
-      consumption = _ref.consumption,
-      remaining = _ref.remaining,
-      current = _ref.current,
-      settlementNumber = _ref.settlementNumber,
-      currentIsFirstSettlement = _ref.currentIsFirstSettlement,
-      unit = _ref.unit,
-      value = _ref.value,
-      initialDate = _ref.initialDate,
-      finalDate = _ref.finalDate;
+    cardTitle = _ref.cardTitle,
+    cardSubtitle = _ref.cardSubtitle,
+    cardDescription1 = _ref.cardDescription1,
+    cardDescription2 = _ref.cardDescription2,
+    consumption = _ref.consumption,
+    remaining = _ref.remaining,
+    current = _ref.current,
+    settlementNumber = _ref.settlementNumber,
+    currentIsFirstSettlement = _ref.currentIsFirstSettlement,
+    unit = _ref.unit,
+    value = _ref.value,
+    initialDate = _ref.initialDate,
+    finalDate = _ref.finalDate;
   var Label = contextApiInfo.Label,
-      assets = contextApiInfo.assets,
-      config = contextApiInfo.config;
+    assets = contextApiInfo.assets,
+    config = contextApiInfo.config;
   var colors = config.colors;
   var consumptionIncluded = config.texts.consumptionIncluded;
   var EnergyIcon = assets.EnergyIcon;
@@ -77,18 +65,16 @@ var Card = function Card(_ref) {
       });
     }
   };
-
   var _getAliases = (0, _utils.getAliases)(consumption, current, remaining),
-      magnitudeAlias = _getAliases.magnitudeAlias,
-      unitAlias = _getAliases.unitAlias,
-      consumptionAlias = _getAliases.consumptionAlias,
-      cardTitleAlias = _getAliases.cardTitleAlias,
-      cardDescriptionAlias = _getAliases.cardDescriptionAlias,
-      cardDescriptionRemainingAlias = _getAliases.cardDescriptionRemainingAlias,
-      cardSubtitleAlias = _getAliases.cardSubtitleAlias,
-      cardConsumptionDescriptionAlias = _getAliases.cardConsumptionDescriptionAlias,
-      cardConsumptionTextAlias = _getAliases.cardConsumptionTextAlias;
-
+    magnitudeAlias = _getAliases.magnitudeAlias,
+    unitAlias = _getAliases.unitAlias,
+    consumptionAlias = _getAliases.consumptionAlias,
+    cardTitleAlias = _getAliases.cardTitleAlias,
+    cardDescriptionAlias = _getAliases.cardDescriptionAlias,
+    cardDescriptionRemainingAlias = _getAliases.cardDescriptionRemainingAlias,
+    cardSubtitleAlias = _getAliases.cardSubtitleAlias,
+    cardConsumptionDescriptionAlias = _getAliases.cardConsumptionDescriptionAlias,
+    cardConsumptionTextAlias = _getAliases.cardConsumptionTextAlias;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(current && _stylesModule.default.containerCurrent, " ").concat(remaining && _stylesModule.default.containerRemaining),
     style: current && {
@@ -96,10 +82,11 @@ var Card = function Card(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.header
-  }, /*#__PURE__*/_react.default.createElement(Label, {
-    alias: cardTitleAlias,
-    className: consumption && _stylesModule.default.titleAndSubtitles
-  }, cardTitle), consumption ? /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(Label, _extends({
+    alias: cardTitleAlias
+  }, consumption ? {
+    colorTheme: 'dark'
+  } : {}), cardTitle), consumption ? /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.datesContainer
   }, /*#__PURE__*/_react.default.createElement(_HeaderConsumption.default, {
     contextApiInfo: contextApiInfo,
@@ -107,7 +94,7 @@ var Card = function Card(_ref) {
     endDate: finalDate
   }), /*#__PURE__*/_react.default.createElement(Label, {
     alias: cardDescriptionAlias,
-    className: _stylesModule.default.titleAndSubtitles
+    colorTheme: "dark"
   }, cardDescription1)) : /*#__PURE__*/_react.default.createElement(Label, {
     alias: cardSubtitleAlias,
     className: _stylesModule.default.subtitle
@@ -115,19 +102,20 @@ var Card = function Card(_ref) {
     className: _stylesModule.default.daysRank
   }, /*#__PURE__*/_react.default.createElement(assets.CalendarIcon, {
     className: "".concat(_stylesModule.default.calendarIcon, " ").concat(remaining && _stylesModule.default.calendarIconRemaining)
-  }), /*#__PURE__*/_react.default.createElement(Label, {
-    alias: cardDescriptionRemainingAlias,
-    className: current && _stylesModule.default.titleAndSubtitles
-  }, cardDescription2))), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement(Label, _extends({
+    alias: cardDescriptionRemainingAlias
+  }, consumption ? {
+    colorTheme: 'dark'
+  } : {}), cardDescription2))), /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.content, " ").concat(current && _stylesModule.default.currentContent, " ").concat(remaining && _stylesModule.default.remainingContent),
     style: current && {
       backgroundColor: colors.primary
     }
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: consumptionAlias,
-    className: !consumption && _stylesModule.default.consumptionLabel
+    className: "".concat(!consumption && _stylesModule.default.consumptionLabel)
   }, "".concat(consumptionIncluded.consumption, ":")), /*#__PURE__*/_react.default.createElement("div", {
-    className: !consumption && _stylesModule.default.consumptionRank
+    className: "".concat(!consumption && _stylesModule.default.consumptionRank)
   }, /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
     numberAlias: magnitudeAlias,
     unitAlias: unitAlias,
@@ -144,11 +132,9 @@ var Card = function Card(_ref) {
   }, cardDescription1)))), !consumption && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.footer, " ").concat(current && currentIsFirstSettlement ? _stylesModule.default.currentFooter : _stylesModule.default.footerDisabled, " ").concat(remaining && !currentIsFirstSettlement ? _stylesModule.default.currentFooter : _stylesModule.default.footerDisabled)
   }, /*#__PURE__*/_react.default.createElement(Label, {
-    alias: cardConsumptionTextAlias,
-    className: _stylesModule.default.footerLabel
+    alias: cardConsumptionTextAlias
   }, consumptionText)));
 };
-
 Card.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   cardTitle: _propTypes.string,
@@ -165,7 +151,5 @@ Card.propTypes = {
   initialDate: _propTypes.string,
   finalDate: _propTypes.string
 };
-
 var _default = (0, _WithContextApi.default)()(Card);
-
 exports.default = _default;

package/dist/components/ConsumptionIncluded/components/TimelineRow/components/Card/styles.module.scss

@@ -38,10 +38,6 @@ $container-margin-bottom-size: 24px;
   }
 }
 
-.titleAndSubtitles {
-  color: $title-and-subtitle-included-consumption-card;
-}
-
 .subtitle {
   padding: 5px;
 }
@@ -104,8 +100,8 @@ $container-margin-bottom-size: 24px;
 }
 
 .cardConsumptionDescription {
-  padding-left: 4px;
   margin-bottom: 2px;
+  padding-left: 4px;
 }
 
 .footer {
@@ -134,7 +130,7 @@ $container-margin-bottom-size: 24px;
 }
 
 .footerDisabled {
-    background-color: $borders-gray;
+  background-color: $borders-gray;
 }
 
 .datesContainer {
@@ -171,7 +167,5 @@ $container-margin-bottom-size: 24px;
 
 .unitLabel {
   align-items: center;
-  font-size: 16px;
-  font-weight: 500;
   margin: 0 0 0 5px;
 }

package/dist/components/ConsumptionIncluded/components/TimelineRow/components/Card/utils.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getAliases = void 0;
-
 var _aliases = require("../../../../../../shared/constants/aliases");
-
 var getAliases = function getAliases(consumption, current, remaining) {
   return {
     magnitudeAlias: consumption ? _aliases.CARD_PRIMARY_MAGNITUDE : current ? _aliases.CARD_WHITE_MAGNITUDE : _aliases.CARD_GRAY_MAGNITUDE,
@@ -20,5 +18,4 @@ var getAliases = function getAliases(consumption, current, remaining) {
     cardConsumptionTextAlias: current ? _aliases.CARD_CONSUMPTION_TEXT_CURRENT : _aliases.CARD_CONSUMPTION_TEXT_REMAINING
   };
 };
-
 exports.getAliases = getAliases;

package/dist/components/ConsumptionIncluded/components/TimelineRow/components/HeaderConsumption/index.js

@@ -4,43 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = require("prop-types");
-
 var _dayjs = _interopRequireDefault(require("dayjs"));
-
 var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
-
 var _WithContextApi = _interopRequireDefault(require("../../../../../WithContextApi"));
-
 var _aliases = require("../../../../../../shared/constants/aliases");
-
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var HeaderConsumption = function HeaderConsumption(_ref) {
   var contextApiInfo = _ref.contextApiInfo,
-      startDate = _ref.startDate,
-      endDate = _ref.endDate;
+    startDate = _ref.startDate,
+    endDate = _ref.endDate;
   var Label = contextApiInfo.Label,
-      assets = contextApiInfo.assets,
-      config = contextApiInfo.config;
+    assets = contextApiInfo.assets,
+    config = contextApiInfo.config;
   var _config$texts$commons = config.texts.commons,
-      ofPreposition = _config$texts$commons.ofPreposition,
-      toPreposition = _config$texts$commons.toPreposition;
+    ofPreposition = _config$texts$commons.ofPreposition,
+    toPreposition = _config$texts$commons.toPreposition;
   var CalendarIcon = assets.CalendarIcon;
-
   var parseDate = function parseDate(date) {
     return (0, _dayjs.default)(date, 'DD/MM/YYYY');
   };
-
   var formatDate = function formatDate(date) {
     return "".concat(parseDate(date).format('DD'), " ").concat(ofPreposition, " ").concat(parseDate(date).format('MMM'));
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -48,17 +36,13 @@ var HeaderConsumption = function HeaderConsumption(_ref) {
   }, /*#__PURE__*/_react.default.createElement(CalendarIcon, {
     className: _stylesModule.default.calendarIcon
   }), /*#__PURE__*/_react.default.createElement(Label, {
-    alias: _aliases.HEADER_CONSUMPTION,
-    className: _stylesModule.default.label
+    alias: _aliases.HEADER_CONSUMPTION
   }, "".concat(formatDate(startDate), " ").concat(toPreposition, " ").concat(formatDate(endDate)))));
 };
-
 HeaderConsumption.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   startDate: _propTypes.string,
   endDate: _propTypes.string
 };
-
 var _default = (0, _WithContextApi.default)()(HeaderConsumption);
-
 exports.default = _default;

package/dist/components/ConsumptionIncluded/components/TimelineRow/components/HeaderConsumption/styles.module.scss

@@ -19,10 +19,6 @@
   }
 }
 
-.label {
-  color: $title-and-subtitle-included-consumption-card;
-}
-
 .calendarIcon {
   margin-right: 8px;
   min-width: 25px;

package/dist/components/ConsumptionIncluded/components/TimelineRow/components/HeaderSettlement/index.js

@@ -4,28 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = require("prop-types");
-
 var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
-
 var _WithContextApi = _interopRequireDefault(require("../../../../../WithContextApi"));
-
 var _aliases = require("../../../../../../shared/constants/aliases");
-
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var HeaderSettlement = function HeaderSettlement(_ref) {
   var contextApiInfo = _ref.contextApiInfo,
-      date = _ref.date,
-      settlementNumber = _ref.settlementNumber,
-      isRemaining = _ref.isRemaining;
+    date = _ref.date,
+    settlementNumber = _ref.settlementNumber,
+    isRemaining = _ref.isRemaining;
   var Label = contextApiInfo.Label,
-      config = contextApiInfo.config;
+    config = contextApiInfo.config;
   var consumptionIncluded = config.texts.consumptionIncluded;
   var mainLabelAlias = isRemaining ? _aliases.HEADER_SETTLEMENT_REMAINING : _aliases.HEADER_SETTLEMENT;
   var dateLabelAlias = isRemaining ? _aliases.HEADER_SETTLEMENT_REMAINING_DATE : _aliases.HEADER_SETTLEMENT_DATE;
@@ -39,14 +31,11 @@ var HeaderSettlement = function HeaderSettlement(_ref) {
     alias: dateLabelAlias
   }, date));
 };
-
 HeaderSettlement.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   date: _propTypes.string,
   settlementNumber: _propTypes.number,
   isRemaining: _propTypes.bool
 };
-
 var _default = (0, _WithContextApi.default)()(HeaderSettlement);
-
 exports.default = _default;