@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 +10 -10
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +10 -10
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/molecules/obligation/Obligation.js +4 -4
- package/src/components/molecules/obligation/modules/AutopayModalModule.js +3 -2
- package/src/components/molecules/obligation/modules/InactiveControlsModule.js +4 -2
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
|
|
40370
|
+
extraStyles: isMobile ? "flex-grow: 1; width: 100%;" : "margin: 0px"
|
|
40371
40371
|
});
|
|
40372
40372
|
}
|
|
40373
40373
|
|
|
@@ -40404,9 +40404,6 @@ var AutopayModal = function AutopayModal(_ref) {
|
|
|
40404
40404
|
return toggleModal(true);
|
|
40405
40405
|
},
|
|
40406
40406
|
onKeyPress: function onKeyPress(e) {
|
|
40407
|
-
console.log({
|
|
40408
|
-
e: e
|
|
40409
|
-
});
|
|
40410
40407
|
e.key === "Enter" && toggleModal(true);
|
|
40411
40408
|
},
|
|
40412
40409
|
tabIndex: "0",
|
|
@@ -40639,7 +40636,8 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
|
|
|
40639
40636
|
border: isMobile ? "1px solid ".concat(GHOST_GREY) : "0px",
|
|
40640
40637
|
borderWidthOverride: isMobile ? "1px 0 0 0" : "0px"
|
|
40641
40638
|
}, /*#__PURE__*/React.createElement(Cluster, {
|
|
40642
|
-
childGap: isMobile ? "8px" : "
|
|
40639
|
+
childGap: isMobile ? "8px" : "16px",
|
|
40640
|
+
nowrap: true
|
|
40643
40641
|
}, autoPayEnabled && /*#__PURE__*/React.createElement(Box, {
|
|
40644
40642
|
padding: "0",
|
|
40645
40643
|
extraStyles: "flex-grow: 1;"
|
|
@@ -40664,7 +40662,7 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
|
|
|
40664
40662
|
text: "Remove",
|
|
40665
40663
|
action: handleRemoveAccount,
|
|
40666
40664
|
dataQa: "Remove Account",
|
|
40667
|
-
extraStyles: isMobile
|
|
40665
|
+
extraStyles: isMobile ? "flex-grow: 1; width: 100%;" : "margin: 0px;"
|
|
40668
40666
|
}))));
|
|
40669
40667
|
};
|
|
40670
40668
|
|
|
@@ -40741,7 +40739,8 @@ var Obligation = function Obligation(_ref) {
|
|
|
40741
40739
|
as: "section",
|
|
40742
40740
|
"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
40741
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
40744
|
-
background: WHITE
|
|
40742
|
+
background: WHITE,
|
|
40743
|
+
padding: "24px 16px"
|
|
40745
40744
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
40746
40745
|
childGap: "14px"
|
|
40747
40746
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
@@ -40817,17 +40816,18 @@ var Obligation = function Obligation(_ref) {
|
|
|
40817
40816
|
as: "section",
|
|
40818
40817
|
"aria-label": "".concat(inactiveLookupTitle, " ").concat(inactiveLookupInput, ": ").concat(inactiveLookupValue)
|
|
40819
40818
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
40820
|
-
background: ATHENS_GREY
|
|
40819
|
+
background: ATHENS_GREY,
|
|
40820
|
+
padding: "24px"
|
|
40821
40821
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
40822
40822
|
childGap: "14px"
|
|
40823
40823
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
40824
40824
|
key: "".concat(obligationAssocID, "-top"),
|
|
40825
|
-
padding: "0
|
|
40825
|
+
padding: "0",
|
|
40826
40826
|
minWidth: "100%"
|
|
40827
40827
|
}, /*#__PURE__*/React.createElement(Cluster, {
|
|
40828
40828
|
justify: "space-between",
|
|
40829
40829
|
align: "center",
|
|
40830
|
-
childGap: "
|
|
40830
|
+
childGap: "40px",
|
|
40831
40831
|
nowrap: true
|
|
40832
40832
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
40833
40833
|
padding: "0"
|