@thecb/components 11.11.1-beta.2 → 11.11.1

package/dist/index.esm.js

@@ -26306,9 +26306,13 @@ var BankItemWrapper = styled.div.withConfig({
   displayName: "FormattedBankAccount__BankItemWrapper",
   componentId: "sc-18hcgw4-0"
 })(["display:flex;justify-content:flex-start;align-items:center;"]);
+var BankIconWrapper = styled.div.withConfig({
+  displayName: "FormattedBankAccount__BankIconWrapper",
+  componentId: "sc-18hcgw4-1"
+})(["margin-right:8px;width:36px;height:auto;display:flex;"]);
 var BankAccountText = styled.h4.withConfig({
   displayName: "FormattedBankAccount__BankAccountText",
-  componentId: "sc-18hcgw4-1"
+  componentId: "sc-18hcgw4-2"
 })(["color:", ";font-size:1rem;font-weight:400;line-height:1.5rem;text-align:left;margin-right:0.5rem;display:inline-block;"], function (_ref) {
   var color = _ref.color;
   return color;
@@ -26320,10 +26324,7 @@ var FormattedBankAccount = function FormattedBankAccount(_ref2) {
     accountType = _ref2.accountType,
     autoPay = _ref2.autoPay,
     themeValues = _ref2.themeValues;
-  return /*#__PURE__*/React__default.createElement(BankItemWrapper, null, /*#__PURE__*/React__default.createElement(Box, {
-    padding: "0.25rem 0 0 0",
-    extraStyles: "margin-right: 1rem;"
-  }, /*#__PURE__*/React__default.createElement(BankIcon, null)), /*#__PURE__*/React__default.createElement(Stack, {
+  return /*#__PURE__*/React__default.createElement(BankItemWrapper, null, /*#__PURE__*/React__default.createElement(BankIconWrapper, null, /*#__PURE__*/React__default.createElement(BankIconLarge, null)), /*#__PURE__*/React__default.createElement(Stack, {
     childGap: "0"
   }, accountType === CHECKING && /*#__PURE__*/React__default.createElement(BankAccountText, {
     color: themeValues.textColor
@@ -26378,7 +26379,7 @@ var CardType = function CardType(_ref) {
   var _ref2 = cardBrands[normalizedType] || cardBrands["default"],
     label = _ref2.label,
     IconComponent = _ref2[size];
-  return /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(IconComponent, null));
+  return /*#__PURE__*/React__default.createElement(IconComponent, null);
 };
 
 var textColor$2 = "".concat(CHARADE_GREY);
@@ -26455,7 +26456,7 @@ var CreditCardWrapper = styled.div.withConfig({
 var CCIconWrapper = styled.div.withConfig({
   displayName: "FormattedCreditCard__CCIconWrapper",
   componentId: "sc-s0ta5l-1"
-})(["margin-right:16px;width:36px;height:auto;display:flex;"]);
+})(["margin-right:8px;width:36px;height:auto;display:flex;"]);
 var FormattedCreditCard = function FormattedCreditCard(_ref) {
   var lastFour = _ref.lastFour,
     type = _ref.type,
@@ -27564,7 +27565,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
     borderWidth: "1px",
     borderStyle: "solid",
     borderRadius: "12px",
-    margin: "6px 14px 6px 6px",
+    margin: "6px 8px 6px 6px",
     height: "24px",
     width: "24px",
     variants: buttonBorder,
@@ -40915,9 +40916,7 @@ 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,
-    _ref$getEditHref = _ref.getEditHref,
-    getEditHref = _ref$getEditHref === void 0 ? null : _ref$getEditHref;
+    disablePlaceholder = _ref$disablePlacehold === void 0 ? false : _ref$disablePlacehold;
   var addText = "Add a".concat(itemName[0].match(/[aieouAIEOU]/) ? "n" : "", " ").concat(itemName);
   return /*#__PURE__*/React__default.createElement(Box, {
     padding: listPadding,
@@ -40984,12 +40983,7 @@ var EditableList = function EditableList(_ref) {
       extraStyles: ":not(:first-child) { border-left: 2px solid ".concat(BOSTON_BLUE, ";}"),
       dataQa: qaPrefix + " Edit",
       key: "Edit ".concat(item.id)
-    }, 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, {
+    }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
       variant: "smallGhost",
       text: "Edit",
       action: function action() {