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

package/dist/components/ConsumptionPeriod/utils.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getConsumptionSummaryProps = void 0;
-
 var _seamlessImmutable = require("seamless-immutable");
-
 var _consumptions = require("../../shared/utils/consumptions");
-
 var _readings = require("../../shared/utils/readings");
-
 var _consumptions2 = require("../../shared/constants/consumptions");
-
 var getConsumptionSummaryProps = function getConsumptionSummaryProps(currentPeriod, initialReading, finalReading) {
   return {
     periodNumber: currentPeriod.number,
@@ -28,5 +23,4 @@ var getConsumptionSummaryProps = function getConsumptionSummaryProps(currentPeri
     totalConsumptionUnit: (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE).unit
   };
 };
-
 exports.getConsumptionSummaryProps = getConsumptionSummaryProps;

package/dist/components/Date/index.js

@@ -4,29 +4,21 @@ 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 _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var Date = function Date(_ref) {
   var contextApiInfo = _ref.contextApiInfo,
-      date = _ref.date,
-      text = _ref.text,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      mainAlias = _ref.mainAlias,
-      detailAlias = _ref.detailAlias;
+    date = _ref.date,
+    text = _ref.text,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    mainAlias = _ref.mainAlias,
+    detailAlias = _ref.detailAlias;
   var Label = contextApiInfo.Label;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
@@ -37,7 +29,6 @@ var Date = function Date(_ref) {
     alias: detailAlias
   }, text));
 };
-
 Date.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   date: _propTypes.string,
@@ -49,7 +40,5 @@ Date.propTypes = {
     value: _propTypes.string
   })
 };
-
 var _default = (0, _WithContextApi.default)()(Date);
-
 exports.default = _default;

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

@@ -1,13 +1,11 @@
-@import '../../scss/variables/_mediaQueries';
-
 .container {
   display: flex;
   flex-flow: column;
 }
 
 .valueContainer {
-  display: flex;
   align-items: center;
-  margin-bottom: 3px;
+  display: flex;
   height: 25px;
+  margin-bottom: 3px;
 }

package/dist/components/DebtState/index.js

@@ -4,43 +4,33 @@ 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 DebtState = function DebtState(_ref) {
   var contextApiInfo = _ref.contextApiInfo,
-      debtStatusLabel = _ref.debtStatusLabel,
-      isWarning = _ref.isWarning;
+    debtStatusLabel = _ref.debtStatusLabel,
+    isWarning = _ref.isWarning;
   var assets = contextApiInfo.assets,
-      Label = contextApiInfo.Label;
+    Label = contextApiInfo.Label;
   var PendingDebtIcon = assets.PendingDebtIcon,
-      AdheredToServiceIcon = assets.AdheredToServiceIcon;
+    AdheredToServiceIcon = assets.AdheredToServiceIcon;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(isWarning ? _stylesModule.default.withDebtsContainer : _stylesModule.default.adheredToAutomaticDebt, " ")
   }, isWarning ? /*#__PURE__*/_react.default.createElement(PendingDebtIcon, null) : /*#__PURE__*/_react.default.createElement(AdheredToServiceIcon, null), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.CATEGORY,
-    className: "".concat(_stylesModule.default.label, " ").concat(isWarning ? _stylesModule.default.withDebtsLabel : _stylesModule.default.adheredAutomaticDebtsLabel, " ")
+    className: _stylesModule.default.label,
+    colorTheme: isWarning ? 'warning' : 'success'
   }, debtStatusLabel));
 };
-
 DebtState.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   isWarning: _propTypes.bool,
   debtStatusLabel: _propTypes.string
 };
-
 var _default = (0, _WithContextApi.default)()(DebtState);
-
 exports.default = _default;

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

@@ -10,22 +10,13 @@
 }
 
 .withDebtsContainer {
-  background: $with-debts-background;
+  background: var(--semanticWarning01);
 }
 
 .adheredToAutomaticDebt {
-  background: $adhered-to-automatic-debt-background;
+  background: var(--semanticSuccess01);
 }
 
 .label {
   margin-left: 5px;
 }
-
-.withDebtsLabel {
-  color: $with-debts;
-}
-
-.adheredAutomaticDebtsLabel {
-  color: $adhered-to-automatic-debt;
-  font-size: 12px;
-}

package/dist/components/IconAndDetails/index.js

