@thecb/components 11.10.0-beta.1 → 11.10.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 +6 -6
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +6 -6
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/card-type/CardType.js +1 -1
- package/src/components/atoms/form-layouts/FormInput.js +1 -1
- package/src/components/atoms/formatted-credit-card/FormattedCreditCard.js +8 -5
package/dist/index.esm.js
CHANGED
|
@@ -25923,7 +25923,8 @@ var FormInput = function FormInput(_ref15) {
|
|
|
25923
25923
|
padding: "0"
|
|
25924
25924
|
}, helperModal ? /*#__PURE__*/React__default.createElement(Cluster, {
|
|
25925
25925
|
justify: "space-between",
|
|
25926
|
-
align: "center"
|
|
25926
|
+
align: "center",
|
|
25927
|
+
overflow: true
|
|
25927
25928
|
}, labelDisplayOverride ? labelDisplayOverride : /*#__PURE__*/React__default.createElement(Text$1, {
|
|
25928
25929
|
as: "label",
|
|
25929
25930
|
color: themeValues.labelColor,
|
|
@@ -26381,10 +26382,7 @@ var CardType = function CardType(_ref) {
|
|
|
26381
26382
|
var _ref2 = cardBrands[normalizedType] || cardBrands["default"],
|
|
26382
26383
|
label = _ref2.label,
|
|
26383
26384
|
IconComponent = _ref2[size];
|
|
26384
|
-
return /*#__PURE__*/React__default.createElement("span",
|
|
26385
|
-
role: "img",
|
|
26386
|
-
"aria-label": label
|
|
26387
|
-
}, /*#__PURE__*/React__default.createElement(IconComponent, null));
|
|
26385
|
+
return /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(IconComponent, null));
|
|
26388
26386
|
};
|
|
26389
26387
|
|
|
26390
26388
|
var textColor$2 = "".concat(CHARADE_GREY);
|
|
@@ -26466,9 +26464,11 @@ var FormattedCreditCard = function FormattedCreditCard(_ref) {
|
|
|
26466
26464
|
expireDate = _ref.expireDate,
|
|
26467
26465
|
expirationStatus = _ref.expirationStatus,
|
|
26468
26466
|
themeValues = _ref.themeValues;
|
|
26467
|
+
var _useContext = useContext(ThemeContext),
|
|
26468
|
+
isMobile = _useContext.isMobile;
|
|
26469
26469
|
return /*#__PURE__*/React__default.createElement(CreditCardWrapper, null, /*#__PURE__*/React__default.createElement(CCIconWrapper, null, /*#__PURE__*/React__default.createElement(CardType, {
|
|
26470
26470
|
type: type,
|
|
26471
|
-
size: "large"
|
|
26471
|
+
size: isMobile ? "small" : "large"
|
|
26472
26472
|
})), /*#__PURE__*/React__default.createElement(Stack, {
|
|
26473
26473
|
childGap: "0"
|
|
26474
26474
|
}, /*#__PURE__*/React__default.createElement(Box, {
|