@thecb/components 5.8.1-beta.5 → 5.8.2-beta.0

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.
package/dist/index.cjs.js CHANGED
@@ -40375,7 +40375,7 @@ var AutopayModal = function AutopayModal(_ref) {
40375
40375
  toggleModal(true);
40376
40376
  },
40377
40377
  dataQa: "Turn off Autopay",
40378
- extraStyles: isMobile && "flex-grow: 1; width: 100%;"
40378
+ extraStyles: isMobile ? "flex-grow: 1; width: 100%;" : "margin: 0px"
40379
40379
  });
40380
40380
  }
40381
40381
 
@@ -40412,9 +40412,6 @@ var AutopayModal = function AutopayModal(_ref) {
40412
40412
  return toggleModal(true);
40413
40413
  },
40414
40414
  onKeyPress: function onKeyPress(e) {
40415
- console.log({
40416
- e: e
40417
- });
40418
40415
  e.key === "Enter" && toggleModal(true);
40419
40416
  },
40420
40417
  tabIndex: "0",
@@ -40647,7 +40644,8 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
40647
40644
  border: isMobile ? "1px solid ".concat(GHOST_GREY) : "0px",
40648
40645
  borderWidthOverride: isMobile ? "1px 0 0 0" : "0px"
40649
40646
  }, /*#__PURE__*/React__default.createElement(Cluster, {
40650
- childGap: isMobile ? "8px" : "18px"
40647
+ childGap: isMobile ? "8px" : "16px",
40648
+ nowrap: true
40651
40649
  }, autoPayEnabled && /*#__PURE__*/React__default.createElement(Box, {
40652
40650
  padding: "0",
40653
40651
  extraStyles: "flex-grow: 1;"
@@ -40672,7 +40670,7 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
40672
40670
  text: "Remove",
40673
40671
  action: handleRemoveAccount,
40674
40672
  dataQa: "Remove Account",
40675
- extraStyles: isMobile && "flex-grow: 1; width: 100%;"
40673
+ extraStyles: isMobile ? "flex-grow: 1; width: 100%;" : "margin: 0px;"
40676
40674
  }))));
40677
40675
  };
40678
40676
 
@@ -40749,7 +40747,8 @@ var Obligation = function Obligation(_ref) {
40749
40747
  as: "section",
40750
40748
  "aria-label": "".concat((_firstObligation$desc = firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.description) !== null && _firstObligation$desc !== void 0 ? _firstObligation$desc : "account", " ").concat((_firstObligation$subD = firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.subDescription) !== null && _firstObligation$subD !== void 0 ? _firstObligation$subD : obligationAssocID)
40751
40749
  }, /*#__PURE__*/React__default.createElement(Box, {
40752
- background: WHITE
40750
+ background: WHITE,
40751
+ padding: "24px 16px"
40753
40752
  }, /*#__PURE__*/React__default.createElement(Stack, {
40754
40753
  childGap: "14px"
40755
40754
  }, /*#__PURE__*/React__default.createElement(Box, {
@@ -40825,17 +40824,18 @@ var Obligation = function Obligation(_ref) {
40825
40824
  as: "section",
40826
40825
  "aria-label": "".concat(inactiveLookupTitle, " ").concat(inactiveLookupInput, ": ").concat(inactiveLookupValue)
40827
40826
  }, /*#__PURE__*/React__default.createElement(Box, {
40828
- background: ATHENS_GREY
40827
+ background: ATHENS_GREY,
40828
+ padding: "24px"
40829
40829
  }, /*#__PURE__*/React__default.createElement(Stack, {
40830
40830
  childGap: "14px"
40831
40831
  }, /*#__PURE__*/React__default.createElement(Box, {
40832
40832
  key: "".concat(obligationAssocID, "-top"),
40833
- padding: "0 8px",
40833
+ padding: "0",
40834
40834
  minWidth: "100%"
40835
40835
  }, /*#__PURE__*/React__default.createElement(Cluster, {
40836
40836
  justify: "space-between",
40837
40837
  align: "center",
40838
- childGap: "4px",
40838
+ childGap: "40px",
40839
40839
  nowrap: true
40840
40840
  }, /*#__PURE__*/React__default.createElement(Box, {
40841
40841
  padding: "0"