@@ -4,41 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = require("prop-types");
-
 var _string = require("@widergy/web-utils/lib/string");
-
 var _componentsTypes = require("../../shared/types/componentsTypes");
-
 var _smartBillTypes = require("../../shared/types/smartBillTypes");
-
 var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
-
 var _utils = require("../../utils");
-
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var IconAndDetails = function IconAndDetails(_ref) {
   var children = _ref.children,
-      contextApiInfo = _ref.contextApiInfo,
-      Icon = _ref.Icon,
-      mainText = _ref.mainText,
-      secondaryText = _ref.secondaryText,
-      descriptionText = _ref.descriptionText,
-      tooltip = _ref.tooltip,
-      mainAlias = _ref.mainAlias,
-      secondaryAlias = _ref.secondaryAlias,
-      _ref$tertiaryAlias = _ref.tertiaryAlias,
-      tertiaryAlias = _ref$tertiaryAlias === void 0 ? secondaryAlias : _ref$tertiaryAlias,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes;
+    contextApiInfo = _ref.contextApiInfo,
+    Icon = _ref.Icon,
+    mainText = _ref.mainText,
+    secondaryText = _ref.secondaryText,
+    descriptionText = _ref.descriptionText,
+    tooltip = _ref.tooltip,
+    mainAlias = _ref.mainAlias,
+    secondaryAlias = _ref.secondaryAlias,
+    _ref$tertiaryAlias = _ref.tertiaryAlias,
+    tertiaryAlias = _ref$tertiaryAlias === void 0 ? secondaryAlias : _ref$tertiaryAlias,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes;
   var Label = contextApiInfo.Label,
-      Tooltip = contextApiInfo.Tooltip;
+    Tooltip = contextApiInfo.Tooltip;
   var repeatedData = mainText && secondaryText && (0, _string.stringCompare)(mainText, secondaryText);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
@@ -58,7 +48,6 @@ var IconAndDetails = function IconAndDetails(_ref) {
     alias: secondaryAlias
   }, descriptionText)));
 };
-
 IconAndDetails.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   Icon: _componentsTypes.componentTypes,
@@ -73,7 +62,5 @@ IconAndDetails.propTypes = {
     container: _propTypes.string
   })
 };
-
 var _default = (0, _WithContextApi.default)()(IconAndDetails);
-
 exports.default = _default;

package/dist/components/Magnitude/index.js

@@ -4,37 +4,25 @@ 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 _componentsTypes = require("../../shared/types/componentsTypes");
-
 var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
-
 var _utils = require("../../utils");
-
 var _utils2 = require("./utils");
-
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || 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 Magnitude = function Magnitude(props) {
   var contextApiInfo = props.contextApiInfo,
-      numberAlias = props.numberAlias,
-      unitAlias = props.unitAlias,
-      value = props.value,
-      unit = props.unit,
-      disableUnit = props.disableUnit,
-      Icon = props.Icon,
-      _props$classes = props.classes,
-      classes = _props$classes === void 0 ? {} : _props$classes;
+    numberAlias = props.numberAlias,
+    unitAlias = props.unitAlias,
+    value = props.value,
+    unit = props.unit,
+    disableUnit = props.disableUnit,
+    Icon = props.Icon,
+    _props$classes = props.classes,
+    classes = _props$classes === void 0 ? {} : _props$classes;
   var Label = contextApiInfo.Label;
   var variantProps = (0, _utils2.getVariantProps)(props);
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -43,35 +31,26 @@ var Magnitude = function Magnitude(props) {
     className: "".concat(_stylesModule.default.icon, " ").concat(classes.icon)
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.numberAndUnit, " ").concat(classes.numberAndUnit)
-  }, /*#__PURE__*/_react.default.createElement(Label, _extends({
-    alias: numberAlias
-  }, variantProps.unitLabel, {
-    className: "".concat(variantProps.unitLabelStyles)
-  }), (0, _utils.numberOrDash)(value)), !disableUnit && /*#__PURE__*/_react.default.createElement(Label, {
+  }, /*#__PURE__*/_react.default.createElement(Label, {
+    alias: numberAlias,
+    className: variantProps.unitLabelStyles
+  }, (0, _utils.numberOrDash)(value)), !disableUnit && /*#__PURE__*/_react.default.createElement(Label, {
     alias: unitAlias,
     className: classes.unitLabel
   }, (0, _utils.stringOrDash)(unit))));
 };
