@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.esm.js
CHANGED
|
@@ -26301,7 +26301,7 @@ var FormattedAddress = function FormattedAddress(_ref) {
|
|
|
26301
26301
|
var FormattedAddress$1 = themeComponent(FormattedAddress, "FormattedAddress", fallbackValues$n, "default");
|
|
26302
26302
|
|
|
26303
26303
|
var textColor$1 = "".concat(CHARADE_GREY);
|
|
26304
|
-
var autopayTextColor = "".concat(
|
|
26304
|
+
var autopayTextColor = "".concat(SEA_GREEN);
|
|
26305
26305
|
var fallbackValues$o = {
|
|
26306
26306
|
textColor: textColor$1,
|
|
26307
26307
|
autopayTextColor: autopayTextColor
|
|
@@ -26337,8 +26337,8 @@ var FormattedBankAccount = function FormattedBankAccount(_ref2) {
|
|
|
26337
26337
|
}, "Savings Account ending in ", lastFour), autoPay && /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26338
26338
|
variant: "p",
|
|
26339
26339
|
color: themeValues.autopayTextColor,
|
|
26340
|
-
extraStyles: "font-style: italic;"
|
|
26341
|
-
}, "Autopay
|
|
26340
|
+
extraStyles: "font-style: italic; font-size: .75rem;"
|
|
26341
|
+
}, "Autopay On")));
|
|
26342
26342
|
};
|
|
26343
26343
|
var FormattedBankAccount$1 = themeComponent(FormattedBankAccount, "FormattedBankAccount", fallbackValues$o);
|
|
26344
26344
|
|
|
@@ -26387,7 +26387,7 @@ var CardType = function CardType(_ref) {
|
|
|
26387
26387
|
};
|
|
26388
26388
|
|
|
26389
26389
|
var textColor$2 = "".concat(CHARADE_GREY);
|
|
26390
|
-
var autopayTextColor$1 = "".concat(
|
|
26390
|
+
var autopayTextColor$1 = "".concat(SEA_GREEN);
|
|
26391
26391
|
var fallbackValues$p = {
|
|
26392
26392
|
textColor: textColor$2,
|
|
26393
26393
|
autopayTextColor: autopayTextColor$1
|
|
@@ -26416,13 +26416,15 @@ var renderCardStatus = function renderCardStatus(expirationStatus, expireDate) {
|
|
|
26416
26416
|
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26417
26417
|
as: as,
|
|
26418
26418
|
variant: "pXS",
|
|
26419
|
-
|
|
26419
|
+
fontSize: ".75rem",
|
|
26420
|
+
color: STORM_GREY,
|
|
26420
26421
|
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
26421
26422
|
}, "Exp Date ", expireDate);
|
|
26422
26423
|
case EXPIRING_SOON:
|
|
26423
26424
|
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26424
26425
|
as: as,
|
|
26425
26426
|
variant: "pXS",
|
|
26427
|
+
fontSize: ".75rem",
|
|
26426
26428
|
color: FIRE_YELLOW,
|
|
26427
26429
|
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
26428
26430
|
}, "Expiring Soon ", expireDate);
|
|
@@ -26430,7 +26432,8 @@ var renderCardStatus = function renderCardStatus(expirationStatus, expireDate) {
|
|
|
26430
26432
|
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26431
26433
|
as: as,
|
|
26432
26434
|
variant: "pXS",
|
|
26433
|
-
|
|
26435
|
+
fontSize: ".75rem",
|
|
26436
|
+
color: STORM_GREY,
|
|
26434
26437
|
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
26435
26438
|
}, "Expired");
|
|
26436
26439
|
}
|
|
@@ -26483,8 +26486,8 @@ var FormattedCreditCard = function FormattedCreditCard(_ref) {
|
|
|
26483
26486
|
}, "Card ending in ".concat(lastFour)), expireDate && /*#__PURE__*/React__default.createElement(Fragment$1, null, renderCardStatus(expirationStatus, expireDate, "left", "p"))), autoPay && /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26484
26487
|
variant: "p",
|
|
26485
26488
|
color: themeValues.autopayTextColor,
|
|
26486
|
-
extraStyles: "font-style: italic;"
|
|
26487
|
-
}, "Autopay
|
|
26489
|
+
extraStyles: "font-style: italic; font-size: .75rem;"
|
|
26490
|
+
}, "Autopay On")));
|
|
26488
26491
|
};
|
|
26489
26492
|
var FormattedCreditCard$1 = themeComponent(FormattedCreditCard, "FormattedCreditCard", fallbackValues$p);
|
|
26490
26493
|
|