@deframe-sdk/components 0.1.26 → 0.1.28
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 +4 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.js +80 -28
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +80 -29
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +6 -0
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1425,6 +1425,7 @@ interface NetworkOption {
|
|
|
1425
1425
|
|
|
1426
1426
|
interface ChooseNetworkAndAssetLabels {
|
|
1427
1427
|
title: string;
|
|
1428
|
+
subtitle?: string;
|
|
1428
1429
|
searchPlaceholder: string;
|
|
1429
1430
|
searchingText: string;
|
|
1430
1431
|
loadMoreButton: string;
|
|
@@ -2004,6 +2005,8 @@ interface EarnPositionCardViewProps {
|
|
|
2004
2005
|
}
|
|
2005
2006
|
declare const EarnPositionCardView: React__default.FC<EarnPositionCardViewProps>;
|
|
2006
2007
|
|
|
2008
|
+
declare const EarnFlowSkeletonSimple: React__default.FC;
|
|
2009
|
+
|
|
2007
2010
|
interface EarnDepositFormViewProps {
|
|
2008
2011
|
headerTitle: string;
|
|
2009
2012
|
onBack?: () => void;
|
|
@@ -2482,4 +2485,4 @@ interface DeframeTheme {
|
|
|
2482
2485
|
colors?: DeframeThemeColors;
|
|
2483
2486
|
}
|
|
2484
2487
|
|
|
2485
|
-
export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, ApyRange, type ApyRangeProps, BackButton, type BackButtonProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, type ChainItem, Chip, ChipGroup, type ChipGroupProps, type ChipOption, type ChipProps, type ChooseANetworkLabels, ChooseANetworkView, type ChooseANetworkViewProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, type ChooseNetworkAndAssetLabels, ChooseNetworkAndAssetViewSimple, type ChooseNetworkAndAssetViewSimpleProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, type ConfirmSwapButtonLabels, ConfirmSwapButtonView, type ConfirmSwapButtonViewProps, ConfirmSwapButtonViewSimple, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DashboardBalancesBreakdown, type DashboardBalancesBreakdownProps, DashboardCard, type DashboardCardProps, DashboardInvestmentOpportunitiesView, type DashboardInvestmentOpportunitiesViewProps, DashboardPortfolioView, type DashboardPortfolioViewProps, DashboardPortfolioViewSimple, DashboardRecentTransactionsView, type DashboardRecentTransactionsViewProps, DashboardRecentTransactionsViewSimple, DashboardStrategiesListView, type DashboardStrategiesListViewProps, type DashboardStrategyItem, type DashboardTokenItem, DashboardTokenListView, type DashboardTokenListViewProps, DashboardTokensView, type DashboardTokensViewProps, DashboardTokensViewSimple, type DashboardTransactionItemViewData, DashboardTransactionsPlaceholder, DashboardView, type DashboardViewProps, DashboardViewSimple, type DashboardViewSimpleProps, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, type DetailItem, DetailsHeader, type DetailsHeaderProps, EarnAmountInputView, type EarnAmountInputViewProps, EarnBalanceCard, type EarnBalanceCardProps, EarnBytecodeErrorView, type EarnBytecodeErrorViewProps, EarnDepositFailedSimpleView, EarnDepositFailedView, type EarnDepositFailedViewProps, EarnDepositFormView, type EarnDepositFormViewProps, EarnDepositFormViewSimple, EarnDepositProcessingSimpleView, EarnDepositProcessingView, type EarnDepositProcessingViewProps, EarnDepositSuccessSimpleView, EarnDepositSuccessView, type EarnDepositSuccessViewProps, EarnDepositWarningSimpleView, EarnDepositWarningView, type EarnDepositWarningViewProps, EarnDesktopView, type EarnDesktopViewProps, type EarnExploreGridItem, EarnExploreGridView, type EarnExploreGridViewProps, type EarnInvestedSectionItem, EarnInvestedSectionView, type EarnInvestedSectionViewProps, type EarnInvestmentDetailsTransaction, EarnInvestmentDetailsView, type EarnInvestmentDetailsViewProps, EarnInvestmentSummaryView, type EarnInvestmentSummaryViewProps, EarnNoBalanceNotificationView, type EarnNoBalanceNotificationViewProps, EarnOverviewView, type EarnOverviewViewProps, EarnPercentageButtonsView, type EarnPercentageButtonsViewProps, EarnPositionCardView, type EarnPositionCardViewProps, EarnRecentTransactionsView, type EarnRecentTransactionsViewProps, EarnTokenSelectorView, type EarnTokenSelectorViewProps, EarnTxStatusCardView, type EarnTxStatusCardViewProps, EarnWithdrawFailedSimpleView, EarnWithdrawFailedView, type EarnWithdrawFailedViewProps, EarnWithdrawFormView, type EarnWithdrawFormViewProps, EarnWithdrawFormViewSimple, EarnWithdrawProcessingSimpleView, EarnWithdrawProcessingView, type EarnWithdrawProcessingViewProps, EarnWithdrawSuccessSimpleView, EarnWithdrawSuccessView, type EarnWithdrawSuccessViewProps, EarnWithdrawTokenSelectorView, type EarnWithdrawTokenSelectorViewProps, EarnWithdrawWarningSimpleView, EarnWithdrawWarningView, type EarnWithdrawWarningViewProps, type ExploreStrategyViewItem, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, type GroupedInvestedItem, type GroupedStrategyItem, type GroupedStrategyListItem, GroupedStrategyListView, type GroupedStrategyListViewProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsStatus, type HistoryDetailsViewProps, HistoryListSkeleton, HistoryListView, type HistoryListViewGroup, type HistoryListViewItem, type HistoryListViewProps, type HistorySwapDetailsLabels, HistorySwapDetailsView, type HistorySwapDetailsViewProps, HistoryTabEmpty, type HistoryTabEmptyProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input, type InputFieldRegistration, type InputProps, InvestmentCrossChainProcessingView, type InvestmentCrossChainProcessingViewProps, Label, type LabelProps, type LabelVariant, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, Navbar, type NavbarProps, type NetworkOption, PercentageButton, PrimaryButton, ProcessingBadge, type ProcessingBadgeProps, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, StrategyGridCard, type StrategyGridCardProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAdvancedSettingsView, type SwapAdvancedSettingsViewProps, SwapAmountInputView, type SwapAmountInputViewProps, type SwapCardLabels, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, type SwapFormLabels, SwapFormView, type SwapFormViewProps, SwapFormViewSimple, SwapFromCardView, type SwapFromCardViewProps, SwapFromCardViewSimple, type SwapFromCardViewSimpleProps, type SwapHistoryItem, type SwapHistoryLabels, SwapHistoryView, type SwapHistoryViewProps, type SwapNetworkSelectorViewProps, type SwapOutputAmountViewProps, SwapProcessingView, type SwapProcessingViewProps, SwapProcessingViewSimple, type SwapQuoteBlockchainCostsViewProps, type SwapQuoteDetailsLabels, SwapQuoteDetailsView, type SwapQuoteDetailsViewProps, type SwapQuoteErrorsViewProps, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSignatureWarningViewSimple, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapSuccessViewSimple, SwapToCardView, type SwapToCardViewProps, SwapToCardViewSimple, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, SwapTransactionFailedViewSimple, type SwapValidationCode, SwapWidgetFallbackView, type SwapWidgetFallbackViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, type WalletBalanceItem, WalletBalances, type WalletBalancesProps, WalletConnectPanel, type WalletConnectPanelProps, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, isDustValue };
|
|
2488
|
+
export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, ApyRange, type ApyRangeProps, BackButton, type BackButtonProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, type ChainItem, Chip, ChipGroup, type ChipGroupProps, type ChipOption, type ChipProps, type ChooseANetworkLabels, ChooseANetworkView, type ChooseANetworkViewProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, type ChooseNetworkAndAssetLabels, ChooseNetworkAndAssetViewSimple, type ChooseNetworkAndAssetViewSimpleProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, type ConfirmSwapButtonLabels, ConfirmSwapButtonView, type ConfirmSwapButtonViewProps, ConfirmSwapButtonViewSimple, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DashboardBalancesBreakdown, type DashboardBalancesBreakdownProps, DashboardCard, type DashboardCardProps, DashboardInvestmentOpportunitiesView, type DashboardInvestmentOpportunitiesViewProps, DashboardPortfolioView, type DashboardPortfolioViewProps, DashboardPortfolioViewSimple, DashboardRecentTransactionsView, type DashboardRecentTransactionsViewProps, DashboardRecentTransactionsViewSimple, DashboardStrategiesListView, type DashboardStrategiesListViewProps, type DashboardStrategyItem, type DashboardTokenItem, DashboardTokenListView, type DashboardTokenListViewProps, DashboardTokensView, type DashboardTokensViewProps, DashboardTokensViewSimple, type DashboardTransactionItemViewData, DashboardTransactionsPlaceholder, DashboardView, type DashboardViewProps, DashboardViewSimple, type DashboardViewSimpleProps, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, type DetailItem, DetailsHeader, type DetailsHeaderProps, EarnAmountInputView, type EarnAmountInputViewProps, EarnBalanceCard, type EarnBalanceCardProps, EarnBytecodeErrorView, type EarnBytecodeErrorViewProps, EarnDepositFailedSimpleView, EarnDepositFailedView, type EarnDepositFailedViewProps, EarnDepositFormView, type EarnDepositFormViewProps, EarnDepositFormViewSimple, EarnDepositProcessingSimpleView, EarnDepositProcessingView, type EarnDepositProcessingViewProps, EarnDepositSuccessSimpleView, EarnDepositSuccessView, type EarnDepositSuccessViewProps, EarnDepositWarningSimpleView, EarnDepositWarningView, type EarnDepositWarningViewProps, EarnDesktopView, type EarnDesktopViewProps, type EarnExploreGridItem, EarnExploreGridView, type EarnExploreGridViewProps, EarnFlowSkeletonSimple, type EarnInvestedSectionItem, EarnInvestedSectionView, type EarnInvestedSectionViewProps, type EarnInvestmentDetailsTransaction, EarnInvestmentDetailsView, type EarnInvestmentDetailsViewProps, EarnInvestmentSummaryView, type EarnInvestmentSummaryViewProps, EarnNoBalanceNotificationView, type EarnNoBalanceNotificationViewProps, EarnOverviewView, type EarnOverviewViewProps, EarnPercentageButtonsView, type EarnPercentageButtonsViewProps, EarnPositionCardView, type EarnPositionCardViewProps, EarnRecentTransactionsView, type EarnRecentTransactionsViewProps, EarnTokenSelectorView, type EarnTokenSelectorViewProps, EarnTxStatusCardView, type EarnTxStatusCardViewProps, EarnWithdrawFailedSimpleView, EarnWithdrawFailedView, type EarnWithdrawFailedViewProps, EarnWithdrawFormView, type EarnWithdrawFormViewProps, EarnWithdrawFormViewSimple, EarnWithdrawProcessingSimpleView, EarnWithdrawProcessingView, type EarnWithdrawProcessingViewProps, EarnWithdrawSuccessSimpleView, EarnWithdrawSuccessView, type EarnWithdrawSuccessViewProps, EarnWithdrawTokenSelectorView, type EarnWithdrawTokenSelectorViewProps, EarnWithdrawWarningSimpleView, EarnWithdrawWarningView, type EarnWithdrawWarningViewProps, type ExploreStrategyViewItem, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, type GroupedInvestedItem, type GroupedStrategyItem, type GroupedStrategyListItem, GroupedStrategyListView, type GroupedStrategyListViewProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsStatus, type HistoryDetailsViewProps, HistoryListSkeleton, HistoryListView, type HistoryListViewGroup, type HistoryListViewItem, type HistoryListViewProps, type HistorySwapDetailsLabels, HistorySwapDetailsView, type HistorySwapDetailsViewProps, HistoryTabEmpty, type HistoryTabEmptyProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input, type InputFieldRegistration, type InputProps, InvestmentCrossChainProcessingView, type InvestmentCrossChainProcessingViewProps, Label, type LabelProps, type LabelVariant, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, Navbar, type NavbarProps, type NetworkOption, PercentageButton, PrimaryButton, ProcessingBadge, type ProcessingBadgeProps, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, StrategyGridCard, type StrategyGridCardProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAdvancedSettingsView, type SwapAdvancedSettingsViewProps, SwapAmountInputView, type SwapAmountInputViewProps, type SwapCardLabels, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, type SwapFormLabels, SwapFormView, type SwapFormViewProps, SwapFormViewSimple, SwapFromCardView, type SwapFromCardViewProps, SwapFromCardViewSimple, type SwapFromCardViewSimpleProps, type SwapHistoryItem, type SwapHistoryLabels, SwapHistoryView, type SwapHistoryViewProps, type SwapNetworkSelectorViewProps, type SwapOutputAmountViewProps, SwapProcessingView, type SwapProcessingViewProps, SwapProcessingViewSimple, type SwapQuoteBlockchainCostsViewProps, type SwapQuoteDetailsLabels, SwapQuoteDetailsView, type SwapQuoteDetailsViewProps, type SwapQuoteErrorsViewProps, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSignatureWarningViewSimple, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapSuccessViewSimple, SwapToCardView, type SwapToCardViewProps, SwapToCardViewSimple, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, SwapTransactionFailedViewSimple, type SwapValidationCode, SwapWidgetFallbackView, type SwapWidgetFallbackViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, type WalletBalanceItem, WalletBalances, type WalletBalancesProps, WalletConnectPanel, type WalletConnectPanelProps, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, isDustValue };
|
package/dist/index.d.ts
CHANGED
|
@@ -1425,6 +1425,7 @@ interface NetworkOption {
|
|
|
1425
1425
|
|
|
1426
1426
|
interface ChooseNetworkAndAssetLabels {
|
|
1427
1427
|
title: string;
|
|
1428
|
+
subtitle?: string;
|
|
1428
1429
|
searchPlaceholder: string;
|
|
1429
1430
|
searchingText: string;
|
|
1430
1431
|
loadMoreButton: string;
|
|
@@ -2004,6 +2005,8 @@ interface EarnPositionCardViewProps {
|
|
|
2004
2005
|
}
|
|
2005
2006
|
declare const EarnPositionCardView: React__default.FC<EarnPositionCardViewProps>;
|
|
2006
2007
|
|
|
2008
|
+
declare const EarnFlowSkeletonSimple: React__default.FC;
|
|
2009
|
+
|
|
2007
2010
|
interface EarnDepositFormViewProps {
|
|
2008
2011
|
headerTitle: string;
|
|
2009
2012
|
onBack?: () => void;
|
|
@@ -2482,4 +2485,4 @@ interface DeframeTheme {
|
|
|
2482
2485
|
colors?: DeframeThemeColors;
|
|
2483
2486
|
}
|
|
2484
2487
|
|
|
2485
|
-
export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, ApyRange, type ApyRangeProps, BackButton, type BackButtonProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, type ChainItem, Chip, ChipGroup, type ChipGroupProps, type ChipOption, type ChipProps, type ChooseANetworkLabels, ChooseANetworkView, type ChooseANetworkViewProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, type ChooseNetworkAndAssetLabels, ChooseNetworkAndAssetViewSimple, type ChooseNetworkAndAssetViewSimpleProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, type ConfirmSwapButtonLabels, ConfirmSwapButtonView, type ConfirmSwapButtonViewProps, ConfirmSwapButtonViewSimple, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DashboardBalancesBreakdown, type DashboardBalancesBreakdownProps, DashboardCard, type DashboardCardProps, DashboardInvestmentOpportunitiesView, type DashboardInvestmentOpportunitiesViewProps, DashboardPortfolioView, type DashboardPortfolioViewProps, DashboardPortfolioViewSimple, DashboardRecentTransactionsView, type DashboardRecentTransactionsViewProps, DashboardRecentTransactionsViewSimple, DashboardStrategiesListView, type DashboardStrategiesListViewProps, type DashboardStrategyItem, type DashboardTokenItem, DashboardTokenListView, type DashboardTokenListViewProps, DashboardTokensView, type DashboardTokensViewProps, DashboardTokensViewSimple, type DashboardTransactionItemViewData, DashboardTransactionsPlaceholder, DashboardView, type DashboardViewProps, DashboardViewSimple, type DashboardViewSimpleProps, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, type DetailItem, DetailsHeader, type DetailsHeaderProps, EarnAmountInputView, type EarnAmountInputViewProps, EarnBalanceCard, type EarnBalanceCardProps, EarnBytecodeErrorView, type EarnBytecodeErrorViewProps, EarnDepositFailedSimpleView, EarnDepositFailedView, type EarnDepositFailedViewProps, EarnDepositFormView, type EarnDepositFormViewProps, EarnDepositFormViewSimple, EarnDepositProcessingSimpleView, EarnDepositProcessingView, type EarnDepositProcessingViewProps, EarnDepositSuccessSimpleView, EarnDepositSuccessView, type EarnDepositSuccessViewProps, EarnDepositWarningSimpleView, EarnDepositWarningView, type EarnDepositWarningViewProps, EarnDesktopView, type EarnDesktopViewProps, type EarnExploreGridItem, EarnExploreGridView, type EarnExploreGridViewProps, type EarnInvestedSectionItem, EarnInvestedSectionView, type EarnInvestedSectionViewProps, type EarnInvestmentDetailsTransaction, EarnInvestmentDetailsView, type EarnInvestmentDetailsViewProps, EarnInvestmentSummaryView, type EarnInvestmentSummaryViewProps, EarnNoBalanceNotificationView, type EarnNoBalanceNotificationViewProps, EarnOverviewView, type EarnOverviewViewProps, EarnPercentageButtonsView, type EarnPercentageButtonsViewProps, EarnPositionCardView, type EarnPositionCardViewProps, EarnRecentTransactionsView, type EarnRecentTransactionsViewProps, EarnTokenSelectorView, type EarnTokenSelectorViewProps, EarnTxStatusCardView, type EarnTxStatusCardViewProps, EarnWithdrawFailedSimpleView, EarnWithdrawFailedView, type EarnWithdrawFailedViewProps, EarnWithdrawFormView, type EarnWithdrawFormViewProps, EarnWithdrawFormViewSimple, EarnWithdrawProcessingSimpleView, EarnWithdrawProcessingView, type EarnWithdrawProcessingViewProps, EarnWithdrawSuccessSimpleView, EarnWithdrawSuccessView, type EarnWithdrawSuccessViewProps, EarnWithdrawTokenSelectorView, type EarnWithdrawTokenSelectorViewProps, EarnWithdrawWarningSimpleView, EarnWithdrawWarningView, type EarnWithdrawWarningViewProps, type ExploreStrategyViewItem, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, type GroupedInvestedItem, type GroupedStrategyItem, type GroupedStrategyListItem, GroupedStrategyListView, type GroupedStrategyListViewProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsStatus, type HistoryDetailsViewProps, HistoryListSkeleton, HistoryListView, type HistoryListViewGroup, type HistoryListViewItem, type HistoryListViewProps, type HistorySwapDetailsLabels, HistorySwapDetailsView, type HistorySwapDetailsViewProps, HistoryTabEmpty, type HistoryTabEmptyProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input, type InputFieldRegistration, type InputProps, InvestmentCrossChainProcessingView, type InvestmentCrossChainProcessingViewProps, Label, type LabelProps, type LabelVariant, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, Navbar, type NavbarProps, type NetworkOption, PercentageButton, PrimaryButton, ProcessingBadge, type ProcessingBadgeProps, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, StrategyGridCard, type StrategyGridCardProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAdvancedSettingsView, type SwapAdvancedSettingsViewProps, SwapAmountInputView, type SwapAmountInputViewProps, type SwapCardLabels, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, type SwapFormLabels, SwapFormView, type SwapFormViewProps, SwapFormViewSimple, SwapFromCardView, type SwapFromCardViewProps, SwapFromCardViewSimple, type SwapFromCardViewSimpleProps, type SwapHistoryItem, type SwapHistoryLabels, SwapHistoryView, type SwapHistoryViewProps, type SwapNetworkSelectorViewProps, type SwapOutputAmountViewProps, SwapProcessingView, type SwapProcessingViewProps, SwapProcessingViewSimple, type SwapQuoteBlockchainCostsViewProps, type SwapQuoteDetailsLabels, SwapQuoteDetailsView, type SwapQuoteDetailsViewProps, type SwapQuoteErrorsViewProps, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSignatureWarningViewSimple, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapSuccessViewSimple, SwapToCardView, type SwapToCardViewProps, SwapToCardViewSimple, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, SwapTransactionFailedViewSimple, type SwapValidationCode, SwapWidgetFallbackView, type SwapWidgetFallbackViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, type WalletBalanceItem, WalletBalances, type WalletBalancesProps, WalletConnectPanel, type WalletConnectPanelProps, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, isDustValue };
|
|
2488
|
+
export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, ApyRange, type ApyRangeProps, BackButton, type BackButtonProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, type ChainItem, Chip, ChipGroup, type ChipGroupProps, type ChipOption, type ChipProps, type ChooseANetworkLabels, ChooseANetworkView, type ChooseANetworkViewProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, type ChooseNetworkAndAssetLabels, ChooseNetworkAndAssetViewSimple, type ChooseNetworkAndAssetViewSimpleProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, type ConfirmSwapButtonLabels, ConfirmSwapButtonView, type ConfirmSwapButtonViewProps, ConfirmSwapButtonViewSimple, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DashboardBalancesBreakdown, type DashboardBalancesBreakdownProps, DashboardCard, type DashboardCardProps, DashboardInvestmentOpportunitiesView, type DashboardInvestmentOpportunitiesViewProps, DashboardPortfolioView, type DashboardPortfolioViewProps, DashboardPortfolioViewSimple, DashboardRecentTransactionsView, type DashboardRecentTransactionsViewProps, DashboardRecentTransactionsViewSimple, DashboardStrategiesListView, type DashboardStrategiesListViewProps, type DashboardStrategyItem, type DashboardTokenItem, DashboardTokenListView, type DashboardTokenListViewProps, DashboardTokensView, type DashboardTokensViewProps, DashboardTokensViewSimple, type DashboardTransactionItemViewData, DashboardTransactionsPlaceholder, DashboardView, type DashboardViewProps, DashboardViewSimple, type DashboardViewSimpleProps, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, type DetailItem, DetailsHeader, type DetailsHeaderProps, EarnAmountInputView, type EarnAmountInputViewProps, EarnBalanceCard, type EarnBalanceCardProps, EarnBytecodeErrorView, type EarnBytecodeErrorViewProps, EarnDepositFailedSimpleView, EarnDepositFailedView, type EarnDepositFailedViewProps, EarnDepositFormView, type EarnDepositFormViewProps, EarnDepositFormViewSimple, EarnDepositProcessingSimpleView, EarnDepositProcessingView, type EarnDepositProcessingViewProps, EarnDepositSuccessSimpleView, EarnDepositSuccessView, type EarnDepositSuccessViewProps, EarnDepositWarningSimpleView, EarnDepositWarningView, type EarnDepositWarningViewProps, EarnDesktopView, type EarnDesktopViewProps, type EarnExploreGridItem, EarnExploreGridView, type EarnExploreGridViewProps, EarnFlowSkeletonSimple, type EarnInvestedSectionItem, EarnInvestedSectionView, type EarnInvestedSectionViewProps, type EarnInvestmentDetailsTransaction, EarnInvestmentDetailsView, type EarnInvestmentDetailsViewProps, EarnInvestmentSummaryView, type EarnInvestmentSummaryViewProps, EarnNoBalanceNotificationView, type EarnNoBalanceNotificationViewProps, EarnOverviewView, type EarnOverviewViewProps, EarnPercentageButtonsView, type EarnPercentageButtonsViewProps, EarnPositionCardView, type EarnPositionCardViewProps, EarnRecentTransactionsView, type EarnRecentTransactionsViewProps, EarnTokenSelectorView, type EarnTokenSelectorViewProps, EarnTxStatusCardView, type EarnTxStatusCardViewProps, EarnWithdrawFailedSimpleView, EarnWithdrawFailedView, type EarnWithdrawFailedViewProps, EarnWithdrawFormView, type EarnWithdrawFormViewProps, EarnWithdrawFormViewSimple, EarnWithdrawProcessingSimpleView, EarnWithdrawProcessingView, type EarnWithdrawProcessingViewProps, EarnWithdrawSuccessSimpleView, EarnWithdrawSuccessView, type EarnWithdrawSuccessViewProps, EarnWithdrawTokenSelectorView, type EarnWithdrawTokenSelectorViewProps, EarnWithdrawWarningSimpleView, EarnWithdrawWarningView, type EarnWithdrawWarningViewProps, type ExploreStrategyViewItem, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, type GroupedInvestedItem, type GroupedStrategyItem, type GroupedStrategyListItem, GroupedStrategyListView, type GroupedStrategyListViewProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsStatus, type HistoryDetailsViewProps, HistoryListSkeleton, HistoryListView, type HistoryListViewGroup, type HistoryListViewItem, type HistoryListViewProps, type HistorySwapDetailsLabels, HistorySwapDetailsView, type HistorySwapDetailsViewProps, HistoryTabEmpty, type HistoryTabEmptyProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input, type InputFieldRegistration, type InputProps, InvestmentCrossChainProcessingView, type InvestmentCrossChainProcessingViewProps, Label, type LabelProps, type LabelVariant, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, Navbar, type NavbarProps, type NetworkOption, PercentageButton, PrimaryButton, ProcessingBadge, type ProcessingBadgeProps, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, StrategyGridCard, type StrategyGridCardProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAdvancedSettingsView, type SwapAdvancedSettingsViewProps, SwapAmountInputView, type SwapAmountInputViewProps, type SwapCardLabels, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, type SwapFormLabels, SwapFormView, type SwapFormViewProps, SwapFormViewSimple, SwapFromCardView, type SwapFromCardViewProps, SwapFromCardViewSimple, type SwapFromCardViewSimpleProps, type SwapHistoryItem, type SwapHistoryLabels, SwapHistoryView, type SwapHistoryViewProps, type SwapNetworkSelectorViewProps, type SwapOutputAmountViewProps, SwapProcessingView, type SwapProcessingViewProps, SwapProcessingViewSimple, type SwapQuoteBlockchainCostsViewProps, type SwapQuoteDetailsLabels, SwapQuoteDetailsView, type SwapQuoteDetailsViewProps, type SwapQuoteErrorsViewProps, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSignatureWarningViewSimple, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapSuccessViewSimple, SwapToCardView, type SwapToCardViewProps, SwapToCardViewSimple, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, SwapTransactionFailedViewSimple, type SwapValidationCode, SwapWidgetFallbackView, type SwapWidgetFallbackViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, type WalletBalanceItem, WalletBalances, type WalletBalancesProps, WalletConnectPanel, type WalletConnectPanelProps, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, isDustValue };
|
package/dist/index.js
CHANGED
|
@@ -1562,7 +1562,7 @@ var Skeleton = (_a) => {
|
|
|
1562
1562
|
width = "100%",
|
|
1563
1563
|
height = "1rem",
|
|
1564
1564
|
variant = "text",
|
|
1565
|
-
shimmer = true,
|
|
1565
|
+
shimmer: shimmer2 = true,
|
|
1566
1566
|
className,
|
|
1567
1567
|
style
|
|
1568
1568
|
} = _b, props = __objRest(_b, [
|
|
@@ -1588,7 +1588,7 @@ var Skeleton = (_a) => {
|
|
|
1588
1588
|
background: defaultGradient
|
|
1589
1589
|
}, style)
|
|
1590
1590
|
}, props), {
|
|
1591
|
-
children:
|
|
1591
|
+
children: shimmer2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 animate-shimmer bg-gradient-to-r from-transparent via-[color-mix(in srgb, var(--deframe-widget-color-bg-tertiary) 92%, transparent)] to-transparent" })
|
|
1592
1592
|
})
|
|
1593
1593
|
);
|
|
1594
1594
|
};
|
|
@@ -7042,14 +7042,24 @@ function ChooseNetworkAndAssetViewSimple({
|
|
|
7042
7042
|
"data-test-id": "sheet-header",
|
|
7043
7043
|
className: "flex items-center justify-between pt-[var(--deframe-widget-size-padding-y-xs)].5 pr-[var(--deframe-widget-size-padding-x-md)] pb-[var(--deframe-widget-size-padding-y-sm)].5 pl-[var(--deframe-widget-size-padding-x-md)] flex-shrink-0",
|
|
7044
7044
|
children: [
|
|
7045
|
-
/* @__PURE__ */ jsxRuntime.
|
|
7046
|
-
|
|
7047
|
-
|
|
7048
|
-
|
|
7049
|
-
|
|
7050
|
-
|
|
7051
|
-
|
|
7052
|
-
|
|
7045
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
|
|
7046
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7047
|
+
"span",
|
|
7048
|
+
{
|
|
7049
|
+
"data-test-id": "sheet-title",
|
|
7050
|
+
className: "text-[16px] [font-weight:var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] font-[var(--deframe-widget-font-family)]",
|
|
7051
|
+
children: labels.title
|
|
7052
|
+
}
|
|
7053
|
+
),
|
|
7054
|
+
labels.subtitle && /* @__PURE__ */ jsxRuntime.jsx(
|
|
7055
|
+
"span",
|
|
7056
|
+
{
|
|
7057
|
+
"data-test-id": "sheet-subtitle",
|
|
7058
|
+
className: "text-[13px] text-[color:var(--deframe-widget-color-text-secondary)] font-[var(--deframe-widget-font-family)] mt-[2px]",
|
|
7059
|
+
children: labels.subtitle
|
|
7060
|
+
}
|
|
7061
|
+
)
|
|
7062
|
+
] }),
|
|
7053
7063
|
/* @__PURE__ */ jsxRuntime.jsx(CloseButtonInline, { onClick: onClose, ariaLabel: labels.closeAriaLabel })
|
|
7054
7064
|
]
|
|
7055
7065
|
}
|
|
@@ -7150,14 +7160,24 @@ function ChooseNetworkAndAssetViewSimple({
|
|
|
7150
7160
|
"data-test-id": "modal-header",
|
|
7151
7161
|
className: "flex items-center justify-between pt-[var(--deframe-widget-size-padding-y-md)] pr-[var(--deframe-widget-size-padding-x-md)] pb-[14px] pl-[var(--deframe-widget-size-padding-x-md)] border-b border-[color:var(--deframe-widget-color-border-secondary)] flex-shrink-0",
|
|
7152
7162
|
children: [
|
|
7153
|
-
/* @__PURE__ */ jsxRuntime.
|
|
7154
|
-
|
|
7155
|
-
|
|
7156
|
-
|
|
7157
|
-
|
|
7158
|
-
|
|
7159
|
-
|
|
7160
|
-
|
|
7163
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
|
|
7164
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7165
|
+
"span",
|
|
7166
|
+
{
|
|
7167
|
+
"data-test-id": "modal-title",
|
|
7168
|
+
className: "text-[16px] [font-weight:var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] font-[var(--deframe-widget-font-family)]",
|
|
7169
|
+
children: labels.title
|
|
7170
|
+
}
|
|
7171
|
+
),
|
|
7172
|
+
labels.subtitle && /* @__PURE__ */ jsxRuntime.jsx(
|
|
7173
|
+
"span",
|
|
7174
|
+
{
|
|
7175
|
+
"data-test-id": "modal-subtitle",
|
|
7176
|
+
className: "text-[13px] text-[color:var(--deframe-widget-color-text-secondary)] font-[var(--deframe-widget-font-family)] mt-[2px]",
|
|
7177
|
+
children: labels.subtitle
|
|
7178
|
+
}
|
|
7179
|
+
)
|
|
7180
|
+
] }),
|
|
7161
7181
|
/* @__PURE__ */ jsxRuntime.jsx(CloseButtonInline, { onClick: onClose, ariaLabel: labels.closeAriaLabel })
|
|
7162
7182
|
]
|
|
7163
7183
|
}
|
|
@@ -8464,6 +8484,35 @@ var EarnPositionCardView = ({
|
|
|
8464
8484
|
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { as: "span", variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-tertiary)]", children: balanceToken })
|
|
8465
8485
|
] })
|
|
8466
8486
|
] }) }) }) });
|
|
8487
|
+
var shimmer = "animate-pulse rounded-[var(--deframe-widget-size-radius-sm)]";
|
|
8488
|
+
var bg = "bg-[var(--deframe-widget-color-bg-tertiary)]";
|
|
8489
|
+
var EarnFlowSkeletonSimple = () => {
|
|
8490
|
+
const panelClasses = [
|
|
8491
|
+
"relative flex flex-col overflow-hidden w-[420px]",
|
|
8492
|
+
"rounded-[var(--deframe-widget-size-radius-md)]",
|
|
8493
|
+
"border border-[color:var(--deframe-widget-color-border-secondary)]",
|
|
8494
|
+
"font-[var(--deframe-widget-font-family)]"
|
|
8495
|
+
].join(" ");
|
|
8496
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-test-id": "earn-flow-skeleton-simple", className: panelClasses, children: [
|
|
8497
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-24 h-5 ${shimmer} ${bg}` }) }),
|
|
8498
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px bg-[var(--deframe-widget-color-border-secondary)]" }),
|
|
8499
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-md)] px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-[var(--deframe-widget-size-radius-sm)] border border-[color:var(--deframe-widget-color-border-secondary)] bg-[var(--deframe-widget-color-bg-secondary)] px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]", children: [
|
|
8500
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)]", children: [
|
|
8501
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-[120px] h-[42px] ${shimmer} ${bg} flex-shrink-0` }),
|
|
8502
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-10 bg-[var(--deframe-widget-color-border-secondary)] flex-shrink-0" }),
|
|
8503
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-end flex-1 min-w-0 gap-1", children: [
|
|
8504
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-20 h-9 ${shimmer} ${bg}` }),
|
|
8505
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-12 h-4 ${shimmer} ${bg}` })
|
|
8506
|
+
] })
|
|
8507
|
+
] }),
|
|
8508
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-32 h-4 ${shimmer} ${bg}` }) })
|
|
8509
|
+
] }) }),
|
|
8510
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-[var(--deframe-widget-size-gap-sm)] px-[var(--deframe-widget-size-padding-x-md)] pb-[var(--deframe-widget-size-padding-y-md)]", children: [
|
|
8511
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex-1 h-12 ${shimmer} ${bg}` }),
|
|
8512
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex-1 h-12 ${shimmer} ${bg}` })
|
|
8513
|
+
] })
|
|
8514
|
+
] });
|
|
8515
|
+
};
|
|
8467
8516
|
var EarnDepositFormView = ({
|
|
8468
8517
|
// Header / Layout
|
|
8469
8518
|
headerTitle,
|
|
@@ -8616,7 +8665,7 @@ var EarnTokenSelectorSimpleView = ({
|
|
|
8616
8665
|
const isInteractive = !!onTokenClick;
|
|
8617
8666
|
const baseClasses = [
|
|
8618
8667
|
"inline-flex items-center gap-[10px]",
|
|
8619
|
-
"
|
|
8668
|
+
"h-[54px] px-[10px]",
|
|
8620
8669
|
"rounded-[var(--deframe-widget-size-radius-sm)]",
|
|
8621
8670
|
"bg-[var(--deframe-widget-color-bg-tertiary)]",
|
|
8622
8671
|
"border-none outline-none",
|
|
@@ -8624,7 +8673,7 @@ var EarnTokenSelectorSimpleView = ({
|
|
|
8624
8673
|
"flex-shrink-0"
|
|
8625
8674
|
].join(" ");
|
|
8626
8675
|
const stateClasses = {
|
|
8627
|
-
interactive: "cursor-pointer hover:bg-[color:color-mix(in_srgb,var(--deframe-widget-color-bg-tertiary)
|
|
8676
|
+
interactive: "cursor-pointer hover:bg-[color:color-mix(in_srgb,var(--deframe-widget-color-bg-tertiary)_72%,transparent)]",
|
|
8628
8677
|
static: "cursor-default"
|
|
8629
8678
|
};
|
|
8630
8679
|
const selectorClasses = tailwindMerge.twMerge(
|
|
@@ -8733,7 +8782,7 @@ var EarnTokenSelectorSimpleView = ({
|
|
|
8733
8782
|
"span",
|
|
8734
8783
|
{
|
|
8735
8784
|
"data-test-id": "earn-token-selector-simple-view-placeholder",
|
|
8736
|
-
className: "text-[
|
|
8785
|
+
className: "text-[11px] uppercase [font-weight:var(--deframe-widget-font-weight-regular)] text-[color:var(--deframe-widget-color-text-secondary)] font-[var(--deframe-widget-font-family)] whitespace-nowrap",
|
|
8737
8786
|
children: selectTokenLabel
|
|
8738
8787
|
}
|
|
8739
8788
|
),
|
|
@@ -8762,6 +8811,7 @@ var EarnAmountInputSimpleView = ({
|
|
|
8762
8811
|
"w-full",
|
|
8763
8812
|
"px-[var(--deframe-widget-size-padding-x-none)] py-[var(--deframe-widget-size-padding-y-none)]",
|
|
8764
8813
|
"font-[var(--deframe-widget-font-family)]",
|
|
8814
|
+
"placeholder:text-[color:var(--deframe-widget-color-text-tertiary)]",
|
|
8765
8815
|
"[appearance:textfield]",
|
|
8766
8816
|
"[&::-webkit-outer-spin-button]:appearance-none",
|
|
8767
8817
|
"[&::-webkit-inner-spin-button]:appearance-none"
|
|
@@ -9011,7 +9061,6 @@ var EarnDepositFormViewSimple = ({
|
|
|
9011
9061
|
const panelBaseClasses = [
|
|
9012
9062
|
"relative flex flex-col overflow-hidden w-[420px]",
|
|
9013
9063
|
"rounded-[var(--deframe-widget-size-radius-md)]",
|
|
9014
|
-
"bg-[var(--deframe-widget-color-bg-primary)]",
|
|
9015
9064
|
"border border-[color:var(--deframe-widget-color-border-secondary)]",
|
|
9016
9065
|
"font-[var(--deframe-widget-font-family)]"
|
|
9017
9066
|
].join(" ");
|
|
@@ -9230,9 +9279,11 @@ var EarnDepositFormViewSimple = ({
|
|
|
9230
9279
|
type: "submit",
|
|
9231
9280
|
className: [
|
|
9232
9281
|
"flex-1 h-12 rounded-[var(--deframe-widget-size-radius-sm)]",
|
|
9233
|
-
"
|
|
9282
|
+
"border-none",
|
|
9283
|
+
"text-[15px]",
|
|
9284
|
+
isSubmitDisabled ? "text-[color:var(--deframe-widget-color-text-primary-disabled)]" : "text-[color:var(--deframe-widget-color-text-primary-dark)]",
|
|
9234
9285
|
"outline-none",
|
|
9235
|
-
"transition-[background,color
|
|
9286
|
+
"transition-[background,color] duration-200"
|
|
9236
9287
|
].join(" "),
|
|
9237
9288
|
disabled: isSubmitDisabled,
|
|
9238
9289
|
"aria-disabled": isSubmitDisabled,
|
|
@@ -9464,7 +9515,6 @@ var EarnWithdrawFormViewSimple = ({
|
|
|
9464
9515
|
const panelBaseClasses = [
|
|
9465
9516
|
"relative flex flex-col overflow-hidden w-[420px]",
|
|
9466
9517
|
"rounded-[var(--deframe-widget-size-radius-md)]",
|
|
9467
|
-
"bg-[var(--deframe-widget-color-bg-primary)]",
|
|
9468
9518
|
"border border-[color:var(--deframe-widget-color-border-secondary)]",
|
|
9469
9519
|
"font-[var(--deframe-widget-font-family)]"
|
|
9470
9520
|
].join(" ");
|
|
@@ -9672,9 +9722,11 @@ var EarnWithdrawFormViewSimple = ({
|
|
|
9672
9722
|
type: "submit",
|
|
9673
9723
|
className: [
|
|
9674
9724
|
"flex-1 h-12 rounded-[var(--deframe-widget-size-radius-sm)]",
|
|
9675
|
-
"
|
|
9725
|
+
"border-none",
|
|
9726
|
+
"text-[15px]",
|
|
9727
|
+
isSubmitDisabled ? "text-[color:var(--deframe-widget-color-text-primary-disabled)]" : "text-[color:var(--deframe-widget-color-text-primary-dark)]",
|
|
9676
9728
|
"outline-none",
|
|
9677
|
-
"transition-[background,color
|
|
9729
|
+
"transition-[background,color] duration-200"
|
|
9678
9730
|
].join(" "),
|
|
9679
9731
|
disabled: isSubmitDisabled,
|
|
9680
9732
|
"aria-disabled": isSubmitDisabled,
|
|
@@ -9894,7 +9946,6 @@ function EarnFeedbackOverlaySimpleView({
|
|
|
9894
9946
|
const wrapperClasses = tailwindMerge.twMerge(
|
|
9895
9947
|
"relative flex flex-col overflow-hidden w-[420px]",
|
|
9896
9948
|
"rounded-[var(--deframe-widget-size-radius-md)]",
|
|
9897
|
-
"bg-[var(--deframe-widget-color-bg-primary)]",
|
|
9898
9949
|
"border border-[color:var(--deframe-widget-color-border-secondary)]",
|
|
9899
9950
|
"font-[var(--deframe-widget-font-family)]"
|
|
9900
9951
|
);
|
|
@@ -12134,6 +12185,7 @@ exports.EarnDepositWarningSimpleView = EarnDepositWarningSimpleView;
|
|
|
12134
12185
|
exports.EarnDepositWarningView = EarnDepositWarningView;
|
|
12135
12186
|
exports.EarnDesktopView = EarnDesktopView;
|
|
12136
12187
|
exports.EarnExploreGridView = EarnExploreGridView;
|
|
12188
|
+
exports.EarnFlowSkeletonSimple = EarnFlowSkeletonSimple;
|
|
12137
12189
|
exports.EarnInvestedSectionView = EarnInvestedSectionView;
|
|
12138
12190
|
exports.EarnInvestmentDetailsView = EarnInvestmentDetailsView;
|
|
12139
12191
|
exports.EarnInvestmentSummaryView = EarnInvestmentSummaryView;
|