-
 Magnitude.propTypes = {
+  classes: (0, _propTypes.shape)({
+    container: _propTypes.string,
+    icon: _propTypes.string
+  }),
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
-  primary: _propTypes.bool,
-  white: _propTypes.bool,
-  gray: _propTypes.bool,
-  bold: _propTypes.bool,
-  semibold: _propTypes.bool,
-  value: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]),
-  unit: _propTypes.string,
   disableUnit: _propTypes.bool,
   Icon: _componentsTypes.componentTypes,
   numberAlias: _propTypes.string,
+  unit: _propTypes.string,
   unitAlias: _propTypes.string,
-  classes: (0, _propTypes.shape)({
-    container: _propTypes.string,
-    icon: _propTypes.string
-  })
+  value: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string])
 };
-
 var _default = (0, _WithContextApi.default)()(Magnitude);
-
 exports.default = _default;

package/dist/components/Magnitude/utils.js

@@ -4,49 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getVariantProps = void 0;
-
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var variants = [{
   id: 'small',
-  valueLabel: {
-    small: true
-  },
-  unitLabel: {
-    xxxsmall: true
-  },
   unitLabelStyles: _stylesModule.default.unitSmall
 }, {
   id: 'medium',
-  valueLabel: {
-    medium: true
-  },
-  unitLabel: {
-    xxsmall: true
-  },
   unitLabelStyles: _stylesModule.default.unitMedium
 }, {
   id: 'xxlarge',
-  valueLabel: {
-    xxlarge: true
-  },
-  unitLabel: {
-    xsmall: true
-  },
   unitLabelStyles: _stylesModule.default.unitxxLarge
 }, {
   id: 'xxxlarge',
-  valueLabel: {
-    xxxlarge: true
-  },
-  unitLabel: {
-    small: true
-  },
   unitLabelStyles: _stylesModule.default.unitxxxLarge
 }];
-
 var getVariantProps = function getVariantProps(props) {
   return variants.find(function (variant) {
     return props[variant.id];
@@ -54,5 +26,4 @@ var getVariantProps = function getVariantProps(props) {
     return variant.id === 'medium';
   });
 };
-
 exports.getVariantProps = getVariantProps;

package/dist/components/MainBillData/components/BillAlert/components/BillParticularConditions/index.js

@@ -4,29 +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 }; }
-
 var BillParticularConditions = function BillParticularConditions(_ref) {
   var contextApiInfo = _ref.contextApiInfo,
-      particularConditions = _ref.particularConditions,
-      onAcceptPress = _ref.onAcceptPress;
+    particularConditions = _ref.particularConditions,
+    onAcceptPress = _ref.onAcceptPress;
   var assets = contextApiInfo.assets,
-      config = contextApiInfo.config,
-      Button = contextApiInfo.Button,
-      Label = contextApiInfo.Label;
+    config = contextApiInfo.config,
+    Button = contextApiInfo.Button,
+    Label = contextApiInfo.Label;
   var texts = config.texts;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
@@ -47,16 +39,13 @@ var BillParticularConditions = function BillParticularConditions(_ref) {
       className: _stylesModule.default.item
     }, "* ".concat(particularCondition));
   })), /*#__PURE__*/_react.default.createElement(Button, {
-    onPress: onAcceptPress
+    onClick: onAcceptPress
   }, texts.commons.accept));
 };
-
 BillParticularConditions.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   particularConditions: (0, _propTypes.arrayOf)(_propTypes.string),
   onAcceptPress: _propTypes.func
 };
-
 var _default = (0, _WithContextApi.default)()(BillParticularConditions);
-
 exports.default = _default;

package/dist/components/MainBillData/components/BillAlert/index.js

@@ -1,72 +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 _propTypes = require("prop-types");
-
 var _smartBillTypes = require("../../../../shared/types/smartBillTypes");
-
 var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"));
-
 var _aliases = require("../../../../shared/constants/aliases");
-
 var _BillParticularConditions = _interopRequireDefault(require("./components/BillParticularConditions"));
