@landtrustinc/design-system 1.2.12 → 1.2.14

package/dist/index.d.ts

@@ -1331,6 +1331,84 @@ type DividerProps = React__default.HTMLAttributes<HTMLHRElement> & SpaceProps &
 };
 declare const Divider: React__default.FC<DividerProps>;
 
+type THeadingSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
+type TTextSize = 'md' | 'sm' | 'xs' | '2xs';
+type TFontWeight = 'normal' | 'semibold' | 'bold' | 'extrabold';
+type TTextAlign = 'left' | 'center' | 'right' | 'justify' | 'start' | 'end';
+type TTextWrap = 'pretty' | 'balance' | 'nowrap' | 'wrap' | 'stable';
+
+type HeadingProps = HTMLAttributes<HTMLElement> & {
+    /**
+     * Size variant of the heading
+     */
+    size?: THeadingSize;
+    /**
+     * DOM element name to render as
+     */
+    as?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Whether to transform text to uppercase
+     */
+    uppercase?: boolean;
+    /**
+     * Font weight of the heading
+     */
+    fontWeight?: TFontWeight;
+    /**
+     * Text alignment
+     */
+    textAlign?: TTextAlign;
+    /**
+     * Text wrapping behavior
+     */
+    textWrap?: TTextWrap;
+    /**
+     * Color token or CSS color value
+     */
+    color?: string;
+};
+declare const Heading: FC<PropsWithChildren<HeadingProps>>;
+
+type TextProps = HTMLAttributes<HTMLElement> & {
+    /**
+     * Size variant of the text
+     */
+    size?: TTextSize;
+    /**
+     * DOM element name to render as
+     */
+    as?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Font weight of the text
+     */
+    fontWeight?: TFontWeight;
+    /**
+     * Whether to transform text to uppercase
+     */
+    uppercase?: boolean;
+    /**
+     * Text alignment
+     */
+    textAlign?: TTextAlign;
+    /**
+     * Text wrapping behavior
+     */
+    textWrap?: TTextWrap;
+    /**
+     * Color token or CSS color value
+     */
+    color?: string;
+};
+declare const Text: FC<PropsWithChildren<TextProps>>;
+
 type FeatureListItemProps = {
     /**
      * Icon variant to display
@@ -1348,6 +1426,10 @@ type FeatureListItemProps = {
      * Main label text
      */
     label: React__default.ReactNode;
+    /**
+     * Size of the label text
+     */
+    labelSize?: TTextSize;
     /**
      * Optional subtitle/description text
      */
@@ -1365,7 +1447,7 @@ type FeatureListItemProps = {
      */
     isInline?: boolean;
 };
-declare const FeatureListItem: ({ iconVariant, label, subtitle, iconSize, iconColor, isLoading, className, isInline, ...rest }: FeatureListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const FeatureListItem: ({ iconVariant, label, labelSize, subtitle, iconSize, iconColor, isLoading, className, isInline, ...rest }: FeatureListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type FeatureItem = Omit<FeatureListItemProps, 'className'>;
 type FeatureListSection = {
@@ -1716,84 +1798,6 @@ type HuntCardProps = {
 };
 declare const HuntCard: ({ backgroundImage, title, buttonLabel, onClick, className, ...rest }: HuntCardProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type THeadingSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
-type TTextSize = 'md' | 'sm' | 'xs' | '2xs';
-type TFontWeight = 'normal' | 'semibold' | 'bold' | 'extrabold';
-type TTextAlign = 'left' | 'center' | 'right' | 'justify' | 'start' | 'end';
-type TTextWrap = 'pretty' | 'balance' | 'nowrap' | 'wrap' | 'stable';
-
-type HeadingProps = HTMLAttributes<HTMLElement> & {
-    /**
-     * Size variant of the heading
-     */
-    size?: THeadingSize;
-    /**
-     * DOM element name to render as
-     */
-    as?: string;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-    /**
-     * Whether to transform text to uppercase
-     */
-    uppercase?: boolean;
-    /**
-     * Font weight of the heading
-     */
-    fontWeight?: TFontWeight;
-    /**
-     * Text alignment
-     */
-    textAlign?: TTextAlign;
-    /**
-     * Text wrapping behavior
-     */
-    textWrap?: TTextWrap;
-    /**
-     * Color token or CSS color value
-     */
-    color?: string;
-};
-declare const Heading: FC<PropsWithChildren<HeadingProps>>;
-
-type TextProps = HTMLAttributes<HTMLElement> & {
-    /**
-     * Size variant of the text
-     */
-    size?: TTextSize;
-    /**
-     * DOM element name to render as
-     */
-    as?: string;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-    /**
-     * Font weight of the text
-     */
-    fontWeight?: TFontWeight;
-    /**
-     * Whether to transform text to uppercase
-     */
-    uppercase?: boolean;
-    /**
-     * Text alignment
-     */
-    textAlign?: TTextAlign;
-    /**
-     * Text wrapping behavior
-     */
-    textWrap?: TTextWrap;
-    /**
-     * Color token or CSS color value
-     */
-    color?: string;
-};
-declare const Text: FC<PropsWithChildren<TextProps>>;
-
 type IconLabelProps = {
     /**
      * Icon variant to display
@@ -1852,21 +1856,9 @@ type LandownerProfileProps = {
      */
     yearsHosting?: number;
     /**
-     * Rating value from 1 to 5
-     */
-    rating?: number;
-    /**
-     * Number of reviews
-     */
-    reviewCount?: number;
-    /**
-     * Link to reviews (optional)
-     */
-    reviewsLink?: string;
-    /**
-     * Whether the reviews are loading
+     * Optional feature item for reviews display
      */
-    isReviewsLoading?: boolean;
+    featureReviewItem?: FeatureItem;
     /**
      * Whether the landowner is verified
      */
@@ -1874,7 +1866,7 @@ type LandownerProfileProps = {
     /**
      * Bio text content
      */
-    bio: string;
+    bio?: string;
     /**
      * Response rate percentage (e.g., "100%")
      */

package/dist/index.js

@@ -5790,6 +5790,7 @@ var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
 var FeatureListItem = ({
   iconVariant,
   label,
+  labelSize = "md",
   subtitle,
   iconSize = "large",
   iconColor,
@@ -5846,7 +5847,7 @@ var FeatureListItem = ({
         ...rest,
         children: [
           iconVariant && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Icon_default, { variant: iconVariant, size: iconSize, fill: iconColor }),
-          /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { fontWeight: "semibold", children: label })
+          /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { fontWeight: "semibold", size: labelSize, children: label })
         ]
       }
     ),
@@ -6914,61 +6915,17 @@ var UserCard_default = UserCard;
 // src/LandownerProfile/components/ProfileSubtitle.tsx
 var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
 var ProfileSubtitle = ({
-  yearsHosting,
-  rating,
-  reviewCount,
-  reviewsLink,
-  isReviewsLoading = false,
-  onReviewsClick
+  yearsHosting = 1,
+  featureReviewItem
 }) => {
-  let reviewFeatureItem;
-  if (isReviewsLoading) {
-    reviewFeatureItem = {
-      iconVariant: "StarSolid",
-      label: "",
-      isLoading: true
-    };
-  } else if (rating && reviewCount) {
-    reviewFeatureItem = {
-      iconVariant: "StarSolid",
-      iconColor: "var(--icon-warning)",
-      label: /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: rating == null ? void 0 : rating.toFixed(1) }),
-        /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: "\u2022" }),
-        reviewsLink ? /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
-          "a",
-          {
-            href: reviewsLink,
-            css: {
-              color: "var(--text-primary)",
-              textDecoration: "underline",
-              "&:hover": {
-                color: "var(--text-secondary)"
-              }
-            },
-            onClick: onReviewsClick,
-            children: /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Text_default, { size: "sm", fontWeight: "bold", children: [
-              reviewCount,
-              " ",
-              reviewCount === 1 ? "Review" : "Reviews"
-            ] })
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Text_default, { size: "md", fontWeight: "bold", children: [
-          reviewCount,
-          " ",
-          reviewCount === 1 ? "Review" : "Reviews"
-        ] })
-      ] })
-    };
-  } else {
-    reviewFeatureItem = void 0;
-  }
   return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
