@planetaexo/design-system 0.17.0 → 0.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +2 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +11 -1
- package/dist/index.d.ts +11 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1125,6 +1125,16 @@ interface RegistrationSuccessCardProps {
|
|
|
1125
1125
|
/** Logo URL displayed above the title. Pass `null` to hide the logo. */
|
|
1126
1126
|
logo?: string | null;
|
|
1127
1127
|
logoAlt?: string;
|
|
1128
|
+
/**
|
|
1129
|
+
* Controls the green success check icon rendered above the title.
|
|
1130
|
+
* - `undefined` (default): legacy behavior — check renders only when `logo === undefined`
|
|
1131
|
+
* (i.e. only when no logo is passed at all). Preserves backward compatibility for
|
|
1132
|
+
* callers that pass a custom `logo` URL expecting it to replace the check.
|
|
1133
|
+
* - `true`: always renders the check icon, independently of `logo`. Use this when you
|
|
1134
|
+
* want a standalone logo (rendered outside the card) but still want the check inside.
|
|
1135
|
+
* - `false`: never renders the check icon.
|
|
1136
|
+
*/
|
|
1137
|
+
showSuccessIcon?: boolean;
|
|
1128
1138
|
/** Terms section rendered at the bottom of the card. */
|
|
1129
1139
|
terms?: {
|
|
1130
1140
|
markdown: string;
|
|
@@ -1181,7 +1191,7 @@ interface RegistrationSuccessCardProps {
|
|
|
1181
1191
|
*/
|
|
1182
1192
|
labels?: RegistrationFormLabels;
|
|
1183
1193
|
}
|
|
1184
|
-
declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, terms, termsLayout, termsLabels, adventure, booking, traveller, tripInfoLabels, density, submissionTimestamps, submissionTimestampsLabels, labels: scLabels, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
|
|
1194
|
+
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;
|
|
1185
1195
|
|
|
1186
1196
|
interface FloatingInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
1187
1197
|
label: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -1125,6 +1125,16 @@ interface RegistrationSuccessCardProps {
|
|
|
1125
1125
|
/** Logo URL displayed above the title. Pass `null` to hide the logo. */
|
|
1126
1126
|
logo?: string | null;
|
|
1127
1127
|
logoAlt?: string;
|
|
1128
|
+
/**
|
|
1129
|
+
* Controls the green success check icon rendered above the title.
|
|
1130
|
+
* - `undefined` (default): legacy behavior — check renders only when `logo === undefined`
|
|
1131
|
+
* (i.e. only when no logo is passed at all). Preserves backward compatibility for
|
|
1132
|
+
* callers that pass a custom `logo` URL expecting it to replace the check.
|
|
1133
|
+
* - `true`: always renders the check icon, independently of `logo`. Use this when you
|
|
1134
|
+
* want a standalone logo (rendered outside the card) but still want the check inside.
|
|
1135
|
+
* - `false`: never renders the check icon.
|
|
1136
|
+
*/
|
|
1137
|
+
showSuccessIcon?: boolean;
|
|
1128
1138
|
/** Terms section rendered at the bottom of the card. */
|
|
1129
1139
|
terms?: {
|
|
1130
1140
|
markdown: string;
|
|
@@ -1181,7 +1191,7 @@ interface RegistrationSuccessCardProps {
|
|
|
1181
1191
|
*/
|
|
1182
1192
|
labels?: RegistrationFormLabels;
|
|
1183
1193
|
}
|
|
1184
|
-
declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, terms, termsLayout, termsLabels, adventure, booking, traveller, tripInfoLabels, density, submissionTimestamps, submissionTimestampsLabels, labels: scLabels, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
|
|
1194
|
+
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;
|
|
1185
1195
|
|
|
1186
1196
|
interface FloatingInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
1187
1197
|
label: string;
|
package/dist/index.js
CHANGED
|
@@ -6045,6 +6045,7 @@ function RegistrationSuccessCard({
|
|
|
6045
6045
|
actions,
|
|
6046
6046
|
logo,
|
|
6047
6047
|
logoAlt = "PlanetaEXO",
|
|
6048
|
+
showSuccessIcon,
|
|
6048
6049
|
terms,
|
|
6049
6050
|
termsLayout = "summary",
|
|
6050
6051
|
termsLabels,
|
|
@@ -6098,7 +6099,7 @@ function RegistrationSuccessCard({
|
|
|
6098
6099
|
className: "h-10 w-auto object-contain"
|
|
6099
6100
|
}
|
|
6100
6101
|
),
|
|
6101
|
-
logo === void 0 && /* @__PURE__ */ jsx("div", { className: "inline-flex h-14 w-14 items-center justify-center rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(CircleCheckIcon, { size: 28 }) }),
|
|
6102
|
+
(showSuccessIcon != null ? showSuccessIcon : logo === void 0) && /* @__PURE__ */ jsx("div", { className: "inline-flex h-14 w-14 items-center justify-center rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(CircleCheckIcon, { size: 28 }) }),
|
|
6102
6103
|
/* @__PURE__ */ jsx("h2", { className: "text-2xl font-black uppercase tracking-wide text-foreground font-heading leading-tight", children: title }),
|
|
6103
6104
|
message && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground font-ui", children: message })
|
|
6104
6105
|
] }),
|