@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.cjs.js
CHANGED
|
@@ -48222,7 +48222,9 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
|
|
|
48222
48222
|
_ref$initialFocusSele = _ref.initialFocusSelector,
|
|
48223
48223
|
initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele,
|
|
48224
48224
|
_ref$isRequired = _ref.isRequired,
|
|
48225
|
-
isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired
|
|
48225
|
+
isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
|
|
48226
|
+
_ref$textExtraStyles = _ref.textExtraStyles,
|
|
48227
|
+
textExtraStyles = _ref$textExtraStyles === void 0 ? "" : _ref$textExtraStyles;
|
|
48226
48228
|
var _useState = React.useState(false),
|
|
48227
48229
|
_useState2 = _slicedToArray(_useState, 2),
|
|
48228
48230
|
showTerms = _useState2[0],
|
|
@@ -48264,7 +48266,7 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
|
|
|
48264
48266
|
justify: "flex-start",
|
|
48265
48267
|
align: "center",
|
|
48266
48268
|
nowrap: true,
|
|
48267
|
-
extraStyles: "padding-right: 2px; > div > * { margin: 4px 2px; };",
|
|
48269
|
+
extraStyles: "padding-right: 2px; > div > * { margin: 4px 2px; }; ".concat(textExtraStyles),
|
|
48268
48270
|
id: TermsAndConditionsTitleDivId
|
|
48269
48271
|
}, description && /*#__PURE__*/React__default.createElement(Text$1, {
|
|
48270
48272
|
color: CHARADE_GREY
|
|
@@ -48448,7 +48450,8 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
|
|
|
48448
48450
|
hidden: hideDefaultPayment
|
|
48449
48451
|
}), (showWalletCheckbox || showTerms) && /*#__PURE__*/React__default.createElement(Cluster, {
|
|
48450
48452
|
childGap: "4px",
|
|
48451
|
-
align: "center"
|
|
48453
|
+
align: "center",
|
|
48454
|
+
overflow: true
|
|
48452
48455
|
}, showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
|
|
48453
48456
|
name: "bank checkbox",
|
|
48454
48457
|
dataQa: "Save checking account to wallet",
|
|
@@ -48462,7 +48465,8 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
|
|
|
48462
48465
|
showCheckbox: false,
|
|
48463
48466
|
description: "View",
|
|
48464
48467
|
terms: termsContent,
|
|
48465
|
-
initialFocusSelector: ".modal-close-button"
|
|
48468
|
+
initialFocusSelector: ".modal-close-button",
|
|
48469
|
+
textExtraStyles: "vertical-align: middle; margin-left: 40px;" /* determined w 24px checkbox width + 16px margin */
|
|
48466
48470
|
})))));
|
|
48467
48471
|
};
|
|
48468
48472
|
|
|
@@ -48637,7 +48641,8 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
|
|
|
48637
48641
|
isRequired: true
|
|
48638
48642
|
})), (showWalletCheckbox || showTerms) && /*#__PURE__*/React__default.createElement(Cluster, {
|
|
48639
48643
|
childGap: "4px",
|
|
48640
|
-
align: "center"
|
|
48644
|
+
align: "center",
|
|
48645
|
+
overflow: true
|
|
48641
48646
|
}, showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
|
|
48642
48647
|
name: "credit card checkbox",
|
|
48643
48648
|
dataQa: "Save credit card to wallet",
|
|
@@ -48651,7 +48656,8 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
|
|
|
48651
48656
|
showCheckbox: false,
|
|
48652
48657
|
description: "View",
|
|
48653
48658
|
terms: termsContent,
|
|
48654
|
-
initialFocusSelector: ".modal-close-button"
|
|
48659
|
+
initialFocusSelector: ".modal-close-button",
|
|
48660
|
+
textExtraStyles: "vertical-align: middle; margin-left: 40px;" /* determined w 24px checkbox width + 16px margin */
|
|
48655
48661
|
})))));
|
|
48656
48662
|
};
|
|
48657
48663
|
var PaymentFormCard$1 = withWindowSize(PaymentFormCard);
|