@planetaexo/design-system 0.20.0 → 0.22.0

package/dist/index.cjs

@@ -5181,13 +5181,14 @@ function formatDateRange(adventure, fmt) {
 function FormSection2({
   title,
   children,
-  className
+  className,
+  breakInside = "avoid"
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: cn("flex flex-col gap-5", className),
-      style: { breakInside: "avoid" },
+      style: { breakInside },
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -6123,7 +6124,9 @@ function RegistrationSuccessCard({
   density = "comfortable",
   submissionTimestamps,
   submissionTimestampsLabels,
-  labels: scLabels
+  labels: scLabels,
+  sectionsBreakInside = "avoid",
+  termsTypography = "default"
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const isMinimal = variant === "minimal";
@@ -6188,7 +6191,7 @@ function RegistrationSuccessCard({
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: submissionTimestamps.lastUpdatedAt })
           ] })
         ] }),
-        hasTripInfo && /* @__PURE__ */ jsxRuntime.jsx(FormSection2, { title: TL.sectionTitle, children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "flex flex-col gap-y-3 text-sm font-ui", children: [
+        hasTripInfo && /* @__PURE__ */ jsxRuntime.jsx(FormSection2, { title: TL.sectionTitle, breakInside: sectionsBreakInside, children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "flex flex-col gap-y-3 text-sm font-ui", children: [
           adventure && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-x-4", children: [
             /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: TL.adventureLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "w-1/2 text-foreground font-medium text-right min-w-0 break-words", children: adventure.name })
@@ -6210,7 +6213,7 @@ function RegistrationSuccessCard({
             /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "w-1/2 text-foreground font-medium text-right min-w-0 break-words", children: traveller.fullName })
           ] })
         ] }) }),
-        sorted.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(FormSection2, { title: answersTitle, children: /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "flex flex-col gap-y-3 text-sm font-ui", children: sorted.map((f) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-x-4", children: [
+        sorted.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(FormSection2, { title: answersTitle, breakInside: sectionsBreakInside, children: /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "flex flex-col gap-y-3 text-sm font-ui", children: sorted.map((f) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-x-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: f.label }),
           /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "w-1/2 text-foreground text-right min-w-0 break-words", children: (formatAnswer != null ? formatAnswer : ((field, v) => defaultFormatAnswer(field, v, dateFormatter, {
             yesLabel: scLabels == null ? void 0 : scLabels.yesLabel,
@@ -6220,7 +6223,7 @@ function RegistrationSuccessCard({
             answers[f.id]
           ) })
         ] }, f.id)) }) }),
-        !isMinimal && terms && /* @__PURE__ */ jsxRuntime.jsx(FormSection2, { title: (_j = termsLabels == null ? void 0 : termsLabels.title) != null ? _j : "Terms & Conditions", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 text-sm font-ui", children: [
+        !isMinimal && terms && /* @__PURE__ */ jsxRuntime.jsx(FormSection2, { title: (_j = termsLabels == null ? void 0 : termsLabels.title) != null ? _j : "Terms & Conditions", breakInside: sectionsBreakInside, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 text-sm font-ui", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
               "inline-flex h-5 w-5 items-center justify-center rounded-full text-white text-xs font-bold",
@@ -6240,8 +6243,8 @@ function RegistrationSuccessCard({
                 "p",
                 {
                   className: cn(
-                    "whitespace-pre-wrap break-words text-foreground font-ui",
-                    isCompact ? "text-xs leading-snug" : "text-sm leading-relaxed"
+                    "whitespace-pre-wrap break-words text-foreground",
+                    termsTypography === "compact-serif" ? "font-serif text-[8pt] leading-tight" : cn("font-ui", isCompact ? "text-xs leading-snug" : "text-sm leading-relaxed")
                   ),
                   children: terms.markdown
                 }