@loafmarkets/ui 0.1.73 → 0.1.75

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.mjs CHANGED
@@ -2992,7 +2992,7 @@ var PropertyNewsUpdates = React5.forwardRef(
2992
2992
  style: {
2993
2993
  width: "100%",
2994
2994
  textAlign: "left",
2995
- background: "transparent",
2995
+ backgroundColor: "transparent",
2996
2996
  border: "none",
2997
2997
  cursor: "pointer",
2998
2998
  padding: "0.75rem 0",
@@ -3001,11 +3001,22 @@ var PropertyNewsUpdates = React5.forwardRef(
3001
3001
  justifyContent: "space-between",
3002
3002
  alignItems: "flex-start",
3003
3003
  gap: "0.5rem",
3004
- color: "inherit"
3004
+ color: "inherit",
3005
+ transition: "background-color 0.15s"
3006
+ },
3007
+ onMouseEnter: (e) => {
3008
+ e.currentTarget.style.backgroundColor = "rgba(255,255,255,0.04)";
3009
+ const title = e.currentTarget.querySelector("h3");
3010
+ if (title) title.style.color = "var(--color-accent, #E6C87E)";
3011
+ },
3012
+ onMouseLeave: (e) => {
3013
+ e.currentTarget.style.backgroundColor = "transparent";
3014
+ const title = e.currentTarget.querySelector("h3");
3015
+ if (title) title.style.color = "#f8f9fa";
3005
3016
  },
3006
3017
  children: [
3007
3018
  /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
3008
- /* @__PURE__ */ jsx("h3", { style: { fontSize: "0.85rem", fontWeight: 400, marginBottom: "0.25rem", color: "#f8f9fa", lineHeight: 1.4 }, children: item.title }),
3019
+ /* @__PURE__ */ jsx("h3", { style: { fontSize: "0.85rem", fontWeight: 400, marginBottom: "0.25rem", color: "#f8f9fa", lineHeight: 1.4, transition: "color 0.15s" }, children: item.title }),
3009
3020
  /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "0.5rem", alignItems: "center", flexWrap: "wrap" }, children: [
3010
3021
  /* @__PURE__ */ jsx("span", { style: { color: "#848e9c", fontSize: "0.7rem" }, children: typeof item.date === "string" ? item.date : formatDate(item.date) }),
3011
3022
  item.source && /* @__PURE__ */ 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 }),