@landtrustinc/design-system 1.2.13 → 1.2.15

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
@@ -1879,6 +1883,10 @@ type LandownerProfileProps = {
      * Message button click handler
      */
     onMessageClick?: () => void;
+    /**
+     * Whether the message button is disabled
+     */
+    isMessageDisabled?: boolean;
     /**
      * Additional CSS class names
      */

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,13 +6915,15 @@ var UserCard_default = UserCard;
 // src/LandownerProfile/components/ProfileSubtitle.tsx
 var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
 var ProfileSubtitle = ({
-  yearsHosting,
+  yearsHosting = 1,
   featureReviewItem
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", 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"
     ] }),
     featureReviewItem && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(FeatureListItem_default, { ...featureReviewItem })
   ] });
@@ -6941,6 +6944,7 @@ var LandownerProfile = ({
   responseTime,
   messageButtonText = "Message",
   onMessageClick,
+  isMessageDisabled = false,
   className
 }) => {
   const responseRateFeature = responseRate ? {
@@ -6989,7 +6993,14 @@ var LandownerProfile = ({
               ),
               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" }),
@@ -6998,7 +7009,15 @@ var LandownerProfile = ({
                   !!responseTimeFeature && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(FeatureListItem_default, { ...responseTimeFeature })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Box_default, { alignSelf: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Button_default, { variant: "secondary", onClick: onMessageClick, children: messageButtonText }) })
+              /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Box_default, { alignSelf: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+                Button_default,
+                {
+                  variant: "secondary",
+                  onClick: onMessageClick,
+                  disabled: isMessageDisabled,
+                  children: messageButtonText
+                }
+              ) })
             ]
           }
         )