@thecb/components 5.8.1-beta.5 → 5.8.1-beta.6

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.esm.js CHANGED
@@ -40367,7 +40367,7 @@ var AutopayModal = function AutopayModal(_ref) {
40367
40367
  toggleModal(true);
40368
40368
  },
40369
40369
  dataQa: "Turn off Autopay",
40370
- extraStyles: isMobile && "flex-grow: 1; width: 100%;"
40370
+ extraStyles: isMobile ? "flex-grow: 1; width: 100%;" : "margin: 0px"
40371
40371
  });
40372
40372
  }
40373
40373
 
@@ -40639,7 +40639,8 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
40639
40639
  border: isMobile ? "1px solid ".concat(GHOST_GREY) : "0px",
40640
40640
  borderWidthOverride: isMobile ? "1px 0 0 0" : "0px"
40641
40641
  }, /*#__PURE__*/React.createElement(Cluster, {
40642
- childGap: isMobile ? "8px" : "18px"
40642
+ childGap: isMobile ? "8px" : "16px",
40643
+ nowrap: true
40643
40644
  }, autoPayEnabled && /*#__PURE__*/React.createElement(Box, {
40644
40645
  padding: "0",
40645
40646
  extraStyles: "flex-grow: 1;"
@@ -40664,7 +40665,7 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
40664
40665
  text: "Remove",
40665
40666
  action: handleRemoveAccount,
40666
40667
  dataQa: "Remove Account",
40667
- extraStyles: isMobile && "flex-grow: 1; width: 100%;"
40668
+ extraStyles: isMobile ? "flex-grow: 1; width: 100%;" : "margin: 0px;"
40668
40669
  }))));
40669
40670
  };
40670
40671
 
@@ -40741,7 +40742,8 @@ var Obligation = function Obligation(_ref) {
40741
40742
  as: "section",
40742
40743
  "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)
40743
40744
  }, /*#__PURE__*/React.createElement(Box, {
40744
- background: WHITE
40745
+ background: WHITE,
40746
+ padding: "24px 16px"
40745
40747
  }, /*#__PURE__*/React.createElement(Stack, {
40746
40748
  childGap: "14px"
40747
40749
  }, /*#__PURE__*/React.createElement(Box, {