@widergy/utilitygo-smart-bill-web 1.13.4 → 2.0.1

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

@@ -13,7 +13,7 @@
   padding: $default-container-padding;
 
   > .periodHeader {
-      margin-bottom: 8px;
+    margin-bottom: 8px;
   }
 
   @media #{$tablet-mobile} {
@@ -47,15 +47,10 @@
 }
 
 .header {
-  align-items: center;
   align-items: flex-start;
   display: flex;
   flex-direction: column;
 
-  > span {
-    margin-bottom: 8px;
-  }
-
   @media #{$tablet-mobile} {
     border: 0;
     border-radius: 0;
@@ -65,8 +60,14 @@
   }
 }
 
+.labelSpacing {
+  margin-bottom: 8px;
+}
+
 .periodHeader {
+  align-items: center;
   display: flex;
+
   > svg {
     margin-left: 16px;
   }
@@ -93,14 +94,13 @@
   display: flex;
   flex-direction: row;
 
-  > span {
-    margin-left: 5px;
+  > :first-child {
+    margin-right: 5px;
   }
 }
 
 .periodLabel {
   @media #{$tablet-mobile} {
-    font-size: $large;
     margin-bottom: 6px;
   }
 }

package/dist/components/PowerProgresBar/components/PowerConsumption/index.js

@@ -4,28 +4,21 @@ 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 }; }
-
+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 PowerConsumption = function PowerConsumption(_ref) {
   var contextApiInfo = _ref.contextApiInfo,
-      consumption = _ref.consumption,
-      unit = _ref.unit,
-      text = _ref.text,
-      isHired = _ref.isHired,
-      powerExceeded = _ref.powerExceeded;
+    consumption = _ref.consumption,
+    unit = _ref.unit,
+    text = _ref.text,
+    isHired = _ref.isHired,
+    powerExceeded = _ref.powerExceeded;
   var Label = contextApiInfo.Label;
   var alias = !isHired ? _aliases.POWER_CONSUMPTION : _aliases.POWER_CONSUMPTION_GRAY;
   var unitAlias = !isHired ? _aliases.POWER_CONSUMPTION_UNIT : _aliases.POWER_CONSUMPTION_UNIT_GRAY;
@@ -33,28 +26,28 @@ var PowerConsumption = function PowerConsumption(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.powerLabel
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.powerConsumptionLabel, " ").concat(isHired && !powerExceeded && _stylesModule.default.hiredPowerLabel, " ").concat(!isHired && powerExceeded && _stylesModule.default.exceededPowerLabel)
-  }, /*#__PURE__*/_react.default.createElement(Label, {
-    alias: alias,
-    className: !isHired && powerExceeded && _stylesModule.default.exceededLabel
-  }, "".concat((consumption === null || consumption === void 0 ? void 0 : consumption.toString().replace('.', ',')) || '-', "\xA0")), consumption && /*#__PURE__*/_react.default.createElement(Label, {
-    alias: unitAlias,
-    className: !isHired && powerExceeded && _stylesModule.default.exceededLabel
-  }, unit)), /*#__PURE__*/_react.default.createElement(Label, {
-    alias: textAlias,
-    className: !isHired && powerExceeded && _stylesModule.default.exceededLabel
-  }, text));
+    className: "\n          ".concat(_stylesModule.default.powerConsumptionLabel, "\n          ").concat(isHired && !powerExceeded && _stylesModule.default.hiredPowerLabel, " \n          ").concat(!isHired && powerExceeded && _stylesModule.default.exceededPowerLabel)
+  }, /*#__PURE__*/_react.default.createElement(Label, _extends({
+    alias: alias
+  }, !isHired && powerExceeded ? {
+    colorTheme: 'error'
+  } : {}), "".concat((consumption === null || consumption === void 0 ? void 0 : consumption.toString().replace('.', ',')) || '-', "\xA0")), consumption && /*#__PURE__*/_react.default.createElement(Label, _extends({
+    alias: unitAlias
+  }, !isHired && powerExceeded ? {
+    colorTheme: 'error'
+  } : {}), unit)), /*#__PURE__*/_react.default.createElement(Label, _extends({
+    alias: textAlias
+  }, !isHired && powerExceeded ? {
+    colorTheme: 'error'
+  } : {}), text));
 };
-
 PowerConsumption.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
-  consumption: _propTypes.string,
+  consumption: _propTypes.number,
   unit: _propTypes.string,
   text: _propTypes.string,
   isHired: _propTypes.bool,
   powerExceeded: _propTypes.bool
 };