-
 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; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var BillAlert = function BillAlert(_ref) {
   var contextApiInfo = _ref.contextApiInfo,
-      particularConditions = _ref.particularConditions,
-      isDesktopSize = _ref.isDesktopSize;
+    particularConditions = _ref.particularConditions,
+    isDesktopSize = _ref.isDesktopSize;
   var assets = contextApiInfo.assets,
-      config = contextApiInfo.config,
-      Dialog = contextApiInfo.Dialog,
-      Label = contextApiInfo.Label,
-      Touchable = contextApiInfo.Touchable;
-
+    config = contextApiInfo.config,
+    Dialog = contextApiInfo.Dialog,
+    Label = contextApiInfo.Label,
+    Touchable = contextApiInfo.Touchable;
   var _ref2 = (config === null || config === void 0 ? void 0 : config.stylesConfig) || {},
-      billAlertContainer = _ref2.billAlertContainer;
-
+    billAlertContainer = _ref2.billAlertContainer;
   var texts = config.texts;
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      dialogOpened = _useState2[0],
-      setDialogOpened = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    dialogOpened = _useState2[0],
+    setDialogOpened = _useState2[1];
   var handleAlertClick = function handleAlertClick() {
     return setDialogOpened(true);
   };
-
   var handleCloseDialog = function handleCloseDialog() {
     return setDialogOpened(false);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(billAlertContainer)
   }, /*#__PURE__*/_react.default.createElement(Dialog, {
@@ -89,13 +65,10 @@ var BillAlert = function BillAlert(_ref) {
     small: isDesktopSize
   }, texts.mainBillData.particularConditionsAlert)));
 };
-
 BillAlert.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   particularConditions: (0, _propTypes.arrayOf)(_propTypes.string),
   isDesktopSize: _propTypes.bool
 };
-
 var _default = (0, _WithContextApi.default)()(BillAlert);
-
 exports.default = _default;

package/dist/components/MainBillData/components/BillAlert/styles.module.scss

@@ -31,10 +31,13 @@
 
 .iconAndLabelContainer {
   align-items: center;
+
+  > svg {
+    flex-shrink: 0;
+  }
 }
 
 .label {
-  color: $primary;
   margin-left: 13px;
   text-decoration: underline;
 }

package/dist/components/MainBillData/components/BillBody/components/ClientData/index.js

@@ -4,36 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _seamlessImmutable = require("seamless-immutable");
-
 var _propTypes = require("prop-types");
-
 var _aliases = require("../../../../../../shared/constants/aliases");
-
 var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
-
 var _billDataTypes = require("../../../../../../shared/types/billDataTypes");
-
 var _WithContextApi = _interopRequireDefault(require("../../../../../WithContextApi"));
-
 var _IconAndDetails = _interopRequireDefault(require("../../../../../IconAndDetails"));
-
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var ClientData = function ClientData(_ref) {
   var contextApiInfo = _ref.contextApiInfo,
-      billData = _ref.billData,
-      multipleSettlements = _ref.multipleSettlements;
+    billData = _ref.billData,
+    multipleSettlements = _ref.multipleSettlements;
   var assets = contextApiInfo.assets,
-      config = contextApiInfo.config,
-      Label = contextApiInfo.Label;
+    config = contextApiInfo.config,
+    Label = contextApiInfo.Label;
   var texts = config.texts,
-      formatters = config.formatters;
+    formatters = config.formatters;
   var AdheredToServiceIcon = assets.AdheredToServiceIcon;
   var client = (0, _seamlessImmutable.getIn)(billData, ['client'], {});
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -114,13 +103,10 @@ var ClientData = function ClientData(_ref) {
     tertiaryAlias: _aliases.MAIN_LIGHT
   }));
 };
-
 ClientData.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   billData: _billDataTypes.billDataTypes,
   multipleSettlements: _propTypes.bool
 };
-
 var _default = (0, _WithContextApi.default)()(ClientData);
-
 exports.default = _default;

package/dist/components/MainBillData/components/BillBody/components/ClientData/styles.module.scss

@@ -103,7 +103,7 @@ $margin-bottom-size: 16px;
 
 .adheredToDigitalBillLabelContainer {
   align-items: center;
-  background: $adhered-to-automatic-debt-background;
+  background: var(--semanticSuccess01);
   border-radius: 15px;
   display: flex;
   height: fit-content;
@@ -114,7 +114,5 @@ $margin-bottom-size: 16px;
 }
 
 .label {
-  color: $adhered-to-digital-bill;
-  font-size: 12px;
   margin-left: 4px;
 }