@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.js CHANGED
@@ -3018,7 +3018,7 @@ var PropertyNewsUpdates = React5__namespace.forwardRef(
3018
3018
  style: {
3019
3019
  width: "100%",
3020
3020
  textAlign: "left",
3021
- background: "transparent",
3021
+ backgroundColor: "transparent",
3022
3022
  border: "none",
3023
3023
  cursor: "pointer",
3024
3024
  padding: "0.75rem 0",
@@ -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.04)";
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 }),