-
 var _default = (0, _WithContextApi.default)()(PowerConsumption);
-
 exports.default = _default;

package/dist/components/PowerProgresBar/components/PowerConsumption/styles.module.scss

@@ -1,6 +1,3 @@
-@import '../../../../scss/variables/_colorsExport.scss';
-@import '../../../../scss/variables/_sizes';
-
 .powerLabel {
   display: flex;
   flex-direction: column;
@@ -12,10 +9,6 @@
   justify-content: flex-start;
 }
 
-.exceededLabel {
-  color: $exceeded-power;
-}
-
 .exceededPowerLabel {
   justify-content: flex-end;
 }

package/dist/components/PowerProgresBar/index.js

@@ -1,65 +1,48 @@
 "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 _aliases = require("../../shared/constants/aliases");
-
 var _smartBillTypes = require("../../shared/types/smartBillTypes");
-
 var _billDataTypes = require("../../shared/types/billDataTypes");
-
 var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
-
 var _utils = require("../../utils");
-
 var _PowerConsumption = _interopRequireDefault(require("./components/PowerConsumption"));
-
 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 PowerProgresBar = function PowerProgresBar(_ref) {
   var contextApiInfo = _ref.contextApiInfo,
-      hiredPowerConsumption = _ref.hiredPowerConsumption,
-      registeredPowerConsumption = _ref.registeredPowerConsumption,
-      exceededPower = _ref.exceededPower;
+    hiredPowerConsumption = _ref.hiredPowerConsumption,
+    registeredPowerConsumption = _ref.registeredPowerConsumption,
+    exceededPower = _ref.exceededPower;
   var ProgressBar = contextApiInfo.ProgressBar,
-      config = contextApiInfo.config,
-      Label = contextApiInfo.Label,
-      assets = contextApiInfo.assets;
+    config = contextApiInfo.config,
+    Label = contextApiInfo.Label,
+    assets = contextApiInfo.assets;
   var texts = config.texts;
   var RedAlertIcon = assets.RedAlertIcon;
   var powerExceeded = exceededPower.alert_message;
-
   var powerConsumption = function powerConsumption(consumption, unit, text, isHired) {
     return /*#__PURE__*/_react.default.createElement(_PowerConsumption.default, {
       consumption: consumption,
       unit: unit,
       text: text,
       isHired: isHired,
-      powerExceeded: powerExceeded
+      powerExceeded: !!powerExceeded
     });
   };
-
   var HiredPowerLabel = function HiredPowerLabel() {
     return powerConsumption(hiredPowerConsumption.value, hiredPowerConsumption.unit, texts.commons.hired, true);
   };
-
   var RegisteredPowerLabel = function RegisteredPowerLabel() {
     return powerConsumption(registeredPowerConsumption.value, registeredPowerConsumption.unit, texts.commons.registered);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -96,18 +79,14 @@ var PowerProgresBar = function PowerProgresBar(_ref) {
   }, /*#__PURE__*/_react.default.createElement(RedAlertIcon, {
     className: _stylesModule.default.labelIcon
   }), /*#__PURE__*/_react.default.createElement(Label, {
-    alias: _aliases.EXCEEDED_POWER_FINE,
-    className: _stylesModule.default.powerExceededFineLabel
+    alias: _aliases.EXCEEDED_POWER_FINE
   }, powerExceeded))));
 };
-
 PowerProgresBar.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   hiredPowerConsumption: _billDataTypes.consumptionTypes,
   registeredPowerConsumption: _billDataTypes.consumptionTypes,
   exceededPower: _billDataTypes.consumptionTypes
 };
-
 var _default = (0, _WithContextApi.default)()(PowerProgresBar);
-
 exports.default = _default;

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