-    yearsHosting && /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
+    yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
       yearsHosting,
-      " Years Hosting"
+      " ",
+      yearsHosting === 1 ? "Year" : "Years",
+      " Hosting"
     ] }),
-    reviewFeatureItem && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(FeatureListItem_default, { ...reviewFeatureItem })
+    featureReviewItem && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(FeatureListItem_default, { ...featureReviewItem })
   ] });
 };
 var ProfileSubtitle_default = ProfileSubtitle;
@@ -6980,10 +6937,7 @@ var LandownerProfile = ({
   avatarSrc,
   name,
   yearsHosting,
-  rating,
-  reviewCount,
-  reviewsLink,
-  isReviewsLoading = false,
+  featureReviewItem,
   isVerified = false,
   bio,
   responseRate,
@@ -7029,19 +6983,23 @@ var LandownerProfile = ({
                     ProfileSubtitle_default,
                     {
                       yearsHosting,
-                      rating,
-                      reviewCount,
-                      reviewsLink,
-                      isReviewsLoading
+                      featureReviewItem
                     }
                   ),
                   showRating: false,
                   isVerified
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
+              bio && /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Text_default, { fontWeight: "bold", children: "Bio" }),
-                /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Text_default, { children: bio })
+                /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+                  Text_default,
+                  {
+                    dangerouslySetInnerHTML: {
+                      __html: bio
+                    }
+                  }
+                )
               ] }),
               (!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Text_default, { fontWeight: "bold", children: "Landowner Details" }),