@unifold/ui-react 0.1.31 → 0.1.33
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.d.mts +19 -3
- package/dist/index.d.ts +19 -3
- package/dist/index.js +1419 -1111
- package/dist/index.mjs +1417 -1107
- package/dist/styles-base.css +1 -1
- package/dist/styles.css +1 -1
- package/package.json +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -82,8 +82,10 @@ interface DepositModalProps {
|
|
|
82
82
|
code?: string;
|
|
83
83
|
}) => void;
|
|
84
84
|
theme?: "light" | "dark" | "auto";
|
|
85
|
+
/** Hide the dialog overlay and close button for inline/embedded mode */
|
|
86
|
+
hideOverlay?: boolean;
|
|
85
87
|
}
|
|
86
|
-
declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableConnectWallet, enablePayWithExchange, onDepositSuccess, onDepositError, theme, }: DepositModalProps): react_jsx_runtime.JSX.Element;
|
|
88
|
+
declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableConnectWallet, enablePayWithExchange, onDepositSuccess, onDepositError, theme, hideOverlay, }: DepositModalProps): react_jsx_runtime.JSX.Element;
|
|
87
89
|
|
|
88
90
|
interface DepositHeaderProps {
|
|
89
91
|
title: string;
|
|
@@ -345,7 +347,7 @@ declare function CurrencyListSection({ title, currencies, selectedCurrency, onSe
|
|
|
345
347
|
|
|
346
348
|
declare const buttonVariants: (props?: ({
|
|
347
349
|
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
348
|
-
size?: "
|
|
350
|
+
size?: "default" | "icon" | "sm" | "lg" | null | undefined;
|
|
349
351
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
350
352
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
351
353
|
asChild?: boolean;
|
|
@@ -357,7 +359,11 @@ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.Dia
|
|
|
357
359
|
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
358
360
|
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
359
361
|
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
360
|
-
|
|
362
|
+
interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
|
|
363
|
+
/** Render inline without portal, overlay, or close button (for embedded/inline mode) */
|
|
364
|
+
hideOverlay?: boolean;
|
|
365
|
+
}
|
|
366
|
+
declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
361
367
|
declare const DialogHeader: {
|
|
362
368
|
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
363
369
|
displayName: string;
|
|
@@ -564,6 +570,9 @@ interface CardTokens {
|
|
|
564
570
|
actionColor: string;
|
|
565
571
|
actionIcon: string;
|
|
566
572
|
descriptionColor: string;
|
|
573
|
+
borderRadius: number;
|
|
574
|
+
borderWidth: number;
|
|
575
|
+
borderColor: string;
|
|
567
576
|
}
|
|
568
577
|
/** Input component tokens */
|
|
569
578
|
interface InputTokens {
|
|
@@ -571,6 +580,8 @@ interface InputTokens {
|
|
|
571
580
|
textColor: string;
|
|
572
581
|
placeholderColor: string;
|
|
573
582
|
borderColor: string;
|
|
583
|
+
borderRadius: number;
|
|
584
|
+
borderWidth: number;
|
|
574
585
|
}
|
|
575
586
|
/** Button component tokens */
|
|
576
587
|
interface ButtonTokens {
|
|
@@ -578,6 +589,9 @@ interface ButtonTokens {
|
|
|
578
589
|
primaryText: string;
|
|
579
590
|
secondaryBackground: string;
|
|
580
591
|
secondaryText: string;
|
|
592
|
+
borderRadius: number;
|
|
593
|
+
borderWidth: number;
|
|
594
|
+
borderColor: string;
|
|
581
595
|
}
|
|
582
596
|
/** Container/status display component tokens */
|
|
583
597
|
interface ContainerTokens {
|
|
@@ -589,6 +603,7 @@ interface ContainerTokens {
|
|
|
589
603
|
buttonTitleColor: string;
|
|
590
604
|
iconBackgroundColor: string;
|
|
591
605
|
iconColor: string;
|
|
606
|
+
borderRadius: number;
|
|
592
607
|
}
|
|
593
608
|
/** Search component tokens */
|
|
594
609
|
interface SearchTokens {
|
|
@@ -599,6 +614,7 @@ interface SearchTokens {
|
|
|
599
614
|
/** List component tokens */
|
|
600
615
|
interface ListTokens {
|
|
601
616
|
titleSectionColor: string;
|
|
617
|
+
rowBorderRadius: number;
|
|
602
618
|
}
|
|
603
619
|
/** All resolved component tokens */
|
|
604
620
|
interface ComponentTokens {
|
package/dist/index.d.ts
CHANGED
|
@@ -82,8 +82,10 @@ interface DepositModalProps {
|
|
|
82
82
|
code?: string;
|
|
83
83
|
}) => void;
|
|
84
84
|
theme?: "light" | "dark" | "auto";
|
|
85
|
+
/** Hide the dialog overlay and close button for inline/embedded mode */
|
|
86
|
+
hideOverlay?: boolean;
|
|
85
87
|
}
|
|
86
|
-
declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableConnectWallet, enablePayWithExchange, onDepositSuccess, onDepositError, theme, }: DepositModalProps): react_jsx_runtime.JSX.Element;
|
|
88
|
+
declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableConnectWallet, enablePayWithExchange, onDepositSuccess, onDepositError, theme, hideOverlay, }: DepositModalProps): react_jsx_runtime.JSX.Element;
|
|
87
89
|
|
|
88
90
|
interface DepositHeaderProps {
|
|
89
91
|
title: string;
|
|
@@ -345,7 +347,7 @@ declare function CurrencyListSection({ title, currencies, selectedCurrency, onSe
|
|
|
345
347
|
|
|
346
348
|
declare const buttonVariants: (props?: ({
|
|
347
349
|
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
348
|
-
size?: "
|
|
350
|
+
size?: "default" | "icon" | "sm" | "lg" | null | undefined;
|
|
349
351
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
350
352
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
351
353
|
asChild?: boolean;
|
|
@@ -357,7 +359,11 @@ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.Dia
|
|
|
357
359
|
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
358
360
|
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
359
361
|
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
360
|
-
|
|
362
|
+
interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
|
|
363
|
+
/** Render inline without portal, overlay, or close button (for embedded/inline mode) */
|
|
364
|
+
hideOverlay?: boolean;
|
|
365
|
+
}
|
|
366
|
+
declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
361
367
|
declare const DialogHeader: {
|
|
362
368
|
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
363
369
|
displayName: string;
|
|
@@ -564,6 +570,9 @@ interface CardTokens {
|
|
|
564
570
|
actionColor: string;
|
|
565
571
|
actionIcon: string;
|
|
566
572
|
descriptionColor: string;
|
|
573
|
+
borderRadius: number;
|
|
574
|
+
borderWidth: number;
|
|
575
|
+
borderColor: string;
|
|
567
576
|
}
|
|
568
577
|
/** Input component tokens */
|
|
569
578
|
interface InputTokens {
|
|
@@ -571,6 +580,8 @@ interface InputTokens {
|
|
|
571
580
|
textColor: string;
|
|
572
581
|
placeholderColor: string;
|
|
573
582
|
borderColor: string;
|
|
583
|
+
borderRadius: number;
|
|
584
|
+
borderWidth: number;
|
|
574
585
|
}
|
|
575
586
|
/** Button component tokens */
|
|
576
587
|
interface ButtonTokens {
|
|
@@ -578,6 +589,9 @@ interface ButtonTokens {
|
|
|
578
589
|
primaryText: string;
|
|
579
590
|
secondaryBackground: string;
|
|
580
591
|
secondaryText: string;
|
|
592
|
+
borderRadius: number;
|
|
593
|
+
borderWidth: number;
|
|
594
|
+
borderColor: string;
|
|
581
595
|
}
|
|
582
596
|
/** Container/status display component tokens */
|
|
583
597
|
interface ContainerTokens {
|
|
@@ -589,6 +603,7 @@ interface ContainerTokens {
|
|
|
589
603
|
buttonTitleColor: string;
|
|
590
604
|
iconBackgroundColor: string;
|
|
591
605
|
iconColor: string;
|
|
606
|
+
borderRadius: number;
|
|
592
607
|
}
|
|
593
608
|
/** Search component tokens */
|
|
594
609
|
interface SearchTokens {
|
|
@@ -599,6 +614,7 @@ interface SearchTokens {
|
|
|
599
614
|
/** List component tokens */
|
|
600
615
|
interface ListTokens {
|
|
601
616
|
titleSectionColor: string;
|
|
617
|
+
rowBorderRadius: number;
|
|
602
618
|
}
|
|
603
619
|
/** All resolved component tokens */
|
|
604
620
|
interface ComponentTokens {
|