@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.cjs.js
CHANGED
|
@@ -26408,13 +26408,15 @@ var renderCardStatus = function renderCardStatus(expirationStatus, expireDate) {
|
|
|
26408
26408
|
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26409
26409
|
as: as,
|
|
26410
26410
|
variant: "pXS",
|
|
26411
|
-
|
|
26411
|
+
fontSize: ".75rem",
|
|
26412
|
+
color: STORM_GREY,
|
|
26412
26413
|
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
26413
26414
|
}, "Exp Date ", expireDate);
|
|
26414
26415
|
case EXPIRING_SOON:
|
|
26415
26416
|
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26416
26417
|
as: as,
|
|
26417
26418
|
variant: "pXS",
|
|
26419
|
+
fontSize: ".75rem",
|
|
26418
26420
|
color: FIRE_YELLOW,
|
|
26419
26421
|
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
26420
26422
|
}, "Expiring Soon ", expireDate);
|
|
@@ -26422,6 +26424,7 @@ var renderCardStatus = function renderCardStatus(expirationStatus, expireDate) {
|
|
|
26422
26424
|
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26423
26425
|
as: as,
|
|
26424
26426
|
variant: "pXS",
|
|
26427
|
+
fontSize: ".75rem",
|
|
26425
26428
|
color: STORM_GREY,
|
|
26426
26429
|
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
26427
26430
|
}, "Expired");
|
|
@@ -26472,7 +26475,7 @@ var FormattedCreditCard = function FormattedCreditCard(_ref) {
|
|
|
26472
26475
|
}, "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, {
|
|
26473
26476
|
variant: "p",
|
|
26474
26477
|
color: themeValues.autopayTextColor,
|
|
26475
|
-
extraStyles: "font-style: italic;"
|
|
26478
|
+
extraStyles: "font-style: italic; font-size: .75rem;"
|
|
26476
26479
|
}, "Autopay On")));
|
|
26477
26480
|
};
|
|
26478
26481
|
var FormattedCreditCard$1 = themeComponent(FormattedCreditCard, "FormattedCreditCard", fallbackValues$p);
|