@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.d.mts
CHANGED
|
@@ -442,6 +442,10 @@ type PropertyHeroHeaderProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
442
442
|
name: string;
|
|
443
443
|
address?: string;
|
|
444
444
|
location: string;
|
|
445
|
+
/** Text/border colour of the type/location badge pill (defaults to brand gold). */
|
|
446
|
+
typeBadgeColor?: string;
|
|
447
|
+
/** Fill of the type/location badge pill (defaults to translucent brand gold). */
|
|
448
|
+
typeBadgeBackground?: string;
|
|
445
449
|
price?: number;
|
|
446
450
|
currencySymbol?: string;
|
|
447
451
|
changePercent?: number;
|
|
@@ -479,6 +483,10 @@ declare const PropertyHeroHeader: React$1.ForwardRefExoticComponent<React$1.HTML
|
|
|
479
483
|
name: string;
|
|
480
484
|
address?: string;
|
|
481
485
|
location: string;
|
|
486
|
+
/** Text/border colour of the type/location badge pill (defaults to brand gold). */
|
|
487
|
+
typeBadgeColor?: string;
|
|
488
|
+
/** Fill of the type/location badge pill (defaults to translucent brand gold). */
|
|
489
|
+
typeBadgeBackground?: string;
|
|
482
490
|
price?: number;
|
|
483
491
|
currencySymbol?: string;
|
|
484
492
|
changePercent?: number;
|
package/dist/index.d.ts
CHANGED
|
@@ -442,6 +442,10 @@ type PropertyHeroHeaderProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
442
442
|
name: string;
|
|
443
443
|
address?: string;
|
|
444
444
|
location: string;
|
|
445
|
+
/** Text/border colour of the type/location badge pill (defaults to brand gold). */
|
|
446
|
+
typeBadgeColor?: string;
|
|
447
|
+
/** Fill of the type/location badge pill (defaults to translucent brand gold). */
|
|
448
|
+
typeBadgeBackground?: string;
|
|
445
449
|
price?: number;
|
|
446
450
|
currencySymbol?: string;
|
|
447
451
|
changePercent?: number;
|
|
@@ -479,6 +483,10 @@ declare const PropertyHeroHeader: React$1.ForwardRefExoticComponent<React$1.HTML
|
|
|
479
483
|
name: string;
|
|
480
484
|
address?: string;
|
|
481
485
|
location: string;
|
|
486
|
+
/** Text/border colour of the type/location badge pill (defaults to brand gold). */
|
|
487
|
+
typeBadgeColor?: string;
|
|
488
|
+
/** Fill of the type/location badge pill (defaults to translucent brand gold). */
|
|
489
|
+
typeBadgeBackground?: string;
|
|
482
490
|
price?: number;
|
|
483
491
|
currencySymbol?: string;
|
|
484
492
|
changePercent?: number;
|
package/dist/index.js
CHANGED
|
@@ -4640,6 +4640,8 @@ var PropertyHeroHeader = React5__namespace.forwardRef(
|
|
|
4640
4640
|
name,
|
|
4641
4641
|
address,
|
|
4642
4642
|
location,
|
|
4643
|
+
typeBadgeColor = "#E6C87E",
|
|
4644
|
+
typeBadgeBackground = "rgba(230, 200, 126, 0.12)",
|
|
4643
4645
|
price,
|
|
4644
4646
|
currencySymbol = "$",
|
|
4645
4647
|
changePercent,
|
|
@@ -4713,7 +4715,7 @@ var PropertyHeroHeader = React5__namespace.forwardRef(
|
|
|
4713
4715
|
/* @__PURE__ */ jsxRuntime.jsx(NameGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
|
|
4714
4716
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem", flexWrap: "wrap" }, children: [
|
|
4715
4717
|
/* @__PURE__ */ jsxRuntime.jsx("h1", { style: headingStyle, className: "break-words", children: name }),
|
|
4716
|
-
location ? /* @__PURE__ */ jsxRuntime.jsx(TypeBadge, { children: location }) : null
|
|
4718
|
+
location ? /* @__PURE__ */ jsxRuntime.jsx(TypeBadge, { $color: typeBadgeColor, $bg: typeBadgeBackground, children: location }) : null
|
|
4717
4719
|
] }),
|
|
4718
4720
|
address ? /* @__PURE__ */ jsxRuntime.jsx(AddressText, { children: address }) : null
|
|
4719
4721
|
] }) }),
|
|
@@ -4941,8 +4943,8 @@ var TypeBadge = styled10__default.default.span`
|
|
|
4941
4943
|
letter-spacing: 0.03em;
|
|
4942
4944
|
text-transform: uppercase;
|
|
4943
4945
|
line-height: 1;
|
|
4944
|
-
color:
|
|
4945
|
-
background:
|
|
4946
|
+
color: ${(p) => p.$color};
|
|
4947
|
+
background: ${(p) => p.$bg};
|
|
4946
4948
|
white-space: nowrap;
|
|
4947
4949
|
flex-shrink: 0;
|
|
4948
4950
|
`;
|