@planetaexo/design-system 0.20.0 → 0.21.0

package/dist/index.d.cts

@@ -1235,8 +1235,24 @@ interface RegistrationSuccessCardProps {
      * campos da interface são ignorados aqui.
      */
     labels?: RegistrationFormLabels;
+    /**
+     * Override de `break-inside` da seção "Trip info" — default `"avoid"` preserva
+     * o comportamento legado (não quebra). Em PDFs onde header + Trip info juntos
+     * podem ultrapassar a 1ª página, passar `"auto"` deixa a quebra fluir
+     * naturalmente em vez de empurrar a seção inteira para a página 2.
+     */
+    tripInfoBreakInside?: "auto" | "avoid";
+    /**
+     * Tipografia do conteúdo do parágrafo de Terms & Conditions.
+     * - `"default"` (padrão): sans-serif (`font-ui`) — usado no fluxo web.
+     * - `"compact-serif"`: serifada (`font-serif`) menor (`text-[8pt]`,
+     *   `leading-tight`) otimizada para PDF impresso/visualização A4.
+     * Apenas o `<p>` do conteúdo é afetado — título da seção e badge
+     * "Accepted/Not accepted" permanecem inalterados.
+     */
+    termsTypography?: "default" | "compact-serif";
 }
-declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, showSuccessIcon, terms, termsLayout, termsLabels, adventure, booking, traveller, tripInfoLabels, density, submissionTimestamps, submissionTimestampsLabels, labels: scLabels, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
+declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, showSuccessIcon, terms, termsLayout, termsLabels, adventure, booking, traveller, tripInfoLabels, density, submissionTimestamps, submissionTimestampsLabels, labels: scLabels, tripInfoBreakInside, termsTypography, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
 
 interface FloatingInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label: string;

package/dist/index.d.ts

@@ -1235,8 +1235,24 @@ interface RegistrationSuccessCardProps {
      * campos da interface são ignorados aqui.
      */
     labels?: RegistrationFormLabels;
+    /**
+     * Override de `break-inside` da seção "Trip info" — default `"avoid"` preserva
+     * o comportamento legado (não quebra). Em PDFs onde header + Trip info juntos
+     * podem ultrapassar a 1ª página, passar `"auto"` deixa a quebra fluir
+     * naturalmente em vez de empurrar a seção inteira para a página 2.
+     */
+    tripInfoBreakInside?: "auto" | "avoid";
+    /**
+     * Tipografia do conteúdo do parágrafo de Terms & Conditions.
+     * - `"default"` (padrão): sans-serif (`font-ui`) — usado no fluxo web.
+     * - `"compact-serif"`: serifada (`font-serif`) menor (`text-[8pt]`,
+     *   `leading-tight`) otimizada para PDF impresso/visualização A4.
+     * Apenas o `<p>` do conteúdo é afetado — título da seção e badge
+     * "Accepted/Not accepted" permanecem inalterados.
+     */
+    termsTypography?: "default" | "compact-serif";
 }
-declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, showSuccessIcon, terms, termsLayout, termsLabels, adventure, booking, traveller, tripInfoLabels, density, submissionTimestamps, submissionTimestampsLabels, labels: scLabels, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
+declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, showSuccessIcon, terms, termsLayout, termsLabels, adventure, booking, traveller, tripInfoLabels, density, submissionTimestamps, submissionTimestampsLabels, labels: scLabels, tripInfoBreakInside, termsTypography, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
 
 interface FloatingInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label: string;

package/dist/index.js

@@ -5160,13 +5160,14 @@ function formatDateRange(adventure, fmt) {
 function FormSection2({
   title,
   children,
-  className
+  className,
+  breakInside = "avoid"
 }) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn("flex flex-col gap-5", className),
-      style: { breakInside: "avoid" },
+      style: { breakInside },
       children: [
         /* @__PURE__ */ jsxs(
           "div",
@@ -6102,7 +6103,9 @@ function RegistrationSuccessCard({
   density = "comfortable",
   submissionTimestamps,
   submissionTimestampsLabels,
-  labels: scLabels
+  labels: scLabels,
+  tripInfoBreakInside = "avoid",
+  termsTypography = "default"
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const isMinimal = variant === "minimal";
@@ -6167,7 +6170,7 @@ function RegistrationSuccessCard({
             /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: submissionTimestamps.lastUpdatedAt })
           ] })
         ] }),
-        hasTripInfo && /* @__PURE__ */ jsx(FormSection2, { title: TL.sectionTitle, children: /* @__PURE__ */ jsxs("dl", { className: "flex flex-col gap-y-3 text-sm font-ui", children: [
+        hasTripInfo && /* @__PURE__ */ jsx(FormSection2, { title: TL.sectionTitle, breakInside: tripInfoBreakInside, children: /* @__PURE__ */ jsxs("dl", { className: "flex flex-col gap-y-3 text-sm font-ui", children: [
           adventure && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-4", children: [
             /* @__PURE__ */ jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: TL.adventureLabel }),
             /* @__PURE__ */ jsx("dd", { className: "w-1/2 text-foreground font-medium text-right min-w-0 break-words", children: adventure.name })
@@ -6219,8 +6222,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
                 }