@loafmarkets/ui 0.1.396 → 0.1.397
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.d.mts +8 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -4615,6 +4615,8 @@ var PropertyHeroHeader = React5.forwardRef(
|
|
|
4615
4615
|
name,
|
|
4616
4616
|
address,
|
|
4617
4617
|
location,
|
|
4618
|
+
typeBadgeColor = "#E6C87E",
|
|
4619
|
+
typeBadgeBackground = "rgba(230, 200, 126, 0.12)",
|
|
4618
4620
|
price,
|
|
4619
4621
|
currencySymbol = "$",
|
|
4620
4622
|
changePercent,
|
|
@@ -4688,7 +4690,7 @@ var PropertyHeroHeader = React5.forwardRef(
|
|
|
4688
4690
|
/* @__PURE__ */ jsx(NameGroup, { children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
|
|
4689
4691
|
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem", flexWrap: "wrap" }, children: [
|
|
4690
4692
|
/* @__PURE__ */ jsx("h1", { style: headingStyle, className: "break-words", children: name }),
|
|
4691
|
-
location ? /* @__PURE__ */ jsx(TypeBadge, { children: location }) : null
|
|
4693
|
+
location ? /* @__PURE__ */ jsx(TypeBadge, { $color: typeBadgeColor, $bg: typeBadgeBackground, children: location }) : null
|
|
4692
4694
|
] }),
|
|
4693
4695
|
address ? /* @__PURE__ */ jsx(AddressText, { children: address }) : null
|
|
4694
4696
|
] }) }),
|
|
@@ -4916,8 +4918,8 @@ var TypeBadge = styled10.span`
|
|
|
4916
4918
|
letter-spacing: 0.03em;
|
|
4917
4919
|
text-transform: uppercase;
|
|
4918
4920
|
line-height: 1;
|
|
4919
|
-
color:
|
|
4920
|
-
background:
|
|
4921
|
+
color: ${(p) => p.$color};
|
|
4922
|
+
background: ${(p) => p.$bg};
|
|
4921
4923
|
white-space: nowrap;
|
|
4922
4924
|
flex-shrink: 0;
|
|
4923
4925
|
`;
|