@marktiderman/genesis-forms-web 0.6.0 → 0.6.1

package/dist/index.js

@@ -34,7 +34,7 @@ function FieldChrome({ props, children, className }) {
   const description = field.description ? props.engine.text(field.description) : void 0;
   const questionSize = pageFocus ? "text-2xl font-semibold leading-tight tracking-tight text-balance sm:text-3xl" : pageClassic ? "text-lg font-medium leading-snug" : "text-base";
   const body = /* @__PURE__ */ jsxs(Fragment, { children: [
-    description ? /* @__PURE__ */ jsx(FormDescription, { id: `${inputId}-desc`, className: cn(pageFocus && "text-base sm:text-lg text-pretty"), children: description }) : null,
+    description ? /* @__PURE__ */ jsx(FormDescription, { id: `${inputId}-desc`, className: cn("whitespace-pre-line", pageFocus && "text-base sm:text-lg text-pretty"), children: description }) : null,
     pageFocus ? /* @__PURE__ */ jsx("div", { className: "pt-6 sm:pt-8", children }) : children,
     pageFocus ? (
       // A calm note under the answer, Typeform style; the question keeps its colour.
@@ -1976,7 +1976,7 @@ function DefaultHeader({ title, description, image, requiredNote, className }) {
     return /* @__PURE__ */ jsxs("header", { className: cn("space-y-1", className), children: [
       image ? /* @__PURE__ */ jsx(HeaderImage, { image, className: "mb-4 rounded-lg" }) : null,
       /* @__PURE__ */ jsx("h1", { className: "text-sm font-medium text-muted-foreground", children: title }),
-      description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description }) : null,
+      description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground whitespace-pre-line", children: description }) : null,
       requiredNote ? /* @__PURE__ */ jsx(RequiredNote, { text: requiredNote }) : null
     ] });
   }
@@ -1993,7 +1993,7 @@ function DefaultHeader({ title, description, image, requiredNote, className }) {
           image ? /* @__PURE__ */ jsx(HeaderImage, { image }) : null,
           /* @__PURE__ */ jsxs("div", { className: cn("px-5 py-6 sm:px-8 sm:py-8", image && "border-t-8 border-t-primary"), children: [
             /* @__PURE__ */ jsx("h1", { className: "text-3xl font-semibold tracking-tight text-balance sm:text-4xl", children: title }),
-            description ? /* @__PURE__ */ jsx("p", { className: "mt-3 text-base text-muted-foreground text-pretty", children: description }) : null,
+            description ? /* @__PURE__ */ jsx("p", { className: "mt-3 text-base text-muted-foreground text-pretty whitespace-pre-line", children: description }) : null,
             requiredNote ? /* @__PURE__ */ jsx(RequiredNote, { text: requiredNote, className: "mt-4" }) : null
           ] })
         ]
@@ -2003,7 +2003,7 @@ function DefaultHeader({ title, description, image, requiredNote, className }) {
   return /* @__PURE__ */ jsxs("header", { className: cn("space-y-1", className), children: [
     image ? /* @__PURE__ */ jsx(HeaderImage, { image, className: "mb-4 rounded-lg" }) : null,
     /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: title }),
-    description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: description }) : null,
+    description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground whitespace-pre-line", children: description }) : null,
     requiredNote ? /* @__PURE__ */ jsx(RequiredNote, { text: requiredNote, className: "pt-1" }) : null
   ] });
 }
@@ -2166,13 +2166,13 @@ function DefaultEnding({ title, description, actions, className }) {
           children: title
         }
       ),
-      description ? /* @__PURE__ */ jsx("p", { className: "max-w-md text-lg text-muted-foreground text-pretty", children: description }) : null,
+      description ? /* @__PURE__ */ jsx("p", { className: "max-w-md text-lg text-muted-foreground text-pretty whitespace-pre-line", children: description }) : null,
       actionRow
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2 py-8 text-center", className), children: [
     /* @__PURE__ */ jsx("h2", { tabIndex: -1, "data-gf-focus": "", className: cn("rounded-sm text-2xl font-semibold", focusRing), children: title }),
-    description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: description }) : null,
+    description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground whitespace-pre-line", children: description }) : null,
     actionRow
   ] });
 }