@thecb/components 11.10.3 → 11.10.4-beta.1
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
|
@@ -26304,7 +26304,7 @@ var FormattedAddress = function FormattedAddress(_ref) {
|
|
|
26304
26304
|
var FormattedAddress$1 = themeComponent(FormattedAddress, "FormattedAddress", fallbackValues$n, "default");
|
|
26305
26305
|
|
|
26306
26306
|
var textColor$1 = "".concat(CHARADE_GREY);
|
|
26307
|
-
var autopayTextColor = "".concat(
|
|
26307
|
+
var autopayTextColor = "".concat(SEA_GREEN);
|
|
26308
26308
|
var fallbackValues$o = {
|
|
26309
26309
|
textColor: textColor$1,
|
|
26310
26310
|
autopayTextColor: autopayTextColor
|
|
@@ -26340,8 +26340,8 @@ var FormattedBankAccount = function FormattedBankAccount(_ref2) {
|
|
|
26340
26340
|
}, "Savings Account ending in ", lastFour), autoPay && /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26341
26341
|
variant: "p",
|
|
26342
26342
|
color: themeValues.autopayTextColor,
|
|
26343
|
-
extraStyles: "font-style: italic;"
|
|
26344
|
-
}, "Autopay
|
|
26343
|
+
extraStyles: "font-style: italic; font-size: .75rem;"
|
|
26344
|
+
}, "Autopay On")));
|
|
26345
26345
|
};
|
|
26346
26346
|
var FormattedBankAccount$1 = themeComponent(FormattedBankAccount, "FormattedBankAccount", fallbackValues$o);
|
|
26347
26347
|
|
|
@@ -26390,7 +26390,7 @@ var CardType = function CardType(_ref) {
|
|
|
26390
26390
|
};
|
|
26391
26391
|
|
|
26392
26392
|
var textColor$2 = "".concat(CHARADE_GREY);
|
|
26393
|
-
var autopayTextColor$1 = "".concat(
|
|
26393
|
+
var autopayTextColor$1 = "".concat(SEA_GREEN);
|
|
26394
26394
|
var fallbackValues$p = {
|
|
26395
26395
|
textColor: textColor$2,
|
|
26396
26396
|
autopayTextColor: autopayTextColor$1
|
|
@@ -26419,13 +26419,15 @@ var renderCardStatus = function renderCardStatus(expirationStatus, expireDate) {
|
|
|
26419
26419
|
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26420
26420
|
as: as,
|
|
26421
26421
|
variant: "pXS",
|
|
26422
|
-
|
|
26422
|
+
fontSize: ".75rem",
|
|
26423
|
+
color: STORM_GREY,
|
|
26423
26424
|
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
26424
26425
|
}, "Exp Date ", expireDate);
|
|
26425
26426
|
case EXPIRING_SOON:
|
|
26426
26427
|
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26427
26428
|
as: as,
|
|
26428
26429
|
variant: "pXS",
|
|
26430
|
+
fontSize: ".75rem",
|
|
26429
26431
|
color: FIRE_YELLOW,
|
|
26430
26432
|
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
26431
26433
|
}, "Expiring Soon ", expireDate);
|
|
@@ -26433,7 +26435,8 @@ var renderCardStatus = function renderCardStatus(expirationStatus, expireDate) {
|
|
|
26433
26435
|
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26434
26436
|
as: as,
|
|
26435
26437
|
variant: "pXS",
|
|
26436
|
-
|
|
26438
|
+
fontSize: ".75rem",
|
|
26439
|
+
color: STORM_GREY,
|
|
26437
26440
|
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
26438
26441
|
}, "Expired");
|
|
26439
26442
|
}
|
|
@@ -26486,8 +26489,8 @@ var FormattedCreditCard = function FormattedCreditCard(_ref) {
|
|
|
26486
26489
|
}, "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, {
|
|
26487
26490
|
variant: "p",
|
|
26488
26491
|
color: themeValues.autopayTextColor,
|
|
26489
|
-
extraStyles: "font-style: italic;"
|
|
26490
|
-
}, "Autopay
|
|
26492
|
+
extraStyles: "font-style: italic; font-size: .75rem;"
|
|
26493
|
+
}, "Autopay On")));
|
|
26491
26494
|
};
|
|
26492
26495
|
var FormattedCreditCard$1 = themeComponent(FormattedCreditCard, "FormattedCreditCard", fallbackValues$p);
|
|
26493
26496
|
|