@monarkmarkets/marketplace 2.0.15 → 2.0.16

package/dist/index.esm.js

@@ -196,7 +196,7 @@ var TableRow$1 = /*#__PURE__*/memo(function (_a) {
     });
   };
   var getButtonClassName = function () {
-    var baseClasses = "font-medium py-2 px-4 rounded-lg transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center justify-center gap-2 min-w-[170px] relative overflow-hidden";
+    var baseClasses = "font-medium py-2 px-4 rounded-lg transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2 relative overflow-hidden box-border";
     if (isInWatchlist && !isTogglingWatchlist) {
       var hoverClasses = isMounted && !justToggled ? 'hover:text-white hover:border-red-500 group' : '';
       return "".concat(baseClasses, " bg-white border-2 border-custom-blue text-custom-blue ").concat(hoverClasses);
@@ -250,23 +250,31 @@ var TableRow$1 = /*#__PURE__*/memo(function (_a) {
     }), jsx("td", {
       className: "py-4 px-4 border-b border-gray-100",
       role: "cell",
-      children: jsxs("button", {
-        onClick: handleWatchlistToggle,
-        onMouseEnter: function () {
-          return setIsHovering(true);
-        },
-        onMouseLeave: function () {
-          return setIsHovering(false);
-        },
-        disabled: isWatchlistButtonDisabled,
-        className: getButtonClassName(),
-        "aria-label": "".concat(isInWatchlist ? 'Remove from' : 'Add to', " watchlist for ").concat(safeName),
-        children: [isInWatchlist && !isTogglingWatchlist && !justToggled && isMounted && jsx("span", {
-          className: "absolute inset-0 bg-red-500 transition-transform duration-300 ease-out origin-left scale-x-0 group-hover:scale-x-100",
+      children: jsx("div", {
+        className: "flex justify-end",
+        children: jsxs("button", {
+          onClick: handleWatchlistToggle,
+          onMouseEnter: function () {
+            return setIsHovering(true);
+          },
+          onMouseLeave: function () {
+            return setIsHovering(false);
+          },
+          disabled: isWatchlistButtonDisabled,
+          className: getButtonClassName(),
           style: {
-            zIndex: 0
-          }
-        }), getButtonContent()]
+            width: '165px',
+            minWidth: '165px',
+            maxWidth: '165px'
+          },
+          "aria-label": "".concat(isInWatchlist ? 'Remove from' : 'Add to', " watchlist for ").concat(safeName),
+          children: [isInWatchlist && !isTogglingWatchlist && !justToggled && isMounted && jsx("span", {
+            className: "absolute inset-0 bg-red-500 transition-transform duration-300 ease-out origin-left scale-x-0 group-hover:scale-x-100",
+            style: {
+              zIndex: 0
+            }
+          }), getButtonContent()]
+        })
       })
     })]
   });
@@ -286,7 +294,7 @@ var TableHeaders = /*#__PURE__*/memo(function (_a) {
       role: "row",
       children: columns.map(function (column, index) {
         return jsx("th", {
-          className: "py-3 px-4 text-left text-sm font-semibold text-gray-900 ".concat(column.width || ''),
+          className: "px-6 py-3 ".concat(index === columns.length - 1 ? 'text-right' : 'text-left', " text-xs font-semibold text-gray-900 uppercase tracking-wider ").concat(column.width || ''),
           scope: "col",
           role: "columnheader",
           children: column.title
@@ -1247,11 +1255,14 @@ var TableRow = /*#__PURE__*/memo(function (_a) {
     }), jsx("td", {
       className: "py-4 px-4 border-b border-gray-100",
       role: "cell",
-      children: jsx("button", {
-        onClick: handleButtonClick,
-        className: "bg-custom-blue hover:bg-custom-blue-dark text-white font-medium py-2 px-4 rounded-lg shadow-md transition-all duration-200",
-        "aria-label": "".concat(buttonText, " for ").concat(companyName),
-        children: buttonText
+      children: jsx("div", {
+        className: "flex justify-end",
+        children: jsx("button", {
+          onClick: handleButtonClick,
+          className: "bg-custom-blue hover:bg-custom-blue-dark text-white font-medium py-2 px-4 rounded-lg shadow-md transition-all duration-200",
+          "aria-label": "".concat(buttonText, " for ").concat(companyName),
+          children: buttonText
+        })
       })
     })]
   });