@thecb/components 11.9.1-beta.2 → 11.9.1-beta.4
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.esm.js
CHANGED
|
@@ -26400,13 +26400,15 @@ var renderCardStatus = function renderCardStatus(expirationStatus, expireDate) {
|
|
|
26400
26400
|
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26401
26401
|
as: as,
|
|
26402
26402
|
variant: "pXS",
|
|
26403
|
-
|
|
26403
|
+
fontSize: ".75rem",
|
|
26404
|
+
color: STORM_GREY,
|
|
26404
26405
|
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
26405
26406
|
}, "Exp Date ", expireDate);
|
|
26406
26407
|
case EXPIRING_SOON:
|
|
26407
26408
|
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26408
26409
|
as: as,
|
|
26409
26410
|
variant: "pXS",
|
|
26411
|
+
fontSize: ".75rem",
|
|
26410
26412
|
color: FIRE_YELLOW,
|
|
26411
26413
|
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
26412
26414
|
}, "Expiring Soon ", expireDate);
|
|
@@ -26414,6 +26416,7 @@ var renderCardStatus = function renderCardStatus(expirationStatus, expireDate) {
|
|
|
26414
26416
|
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26415
26417
|
as: as,
|
|
26416
26418
|
variant: "pXS",
|
|
26419
|
+
fontSize: ".75rem",
|
|
26417
26420
|
color: STORM_GREY,
|
|
26418
26421
|
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
26419
26422
|
}, "Expired");
|
|
@@ -26464,7 +26467,7 @@ var FormattedCreditCard = function FormattedCreditCard(_ref) {
|
|
|
26464
26467
|
}, "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, {
|
|
26465
26468
|
variant: "p",
|
|
26466
26469
|
color: themeValues.autopayTextColor,
|
|
26467
|
-
extraStyles: "font-style: italic;"
|
|
26470
|
+
extraStyles: "font-style: italic; font-size: .75rem;"
|
|
26468
26471
|
}, "Autopay On")));
|
|
26469
26472
|
};
|
|
26470
26473
|
var FormattedCreditCard$1 = themeComponent(FormattedCreditCard, "FormattedCreditCard", fallbackValues$p);
|