@loafmarkets/ui 0.1.73 → 0.1.74

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.js CHANGED
@@ -3027,11 +3027,22 @@ var PropertyNewsUpdates = React5__namespace.forwardRef(
3027
3027
  justifyContent: "space-between",
3028
3028
  alignItems: "flex-start",
3029
3029
  gap: "0.5rem",
3030
- color: "inherit"
3030
+ color: "inherit",
3031
+ transition: "background-color 0.15s"
3032
+ },
3033
+ onMouseEnter: (e) => {
3034
+ e.currentTarget.style.backgroundColor = "rgba(255,255,255,0.02)";
3035
+ const title = e.currentTarget.querySelector("h3");
3036
+ if (title) title.style.color = "var(--color-accent, #E6C87E)";
3037
+ },
3038
+ onMouseLeave: (e) => {
3039
+ e.currentTarget.style.backgroundColor = "transparent";
3040
+ const title = e.currentTarget.querySelector("h3");
3041
+ if (title) title.style.color = "#f8f9fa";
3031
3042
  },
3032
3043
  children: [
3033
3044
  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [
3034
- /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { fontSize: "0.85rem", fontWeight: 400, marginBottom: "0.25rem", color: "#f8f9fa", lineHeight: 1.4 }, children: item.title }),
3045
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { fontSize: "0.85rem", fontWeight: 400, marginBottom: "0.25rem", color: "#f8f9fa", lineHeight: 1.4, transition: "color 0.15s" }, children: item.title }),
3035
3046
  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "0.5rem", alignItems: "center", flexWrap: "wrap" }, children: [
3036
3047
  /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#848e9c", fontSize: "0.7rem" }, children: typeof item.date === "string" ? item.date : formatDate(item.date) }),
3037
3048
  item.source && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { padding: "0.1rem 0.4rem", borderRadius: "3px", fontSize: "0.62rem", fontWeight: 500, backgroundColor: "rgba(255,255,255,0.07)", color: "#848e9c", whiteSpace: "nowrap" }, children: item.source }),