@@ -44,8 +44,8 @@
 .exceededProgressBarBackground {
   background: repeating-linear-gradient(
     -45deg,
-    $exceeded-power,
-    $exceeded-power 10px,
+    var(--semanticError05),
+    var(--semanticError05) 10px,
     $white 10px,
     $white 11px
   );
@@ -70,14 +70,10 @@
 .powerExceededFine {
   @extend %exceededPower;
   align-items: center;
-  background-color: $exceeded-power-fine-background;
+  background-color: var(--semanticError01);
   justify-content: center;
 }
 
-.powerExceededFineLabel {
-  color: $exceeded-power;
-}
-
 .powerExceededWithIcon {
   display: flex;
 }
@@ -88,14 +84,14 @@
 }
 
 .labelIcon {
-  fill: $exceeded-power;
+  fill: var(--semanticError05);
   height: 24px;
   margin-right: 4px;
   width: 24px;
 }
 
 .valueIcon {
-  fill: $exceeded-power;
+  fill: var(--semanticError05);
   height: 24px;
   margin: 5px;
   width: 24px;

package/dist/components/RateAndCategory/index.js

@@ -1,58 +1,43 @@
 "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 _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
-
 var _utils = require("../../utils");
-
 var _aliases = require("../../shared/constants/aliases");
-
 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 RatePrices = function RatePrices(_ref) {
   var contextApiInfo = _ref.contextApiInfo,
-      rate = _ref.rate,
-      category = _ref.category,
-      title = _ref.title,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      showCategory = _ref.showCategory;
+    rate = _ref.rate,
+    category = _ref.category,
+    title = _ref.title,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    showCategory = _ref.showCategory;
   var config = contextApiInfo.config,
-      Label = contextApiInfo.Label;
+    Label = contextApiInfo.Label;
   var commons = config.texts.commons;
-
   var Title = function Title() {
     return /*#__PURE__*/_react.default.createElement(Label, {
       alias: _aliases.TITLE,
-      className: "".concat(_stylesModule.default.title, " ").concat(classes.title)
+      className: "".concat(classes.title)
     }, title);
   };
-
   var Category = function Category() {
     return /*#__PURE__*/_react.default.createElement(Label, {
       alias: _aliases.CATEGORY,
       className: "".concat(_stylesModule.default.category, " ").concat(classes.category)
     }, "".concat(commons.category, " ").concat((0, _utils.stringOrDash)(category)));
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
   }, showCategory ? /*#__PURE__*/_react.default.createElement("div", {
@@ -62,7 +47,6 @@ var RatePrices = function RatePrices(_ref) {
     className: "".concat(_stylesModule.default.purchasedRate, " ").concat(classes.purchasedRate)
   }, (0, _utils.stringOrDash)(rate)));
 };
-
 RatePrices.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   rate: _propTypes.string,
@@ -75,7 +59,5 @@ RatePrices.propTypes = {
   }),
   showCategory: _propTypes.bool
 };
-
 var _default = (0, _WithContextApi.default)()(RatePrices);
-
 exports.default = _default;

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

@@ -13,14 +13,11 @@
 }
 
 .purchasedRate {
-  font-size: $purchased-rate-font-size;
   margin-bottom: 10px;
 }
 
 .category {
-  background-color: $category-background;
+  background-color: var(--semanticSuccess01);
   border-radius: 40px;
-  color: $category;
-  font-weight: 450;
   padding: 7px 15px;
 }

package/dist/components/RatesDefinition/components/BillRate/components/RatePrices/index.js

@@ -4,36 +4,27 @@ 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 _StyledAmount = _interopRequireDefault(require("../../../../../StyledAmount"));
-
 var _aliases = require("../../../../../../shared/constants/aliases");
-
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var RateAndCategory = function RateAndCategory(_ref) {
   var contextApiInfo = _ref.contextApiInfo,
-      fixedChargeValue = _ref.fixedChargeValue,
-      variableChargeValue = _ref.variableChargeValue;
+    fixedChargeValue = _ref.fixedChargeValue,
+    variableChargeValue = _ref.variableChargeValue;
   var config = contextApiInfo.config,
-      ExternalLink = contextApiInfo.ExternalLink,
-      Label = contextApiInfo.Label;
+    ExternalLink = contextApiInfo.ExternalLink,
+    Label = contextApiInfo.Label;
   var ratesTableLink = config.externalLinks.ratesTableLink;
   var _config$texts$ratesDe = config.texts.ratesDefinition,
-      fixedCharge = _config$texts$ratesDe.fixedCharge,
-      variableCharge = _config$texts$ratesDe.variableCharge,
-      currency = _config$texts$ratesDe.currency,
-      seeRatesTable = _config$texts$ratesDe.seeRatesTable;
+    fixedCharge = _config$texts$ratesDe.fixedCharge,
+    variableCharge = _config$texts$ratesDe.variableCharge,
+    currency = _config$texts$ratesDe.currency,
+    seeRatesTable = _config$texts$ratesDe.seeRatesTable;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -60,20 +51,17 @@ var RateAndCategory = function RateAndCategory(_ref) {
     variant: "small",
     amount: variableChargeValue,
     currency: currency
-  }))), ratesTableLink && /*#__PURE__*/_react.default.createElement(ExternalLink, {
-    url: ratesTableLink
-  }, /*#__PURE__*/_react.default.createElement(Label, {
+  }))), ratesTableLink && /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.REGULAR_LINK,
     className: _stylesModule.default.link
