@thecb/components 11.10.2 → 11.10.4-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 +11 -8
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +11 -8
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/formatted-bank-account/FormattedBankAccount.js +2 -2
- package/src/components/atoms/formatted-bank-account/FormattedBankAccount.theme.js +2 -2
- package/src/components/atoms/formatted-credit-card/FormattedCreditCard.js +2 -2
- package/src/components/atoms/formatted-credit-card/FormattedCreditCard.theme.js +2 -2
- package/src/util/formats.js +6 -3
package/dist/index.cjs.js
CHANGED
|
@@ -26309,7 +26309,7 @@ var FormattedAddress = function FormattedAddress(_ref) {
|
|
|
26309
26309
|
var FormattedAddress$1 = themeComponent(FormattedAddress, "FormattedAddress", fallbackValues$n, "default");
|
|
26310
26310
|
|
|
26311
26311
|
var textColor$1 = "".concat(CHARADE_GREY);
|
|
26312
|
-
var autopayTextColor = "".concat(
|
|
26312
|
+
var autopayTextColor = "".concat(SEA_GREEN);
|
|
26313
26313
|
var fallbackValues$o = {
|
|
26314
26314
|
textColor: textColor$1,
|
|
26315
26315
|
autopayTextColor: autopayTextColor
|
|
@@ -26345,8 +26345,8 @@ var FormattedBankAccount = function FormattedBankAccount(_ref2) {
|
|
|
26345
26345
|
}, "Savings Account ending in ", lastFour), autoPay && /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26346
26346
|
variant: "p",
|
|
26347
26347
|
color: themeValues.autopayTextColor,
|
|
26348
|
-
extraStyles: "font-style: italic;"
|
|
26349
|
-
}, "Autopay
|
|
26348
|
+
extraStyles: "font-style: italic; font-size: .75rem;"
|
|
26349
|
+
}, "Autopay On")));
|
|
26350
26350
|
};
|
|
26351
26351
|
var FormattedBankAccount$1 = themeComponent(FormattedBankAccount, "FormattedBankAccount", fallbackValues$o);
|
|
26352
26352
|
|
|
@@ -26395,7 +26395,7 @@ var CardType = function CardType(_ref) {
|
|
|
26395
26395
|
};
|
|
26396
26396
|
|
|
26397
26397
|
var textColor$2 = "".concat(CHARADE_GREY);
|
|
26398
|
-
var autopayTextColor$1 = "".concat(
|
|
26398
|
+
var autopayTextColor$1 = "".concat(SEA_GREEN);
|
|
26399
26399
|
var fallbackValues$p = {
|
|
26400
26400
|
textColor: textColor$2,
|
|
26401
26401
|
autopayTextColor: autopayTextColor$1
|
|
@@ -26424,13 +26424,15 @@ var renderCardStatus = function renderCardStatus(expirationStatus, expireDate) {
|
|
|
26424
26424
|
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26425
26425
|
as: as,
|
|
26426
26426
|
variant: "pXS",
|
|
26427
|
-
|
|
26427
|
+
fontSize: ".75rem",
|
|
26428
|
+
color: STORM_GREY,
|
|
26428
26429
|
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
26429
26430
|
}, "Exp Date ", expireDate);
|
|
26430
26431
|
case EXPIRING_SOON:
|
|
26431
26432
|
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26432
26433
|
as: as,
|
|
26433
26434
|
variant: "pXS",
|
|
26435
|
+
fontSize: ".75rem",
|
|
26434
26436
|
color: FIRE_YELLOW,
|
|
26435
26437
|
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
26436
26438
|
}, "Expiring Soon ", expireDate);
|
|
@@ -26438,7 +26440,8 @@ var renderCardStatus = function renderCardStatus(expirationStatus, expireDate) {
|
|
|
26438
26440
|
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26439
26441
|
as: as,
|
|
26440
26442
|
variant: "pXS",
|
|
26441
|
-
|
|
26443
|
+
fontSize: ".75rem",
|
|
26444
|
+
color: STORM_GREY,
|
|
26442
26445
|
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
26443
26446
|
}, "Expired");
|
|
26444
26447
|
}
|
|
@@ -26491,8 +26494,8 @@ var FormattedCreditCard = function FormattedCreditCard(_ref) {
|
|
|
26491
26494
|
}, "Card ending in ".concat(lastFour)), expireDate && /*#__PURE__*/React__default.createElement(React.Fragment, null, renderCardStatus(expirationStatus, expireDate, "left", "p"))), autoPay && /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26492
26495
|
variant: "p",
|
|
26493
26496
|
color: themeValues.autopayTextColor,
|
|
26494
|
-
extraStyles: "font-style: italic;"
|
|
26495
|
-
}, "Autopay
|
|
26497
|
+
extraStyles: "font-style: italic; font-size: .75rem;"
|
|
26498
|
+
}, "Autopay On")));
|
|
26496
26499
|
};
|
|
26497
26500
|
var FormattedCreditCard$1 = themeComponent(FormattedCreditCard, "FormattedCreditCard", fallbackValues$p);
|
|
26498
26501
|
|