@flamingo-stack/openframe-frontend-core 0.0.262 → 0.0.263

package/dist/components/index.cjs

@@ -1458,7 +1458,7 @@ function VendorDisplayButton({ vendor, onClick, variant = "default", externalUrl
       "button",
       {
         onClick: handleClick,
-        className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#1A1A1A] border border-[#2A2A2A] hover:border-[#FFC008]/50 transition-colors",
+        className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-ods-card border border-ods-border hover:border-ods-accent/50 transition-colors",
         children: [
           logoUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-5 h-5 rounded overflow-hidden flex-shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _chunkXL4V2PYGcjs.next_image_default,
@@ -1469,8 +1469,8 @@ function VendorDisplayButton({ vendor, onClick, variant = "default", externalUrl
               height: 20,
               className: "w-full h-full object-cover"
             }
-          ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-5 h-5 rounded bg-[#2A2A2A] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[#666666] text-[10px] font-medium", children: vendor.title.charAt(0).toUpperCase() }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm font-medium text-white", children: vendor.title })
+          ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-5 h-5 rounded bg-ods-border flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary text-[10px] font-medium", children: vendor.title.charAt(0).toUpperCase() }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm font-medium text-ods-text-primary", children: vendor.title })
         ]
       }
     );
@@ -1479,7 +1479,7 @@ function VendorDisplayButton({ vendor, onClick, variant = "default", externalUrl
     "button",
     {
       onClick: handleClick,
-      className: "flex items-center gap-2 bg-ods-card border border-ods-border rounded-lg py-2 px-3 hover:border-[#FFC008] transition-colors max-w-full overflow-hidden",
+      className: "flex items-center gap-2 bg-ods-card border border-ods-border rounded-lg py-2 px-3 hover:border-ods-accent transition-colors max-w-full overflow-hidden",
       children: [
         getVendorLogo(vendor) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-8 h-8 bg-ods-card border border-ods-border rounded-lg flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _chunkXL4V2PYGcjs.next_image_default,
@@ -1673,7 +1673,7 @@ function CommentCard({
     return false;
   };
   const showDeleteButton = canUserDeleteComment();
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 hover:border-[#FFC008] transition-all group overflow-hidden w-full max-w-full box-border", style: { maxWidth: "100%", wordBreak: "break-word" }, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 hover:border-ods-accent transition-all group overflow-hidden w-full max-w-full box-border", style: { maxWidth: "100%", wordBreak: "break-word" }, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3 mb-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2 w-full", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-2 min-w-0 flex-1", children: context === "profile" && comment.vendor ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0,