@thecb/components 12.1.0-beta.0 → 12.1.0-beta.2
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 +12 -6
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +12 -6
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/molecules/payment-form-ach/PaymentFormACH.js +2 -1
- package/src/components/molecules/payment-form-ach/PaymentFormACH.stories.js +12 -0
- package/src/components/molecules/payment-form-card/PaymentFormCard.js +2 -1
- package/src/components/molecules/payment-form-card/PaymentFormCard.stories.js +12 -1
- package/src/components/molecules/terms-and-conditions/TermsAndConditionsControlV2.js +3 -2
package/dist/index.esm.js
CHANGED
|
@@ -48214,7 +48214,9 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
|
|
|
48214
48214
|
_ref$initialFocusSele = _ref.initialFocusSelector,
|
|
48215
48215
|
initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele,
|
|
48216
48216
|
_ref$isRequired = _ref.isRequired,
|
|
48217
|
-
isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired
|
|
48217
|
+
isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
|
|
48218
|
+
_ref$textExtraStyles = _ref.textExtraStyles,
|
|
48219
|
+
textExtraStyles = _ref$textExtraStyles === void 0 ? "" : _ref$textExtraStyles;
|
|
48218
48220
|
var _useState = useState(false),
|
|
48219
48221
|
_useState2 = _slicedToArray(_useState, 2),
|
|
48220
48222
|
showTerms = _useState2[0],
|
|
@@ -48256,7 +48258,7 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
|
|
|
48256
48258
|
justify: "flex-start",
|
|
48257
48259
|
align: "center",
|
|
48258
48260
|
nowrap: true,
|
|
48259
|
-
extraStyles: "padding-right: 2px; > div > * { margin: 4px 2px; };",
|
|
48261
|
+
extraStyles: "padding-right: 2px; > div > * { margin: 4px 2px; }; ".concat(textExtraStyles),
|
|
48260
48262
|
id: TermsAndConditionsTitleDivId
|
|
48261
48263
|
}, description && /*#__PURE__*/React__default.createElement(Text$1, {
|
|
48262
48264
|
color: CHARADE_GREY
|
|
@@ -48440,7 +48442,8 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
|
|
|
48440
48442
|
hidden: hideDefaultPayment
|
|
48441
48443
|
}), (showWalletCheckbox || showTerms) && /*#__PURE__*/React__default.createElement(Cluster, {
|
|
48442
48444
|
childGap: "4px",
|
|
48443
|
-
align: "center"
|
|
48445
|
+
align: "center",
|
|
48446
|
+
overflow: true
|
|
48444
48447
|
}, showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
|
|
48445
48448
|
name: "bank checkbox",
|
|
48446
48449
|
dataQa: "Save checking account to wallet",
|
|
@@ -48454,7 +48457,8 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
|
|
|
48454
48457
|
showCheckbox: false,
|
|
48455
48458
|
description: "View",
|
|
48456
48459
|
terms: termsContent,
|
|
48457
|
-
initialFocusSelector: ".modal-close-button"
|
|
48460
|
+
initialFocusSelector: ".modal-close-button",
|
|
48461
|
+
textExtraStyles: "vertical-align: middle; margin-left: 40px;" /* determined w 24px checkbox width + 16px margin */
|
|
48458
48462
|
})))));
|
|
48459
48463
|
};
|
|
48460
48464
|
|
|
@@ -48629,7 +48633,8 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
|
|
|
48629
48633
|
isRequired: true
|
|
48630
48634
|
})), (showWalletCheckbox || showTerms) && /*#__PURE__*/React__default.createElement(Cluster, {
|
|
48631
48635
|
childGap: "4px",
|
|
48632
|
-
align: "center"
|
|
48636
|
+
align: "center",
|
|
48637
|
+
overflow: true
|
|
48633
48638
|
}, showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
|
|
48634
48639
|
name: "credit card checkbox",
|
|
48635
48640
|
dataQa: "Save credit card to wallet",
|
|
@@ -48643,7 +48648,8 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
|
|
|
48643
48648
|
showCheckbox: false,
|
|
48644
48649
|
description: "View",
|
|
48645
48650
|
terms: termsContent,
|
|
48646
|
-
initialFocusSelector: ".modal-close-button"
|
|
48651
|
+
initialFocusSelector: ".modal-close-button",
|
|
48652
|
+
textExtraStyles: "vertical-align: middle; margin-left: 40px;" /* determined w 24px checkbox width + 16px margin */
|
|
48647
48653
|
})))));
|
|
48648
48654
|
};
|
|
48649
48655
|
var PaymentFormCard$1 = withWindowSize(PaymentFormCard);
|