+  }, /*#__PURE__*/_react.default.createElement(ExternalLink, {
+    url: ratesTableLink
   }, seeRatesTable)));
 };
-
 RateAndCategory.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   fixedChargeValue: _propTypes.number,
   variableChargeValue: _propTypes.number
 };
-
 var _default = (0, _WithContextApi.default)()(RateAndCategory);
-
 exports.default = _default;

package/dist/components/RatesDefinition/components/BillRate/components/RatePrices/styles.module.scss

@@ -28,6 +28,5 @@
 }
 
 .link {
-  color: $primary;
   text-decoration: underline;
 }

package/dist/components/RatesDefinition/components/BillRate/index.js

@@ -4,35 +4,26 @@ 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 _RatePrices = _interopRequireDefault(require("./components/RatePrices"));
-
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var BillRate = function BillRate(_ref) {
   var contextApiInfo = _ref.contextApiInfo,
-      rate = _ref.rate,
-      category = _ref.category,
-      fixedCharge = _ref.fixedCharge,
-      variableCharge = _ref.variableCharge;
+    rate = _ref.rate,
+    category = _ref.category,
+    fixedCharge = _ref.fixedCharge,
+    variableCharge = _ref.variableCharge;
   var assets = contextApiInfo.assets,
-      config = contextApiInfo.config,
-      Label = contextApiInfo.Label,
-      Tooltip = contextApiInfo.Tooltip;
+    config = contextApiInfo.config,
+    Label = contextApiInfo.Label,
+    Tooltip = contextApiInfo.Tooltip;
   var texts = config.texts,
-      colors = config.colors;
+    colors = config.colors;
   var rateFormatter = config.formatters.rateFormatter;
   var billRatePrices = config.texts.ratesDefinition.billRatePrices;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -56,7 +47,6 @@ var BillRate = function BillRate(_ref) {
     variableChargeValue: variableCharge
   })));
 };
-
 BillRate.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   rate: _propTypes.string,
@@ -64,7 +54,5 @@ BillRate.propTypes = {
   fixedCharge: _propTypes.number,
   variableCharge: _propTypes.number
 };
-
 var _default = (0, _WithContextApi.default)()(BillRate);
-
 exports.default = _default;

package/dist/components/RatesDefinition/components/BillRate/styles.module.scss

@@ -25,8 +25,7 @@
   margin-bottom: 16px;
   width: 100%;
 
-  > span {
+  > :first-child {
     margin-right: 16px;
   }
-
 }

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/Category/index.js

@@ -4,32 +4,23 @@ 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 _utils = require("../../../../../../utils");
-
 var _aliases = require("../../../../../../shared/constants/aliases");
-
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var Category = function Category(_ref) {
   var contextApiInfo = _ref.contextApiInfo,
-      category = _ref.category,
-      wrap = _ref.wrap;
+    category = _ref.category,
+    wrap = _ref.wrap;
   var config = contextApiInfo.config,
-      Label = contextApiInfo.Label;
+    Label = contextApiInfo.Label;
   var _config$texts = config.texts,
-      commons = _config$texts.commons,
-      ratesDefinition = _config$texts.ratesDefinition;
+    commons = _config$texts.commons,
+    ratesDefinition = _config$texts.ratesDefinition;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: wrap ? _stylesModule.default.containerWrap : _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement(Label, {
@@ -40,13 +31,10 @@ var Category = function Category(_ref) {
     className: _stylesModule.default.category
   }, "".concat(commons.category, " ").concat((0, _utils.stringOrDash)(category))));
 };
-
 Category.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   category: _propTypes.string,
   wrap: _propTypes.bool
 };
-
 var _default = (0, _WithContextApi.default)()(Category);
-
 exports.default = _default;

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/Category/styles.module.scss

@@ -5,7 +5,7 @@
 .container {
   align-items: center;
   display: flex;
-  
+
   > .title {
     margin-right: 8px;
   }
@@ -24,7 +24,7 @@
 
 .title {
   justify-content: center;
-  
+
   @media #{$desktop} {
     width: 100%;
   }
@@ -33,9 +33,7 @@
 .category {
   background-color: $category-background;
   border-radius: 40px;
-  color: $category;
   display: flex;
-  font-weight: 450;
   justify-content: center;
   min-width: fit-content;
   padding: 7px 15px;