@thecb/components 11.11.1-beta.1 → 11.11.1-beta.2

package/dist/index.esm.js

@@ -26321,9 +26321,9 @@ var FormattedBankAccount = function FormattedBankAccount(_ref2) {
     autoPay = _ref2.autoPay,
     themeValues = _ref2.themeValues;
   return /*#__PURE__*/React__default.createElement(BankItemWrapper, null, /*#__PURE__*/React__default.createElement(Box, {
-    padding: "0",
-    extraStyles: "margin-right: 8px;"
-  }, /*#__PURE__*/React__default.createElement(BankIconLarge, null)), /*#__PURE__*/React__default.createElement(Stack, {
+    padding: "0.25rem 0 0 0",
+    extraStyles: "margin-right: 1rem;"
+  }, /*#__PURE__*/React__default.createElement(BankIcon, null)), /*#__PURE__*/React__default.createElement(Stack, {
     childGap: "0"
   }, accountType === CHECKING && /*#__PURE__*/React__default.createElement(BankAccountText, {
     color: themeValues.textColor
@@ -26378,7 +26378,7 @@ var CardType = function CardType(_ref) {
   var _ref2 = cardBrands[normalizedType] || cardBrands["default"],
     label = _ref2.label,
     IconComponent = _ref2[size];
-  return /*#__PURE__*/React__default.createElement(IconComponent, null);
+  return /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(IconComponent, null));
 };
 
 var textColor$2 = "".concat(CHARADE_GREY);
@@ -26455,7 +26455,7 @@ var CreditCardWrapper = styled.div.withConfig({
 var CCIconWrapper = styled.div.withConfig({
   displayName: "FormattedCreditCard__CCIconWrapper",
   componentId: "sc-s0ta5l-1"
-})(["margin-right:8px;width:36px;height:auto;display:flex;"]);
+})(["margin-right:16px;width:36px;height:auto;display:flex;"]);
 var FormattedCreditCard = function FormattedCreditCard(_ref) {
   var lastFour = _ref.lastFour,
     type = _ref.type,
@@ -27564,7 +27564,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
     borderWidth: "1px",
     borderStyle: "solid",
     borderRadius: "12px",
-    margin: "6px 8px 6px 6px",
+    margin: "6px 14px 6px 6px",
     height: "24px",
     width: "24px",
     variants: buttonBorder,
@@ -40915,7 +40915,9 @@ var EditableList = function EditableList(_ref) {
     _ref$editItemAriaRole = _ref.editItemAriaRole,
     editItemAriaRole = _ref$editItemAriaRole === void 0 ? "" : _ref$editItemAriaRole,
     _ref$disablePlacehold = _ref.disablePlaceholder,
-    disablePlaceholder = _ref$disablePlacehold === void 0 ? false : _ref$disablePlacehold;
+    disablePlaceholder = _ref$disablePlacehold === void 0 ? false : _ref$disablePlacehold,
+    _ref$getEditHref = _ref.getEditHref,
+    getEditHref = _ref$getEditHref === void 0 ? null : _ref$getEditHref;
   var addText = "Add a".concat(itemName[0].match(/[aieouAIEOU]/) ? "n" : "", " ").concat(itemName);
   return /*#__PURE__*/React__default.createElement(Box, {
     padding: listPadding,
@@ -40982,7 +40984,12 @@ var EditableList = function EditableList(_ref) {
       extraStyles: ":not(:first-child) { border-left: 2px solid ".concat(BOSTON_BLUE, ";}"),
       dataQa: qaPrefix + " Edit",
       key: "Edit ".concat(item.id)
-    }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
+    }, getEditHref ? /*#__PURE__*/React__default.createElement(InternalLink, {
+      to: getEditHref(item),
+      fontWeight: "400",
+      extraStyles: "margin: 0.5rem; min-width: 0;",
+      "aria-label": "Edit ".concat(ariaLabel || itemName)
+    }, "Edit") : /*#__PURE__*/React__default.createElement(ButtonWithAction, {
       variant: "smallGhost",
       text: "Edit",
       action: function action() {