@thecb/components 11.11.0-beta.9 → 11.11.1-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 +5 -4
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +5 -4
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/card-type/CardType.js +1 -5
- package/src/components/atoms/formatted-credit-card/FormattedCreditCard.js +30 -30
- package/src/components/molecules/radio-section/radio-button/RadioButton.js +1 -1
- package/src/components/molecules/tooltip/Tooltip.js +2 -1
package/dist/index.cjs.js
CHANGED
|
@@ -26386,7 +26386,7 @@ var CardType = function CardType(_ref) {
|
|
|
26386
26386
|
var _ref2 = cardBrands[normalizedType] || cardBrands["default"],
|
|
26387
26387
|
label = _ref2.label,
|
|
26388
26388
|
IconComponent = _ref2[size];
|
|
26389
|
-
return /*#__PURE__*/React__default.createElement(
|
|
26389
|
+
return /*#__PURE__*/React__default.createElement(IconComponent, null);
|
|
26390
26390
|
};
|
|
26391
26391
|
|
|
26392
26392
|
var textColor$2 = "".concat(CHARADE_GREY);
|
|
@@ -26463,7 +26463,7 @@ var CreditCardWrapper = styled__default.div.withConfig({
|
|
|
26463
26463
|
var CCIconWrapper = styled__default.div.withConfig({
|
|
26464
26464
|
displayName: "FormattedCreditCard__CCIconWrapper",
|
|
26465
26465
|
componentId: "sc-s0ta5l-1"
|
|
26466
|
-
})(["margin-right:
|
|
26466
|
+
})(["margin-right:8px;width:36px;height:auto;display:flex;"]);
|
|
26467
26467
|
var FormattedCreditCard = function FormattedCreditCard(_ref) {
|
|
26468
26468
|
var lastFour = _ref.lastFour,
|
|
26469
26469
|
type = _ref.type,
|
|
@@ -27572,7 +27572,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
|
|
|
27572
27572
|
borderWidth: "1px",
|
|
27573
27573
|
borderStyle: "solid",
|
|
27574
27574
|
borderRadius: "12px",
|
|
27575
|
-
margin: "6px
|
|
27575
|
+
margin: "6px 8px 6px 6px",
|
|
27576
27576
|
height: "24px",
|
|
27577
27577
|
width: "24px",
|
|
27578
27578
|
variants: buttonBorder,
|
|
@@ -51597,6 +51597,7 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
51597
51597
|
*/
|
|
51598
51598
|
return /*#__PURE__*/React__default.cloneElement(child, {
|
|
51599
51599
|
tabIndex: (_child$props$tabIndex = (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.tabIndex) !== null && _child$props$tabIndex !== void 0 ? _child$props$tabIndex : 0,
|
|
51600
|
+
ariaDescribedby: tooltipID,
|
|
51600
51601
|
style: _objectSpread2({
|
|
51601
51602
|
cursor: "pointer"
|
|
51602
51603
|
}, (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.style),
|
|
@@ -51627,7 +51628,7 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
51627
51628
|
variant: triggerButtonVariant,
|
|
51628
51629
|
text: triggerText,
|
|
51629
51630
|
tabIndex: 0,
|
|
51630
|
-
|
|
51631
|
+
"aria-describedby": tooltipID,
|
|
51631
51632
|
onFocus: function onFocus() {
|
|
51632
51633
|
return handleToggleTooltip(true);
|
|
51633
51634
|
},
|