@funkit/connect 9.18.0 → 9.19.1
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/CHANGELOG.md +56 -0
- package/dist/{chunk-O35RTEEF.js → chunk-6K4U3Z4Z.js} +3 -0
- package/dist/{chunk-C2DLTEP2.js → chunk-NBECXHBY.js} +1 -1
- package/dist/{chunk-PPNE44RL.js → chunk-PFIXC5YK.js} +1 -1
- package/dist/clients/chunk-TFZV2HO4.js +290 -0
- package/dist/clients/chunk-UUHGOBKZ.js +51 -0
- package/dist/clients/fanatics.css +4729 -4699
- package/dist/clients/fanatics.js +3 -3
- package/dist/clients/lighter.css +4729 -4699
- package/dist/clients/lighter.js +2 -2
- package/dist/clients/polymarket.js +17 -36
- package/dist/clients/rolly.d.ts +13 -11
- package/dist/clients/rolly.js +17 -17
- package/dist/components/Box/Box.d.ts +18 -18
- package/dist/components/Dialog/DialogContent.css.d.ts +1 -0
- package/dist/components/Icons/CoinsIcon.d.ts +3 -1
- package/dist/components/PaddedScrollableArea/PaddedScrollableArea.d.ts +1 -2
- package/dist/consts/customers.d.ts +13 -0
- package/dist/consts/funkit.d.ts +2 -0
- package/dist/consts/polymarket.d.ts +9 -0
- package/dist/css/sprinkles.css.d.ts +22 -18
- package/dist/domains/checkoutNotifications.d.ts +1 -46
- package/dist/domains/paymentMethods.d.ts +10 -20
- package/dist/domains/swapped.d.ts +2 -21
- package/dist/hooks/queries/useWithdrawalQuote.d.ts +3 -1
- package/dist/hooks/queries/useWithdrawalRisk.d.ts +1 -1
- package/dist/hooks/statsig/useDynamicConfig.d.ts +2 -5
- package/dist/hooks/statsig/useExperiment.d.ts +1 -33
- package/dist/hooks/statsig/useFeatureGate.d.ts +1 -4
- package/dist/hooks/useCheckoutTransferInit.d.ts +2 -17
- package/dist/hooks/useTokenTransfer.d.ts +3 -8
- package/dist/hooks/useUDAParams.d.ts +2 -10
- package/dist/index.css +4860 -4816
- package/dist/index.js +1500 -3305
- package/dist/modals/CheckoutModal/InputAmount/QuickOptions.d.ts +1 -0
- package/dist/modals/CheckoutModal/InputAmount/state.d.ts +25 -1
- package/dist/modals/CheckoutModal/InputAmount/useCheckoutAmountLimits.d.ts +17 -0
- package/dist/modals/WithdrawalModal/ErrorMessage.d.ts +7 -1
- package/dist/providers/FunkitThemeProvider.d.ts +6 -0
- package/dist/providers/ModalSizeContext.d.ts +1 -0
- package/dist/providers/SwappedProvider.d.ts +1 -1
- package/dist/themes/baseTheme.js +1 -1
- package/dist/themes/darkTheme.js +2 -2
- package/dist/themes/lightTheme.js +2 -2
- package/dist/transports/iframeSwappedTransport.d.ts +1 -1
- package/dist/utils/address.d.ts +1 -14
- package/dist/utils/consts.d.ts +1 -2
- package/dist/utils/datadogBrowserLogsTransport.d.ts +1 -1
- package/dist/utils/directExecution.d.ts +1 -34
- package/dist/utils/funLogger.d.ts +1 -51
- package/dist/utils/getExchangeRate.d.ts +1 -4
- package/dist/utils/statsig/checkFeatureGate.d.ts +1 -1
- package/dist/utils/swapped.d.ts +5 -43
- package/dist/utils/transfer.d.ts +1 -10
- package/dist/wallets/walletConnectors/index.js +35 -35
- package/package.json +4 -3
- package/dist/__generated__/default_configs.d.ts +0 -901
- package/dist/__generated__/default_feature_gates.d.ts +0 -20
- package/dist/clients/chunk-3QHYYLVM.js +0 -240
- package/dist/clients/chunk-JOBMGIG4.js +0 -290
- package/dist/interfaces/logTransport.d.ts +0 -51
- package/dist/interfaces/swapped-transport.d.ts +0 -78
- package/dist/utils/flags/resolver.d.ts +0 -34
|
@@ -205,6 +205,7 @@ declare const themeContractValues: {
|
|
|
205
205
|
dropdownGroupHeader: string;
|
|
206
206
|
header: string;
|
|
207
207
|
inputAmount: string;
|
|
208
|
+
modalTopbarTitle: string;
|
|
208
209
|
txStatusDescription: string;
|
|
209
210
|
txStatusTitle: string;
|
|
210
211
|
};
|
|
@@ -504,6 +505,7 @@ declare const themeContractValues: {
|
|
|
504
505
|
selectBrokerageItemPaddingX: string;
|
|
505
506
|
selectBrokerageItemPaddingY: string;
|
|
506
507
|
selectBrokerageListGap: string;
|
|
508
|
+
walletConnectorListGap: string;
|
|
507
509
|
txBreakdownMarginY: string;
|
|
508
510
|
txBreakdownPaddingX: string;
|
|
509
511
|
txSummaryBoxPaddingX: string;
|
|
@@ -730,6 +732,7 @@ export declare const themeVars: {
|
|
|
730
732
|
dropdownGroupHeader: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
731
733
|
header: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
732
734
|
inputAmount: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
735
|
+
modalTopbarTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
733
736
|
txStatusDescription: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
734
737
|
txStatusTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
735
738
|
};
|
|
@@ -1029,6 +1032,7 @@ export declare const themeVars: {
|
|
|
1029
1032
|
selectBrokerageItemPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1030
1033
|
selectBrokerageItemPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1031
1034
|
selectBrokerageListGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1035
|
+
walletConnectorListGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1032
1036
|
txBreakdownMarginY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1033
1037
|
txBreakdownPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1034
1038
|
txSummaryBoxPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1304,26 +1308,26 @@ export declare const sprinkles: ((props: {
|
|
|
1304
1308
|
readonly borderWidth?: "0" | "1" | "activeOptionBorderWidth" | "buttonTertiaryBorderWidth" | "cryptoCashToggleContainerBorderWidth" | "cryptoCashToggleActiveTabBorderWidth" | "cryptoCashToggleInactiveTabBorderWidth" | "txSummaryBoxBorderWidth" | "2" | "3" | "4" | "0.5" | undefined;
|
|
1305
1309
|
readonly cursor?: "default" | "help" | "not-allowed" | "pointer" | undefined;
|
|
1306
1310
|
readonly flexDirection?: "column" | "row" | undefined;
|
|
1307
|
-
readonly fontFamily?: "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "dropdownGroupHeader" | "amountValue" | "body" | "header" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | undefined;
|
|
1308
|
-
readonly fontSize?: "inherit" | "inputLabel" | "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "dropdownGroupHeader" | "body" | "inputAmount" | "
|
|
1309
|
-
readonly fontWeight?: "inherit" | "medium" | "bold" | "inputLabel" | "dropdownGroupHeader" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "regular" | "semibold" | "heavy" | "cryptoCashToggle" | "inputValue" | "
|
|
1310
|
-
readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
|
|
1311
|
+
readonly fontFamily?: "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "dropdownGroupHeader" | "amountValue" | "body" | "header" | "inputAmount" | "modalTopbarTitle" | "txStatusDescription" | "txStatusTitle" | undefined;
|
|
1312
|
+
readonly fontSize?: "inherit" | "inputLabel" | "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "dropdownGroupHeader" | "body" | "inputAmount" | "modalTopbarTitle" | "txStatusDescription" | "txStatusTitle" | "cryptoCashToggle" | "inputValue" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "header-14" | "header-36" | "dollarValue" | "modalTopbarSubtitle" | "withdrawalYouWillReceive" | "youPayYouReceivePrimaryFontSize" | "youPayYouReceiveSecondaryFontSize" | "depositAddressFontSize" | "funFeatureListItemFontSize" | "dropdownItemFontSize" | "sourceListSectionLabelFontSize" | "formOfPaymentsListSectionLabelFontSize" | "quickOptionFontSize" | "useConnectedFontSize" | "paymentFeeSummaryTooltip" | "tooltipContent" | undefined;
|
|
1313
|
+
readonly fontWeight?: "inherit" | "medium" | "bold" | "inputLabel" | "dropdownGroupHeader" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | "inputAmount" | "modalTopbarTitle" | "txStatusDescription" | "txStatusTitle" | "regular" | "semibold" | "heavy" | "cryptoCashToggle" | "inputValue" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "sourceListSectionLabelFontWeight" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "formOfPaymentsListSectionLabelFontWeight" | undefined;
|
|
1314
|
+
readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
|
|
1311
1315
|
readonly height?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
|
|
1312
1316
|
readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
|
|
1313
1317
|
readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
|
|
1314
|
-
readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
|
|
1315
|
-
readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
|
|
1316
|
-
readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
|
|
1317
|
-
readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
|
|
1318
|
+
readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
|
|
1319
|
+
readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
|
|
1320
|
+
readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
|
|
1321
|
+
readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
|
|
1318
1322
|
readonly minHeight?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
|
|
1319
1323
|
readonly maxHeight?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
|
|
1320
1324
|
readonly maxWidth?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
|
|
1321
1325
|
readonly minWidth?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
|
|
1322
1326
|
readonly overflow?: "hidden" | undefined;
|
|
1323
|
-
readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
|
|
1324
|
-
readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
|
|
1325
|
-
readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
|
|
1326
|
-
readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
|
|
1327
|
+
readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
|
|
1328
|
+
readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
|
|
1329
|
+
readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
|
|
1330
|
+
readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
|
|
1327
1331
|
readonly position?: "fixed" | "absolute" | "relative" | undefined;
|
|
1328
1332
|
readonly right?: "0" | undefined;
|
|
1329
1333
|
readonly textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | "txStatusTitle" | "inputAmountQuickOptionButton" | undefined;
|
|
@@ -1331,12 +1335,12 @@ export declare const sprinkles: ((props: {
|
|
|
1331
1335
|
readonly userSelect?: "none" | undefined;
|
|
1332
1336
|
readonly width?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
|
|
1333
1337
|
readonly backdropFilter?: "modalOverlay" | undefined;
|
|
1334
|
-
margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
|
|
1335
|
-
marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
|
|
1336
|
-
marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
|
|
1337
|
-
padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
|
|
1338
|
-
paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
|
|
1339
|
-
paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
|
|
1338
|
+
margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
|
|
1339
|
+
marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
|
|
1340
|
+
marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
|
|
1341
|
+
padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
|
|
1342
|
+
paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
|
|
1343
|
+
paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
|
|
1340
1344
|
}) => string) & {
|
|
1341
1345
|
properties: Set<"alignItems" | "alignSelf" | "backdropFilter" | "backgroundSize" | "boxShadow" | "color" | "cursor" | "display" | "flexDirection" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textTransform" | "userSelect" | "width" | "background" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "transition" | "marginX" | "marginY" | "paddingX" | "paddingY">;
|
|
1342
1346
|
};
|
|
@@ -1,46 +1 @@
|
|
|
1
|
-
|
|
2
|
-
/**
|
|
3
|
-
* Pure, platform-agnostic logic backing the checkout-notifications feature:
|
|
4
|
-
* merging multi-step direct-execution chains, classifying deposits vs
|
|
5
|
-
* withdrawals vs token transfers, applying the recency/variant filters, and
|
|
6
|
-
* deriving which records changed relative to an initial snapshot.
|
|
7
|
-
*
|
|
8
|
-
* No React / DOM dependencies — slated to move to `@funkit/connect-core` during
|
|
9
|
-
* the React Native extraction. Extracted out of `hooks/queries/useRecentDeposits`
|
|
10
|
-
* (the polling hook) and `modals/.../CheckoutNotifications.tsx` (the view) so the
|
|
11
|
-
* same derivation runs on both platforms.
|
|
12
|
-
*/
|
|
13
|
-
/**
|
|
14
|
-
* Default cutoff for notification recency: direct executions / checkouts older
|
|
15
|
-
* than this window are not surfaced as notifications.
|
|
16
|
-
*/
|
|
17
|
-
export declare const DEFAULT_NOTIF_CUTOFF: number;
|
|
18
|
-
export type NotificationVariant = 'deposit' | 'withdrawal' | 'token_transfer';
|
|
19
|
-
export interface MergedMultiStepDirectExecution extends DirectExecution {
|
|
20
|
-
/**
|
|
21
|
-
* In a multi-step DE chain, represents the latest **present** DE of the chain.
|
|
22
|
-
*
|
|
23
|
-
* Always `undefined` for single-step DEs.
|
|
24
|
-
*/
|
|
25
|
-
latestStep?: DirectExecution;
|
|
26
|
-
}
|
|
27
|
-
export declare function mergeMultiStepDirectExecutions(directExecutions: DirectExecution[]): MergedMultiStepDirectExecution[];
|
|
28
|
-
export declare function isTokenTransferDirectExecution(de: DirectExecution): boolean;
|
|
29
|
-
export declare function isWithdrawalDirectExecution(de: DirectExecution): boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Pure transform: filters, merges multi-step chains, and sorts direct executions.
|
|
32
|
-
* Testable without React.
|
|
33
|
-
*/
|
|
34
|
-
export declare function processRecentDepositsForNotifications(directExecutions: DirectExecution[] | undefined, { createdAfterMs, cutOffTimeMs, variant, }?: {
|
|
35
|
-
createdAfterMs?: number;
|
|
36
|
-
cutOffTimeMs?: number;
|
|
37
|
-
variant?: NotificationVariant;
|
|
38
|
-
}): MergedMultiStepDirectExecution[] | undefined;
|
|
39
|
-
/**
|
|
40
|
-
* @returns checkouts that are either not present in the initial checkouts or the data changed somehow
|
|
41
|
-
*/
|
|
42
|
-
export declare const getUpdatedCheckouts: (checkouts: CheckoutHistoryItem[], initialCheckouts?: CheckoutHistoryItem[]) => CheckoutHistoryItem[];
|
|
43
|
-
/**
|
|
44
|
-
* @returns direct executions that are either not present in the initial set or whose data changed
|
|
45
|
-
*/
|
|
46
|
-
export declare const getUpdatedDirectExecutions: (directExecutions: MergedMultiStepDirectExecution[], initialDirectExecutions?: DirectExecution[]) => MergedMultiStepDirectExecution[];
|
|
1
|
+
export { DEFAULT_NOTIF_CUTOFF, getUpdatedCheckouts, getUpdatedDirectExecutions, isBitcoinLightningDirectExecution, isTokenTransferDirectExecution, isWithdrawalDirectExecution, mergeMultiStepDirectExecutions, type MergedMultiStepDirectExecution, type NotificationVariant, processRecentDepositsForNotifications, } from '@funkit/connect-core';
|
|
@@ -1,24 +1,7 @@
|
|
|
1
1
|
import type { BridgeCustomer, BridgeVirtualBankAccount } from '@funkit/api-base';
|
|
2
|
+
import { PaymentMethod } from '@funkit/connect-core';
|
|
2
3
|
import { type BluvoExchangeType } from '../consts/bluvo';
|
|
3
|
-
|
|
4
|
-
export declare enum PaymentMethod {
|
|
5
|
-
/** Meld - Credit / Debit Card **/
|
|
6
|
-
CARD = "card",
|
|
7
|
-
/** Account Balance **/
|
|
8
|
-
ACCOUNT_BALANCE = "balance",
|
|
9
|
-
/** Bluvo - Exchange / Brokerage **/
|
|
10
|
-
BROKERAGE = "brokerage",
|
|
11
|
-
TOKEN_TRANSFER = "token_transfer",
|
|
12
|
-
BITCOIN_LIGHTNING = "bitcoin_lightning",
|
|
13
|
-
VIRTUAL_BANK = "virtual_bank",
|
|
14
|
-
SWAPPED_CARD = "swapped_card",
|
|
15
|
-
SEPA = "sepa",
|
|
16
|
-
SEPA_INSTANT = "sepa_instant",
|
|
17
|
-
VENMO = "venmo",
|
|
18
|
-
APPLE_PAY = "apple_pay",
|
|
19
|
-
GOOGLE_PAY = "google_pay",
|
|
20
|
-
REVOLUT_PAY = "revolut_pay"
|
|
21
|
-
}
|
|
4
|
+
export { PaymentMethod };
|
|
22
5
|
/** Full payment method information used in frontend during payment flows. **/
|
|
23
6
|
interface PaymentMethodInfoBase {
|
|
24
7
|
description: string;
|
|
@@ -52,6 +35,14 @@ export interface PaymentMethodVirtualBankInfo extends PaymentMethodVirtualBankIn
|
|
|
52
35
|
}
|
|
53
36
|
export type ConnectablePaymentMethodInfo = PaymentMethodAccountInfo | PaymentMethodBrokerageInfo | PaymentMethodVirtualBankInfo;
|
|
54
37
|
export declare function isConnectablePaymentMethodInfo(value: unknown): value is ConnectablePaymentMethodInfo;
|
|
38
|
+
/**
|
|
39
|
+
* Balance-less rails: checkout methods with no on-chain source holding (Card,
|
|
40
|
+
* Bitcoin Lightning, etc) where "available balance" is not a meaningful concept,
|
|
41
|
+
* so balance/min/max validation is skipped. Only ACCOUNT_BALANCE and BROKERAGE
|
|
42
|
+
* carry a measurable holding. Typed to PaymentMethodInfo's methods, not the full
|
|
43
|
+
* PaymentMethod enum (which also carries Swapped's iframe-only rails).
|
|
44
|
+
*/
|
|
45
|
+
export declare function isBalanceLessPaymentMethod(paymentMethod: PaymentMethodInfo['paymentMethod']): boolean;
|
|
55
46
|
export type PaymentMethodInfo = PaymentMethodCardInfo | PaymentMethodBrokerageInfo | PaymentMethodAccountInfo | PaymentMethodTokenTransferInfo | PaymentMethodBitcoinLightningInfo | PaymentMethodVirtualBankIncompleteInfo;
|
|
56
47
|
interface CardPaymentMethodParams {
|
|
57
48
|
paymentMethod: PaymentMethod.CARD;
|
|
@@ -90,4 +81,3 @@ export declare function createPaymentMethodInfo(params: BitcoinLightningPaymentM
|
|
|
90
81
|
export declare function createPaymentMethodInfo(params: VirtualBankPaymentMethodIncompleteParams): PaymentMethodVirtualBankIncompleteInfo;
|
|
91
82
|
export declare function createPaymentMethodInfo(params: VirtualBankPaymentMethodParams): PaymentMethodVirtualBankInfo;
|
|
92
83
|
export declare function createPaymentMethodInfo(params: BrokeragePaymentMethodParams): PaymentMethodBrokerageInfo;
|
|
93
|
-
export {};
|
|
@@ -1,26 +1,7 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
export
|
|
1
|
+
import { type GetFopsResponse } from '@funkit/api-base';
|
|
2
|
+
export { FOPS_STALE_TIME, getFopsLimit, roundFopsLimit, sortFops, } from '@funkit/connect-core';
|
|
3
3
|
/**
|
|
4
4
|
* Validates FOPs by checking icon URL, embedded flow URL, and payment group.
|
|
5
5
|
* Deduplicates generic FOPs whose fopType already appears in saved FOPs.
|
|
6
6
|
*/
|
|
7
7
|
export declare function validateFops(res: GetFopsResponse, logTag: 'useFops' | 'useWithdrawFops' | 'useSwappedExchanges'): GetFopsResponse;
|
|
8
|
-
/**
|
|
9
|
-
* Sorts fops by a priority order list (array of fopType strings, index = priority).
|
|
10
|
-
* Fops not in the list are sorted by max checkout limit descending.
|
|
11
|
-
*/
|
|
12
|
-
export declare function sortFops<T extends SwappedFormOfPayment>(fops: T[], priorityOrder: readonly string[]): T[];
|
|
13
|
-
/**
|
|
14
|
-
* Rounds down to:
|
|
15
|
-
* - >= $1M: nearest $100,000
|
|
16
|
-
* - >= $1,000: nearest $1,000
|
|
17
|
-
* - >= $100: nearest $100
|
|
18
|
-
* - >= $10: nearest $10
|
|
19
|
-
* - < $10: nearest $1 (floored to whole number)
|
|
20
|
-
*/
|
|
21
|
-
export declare function roundFopsLimit(value: number): number;
|
|
22
|
-
/**
|
|
23
|
-
* Get the limit for a given form of payment in USD.
|
|
24
|
-
* Backend returns min/max in Euros - we convert to USD and round down
|
|
25
|
-
*/
|
|
26
|
-
export declare function getFopsLimit(fop: SwappedFormOfPayment, exchangeRates: ExchangeRates | undefined, defaultMaxLimit?: string): string;
|
|
@@ -5,11 +5,13 @@ interface CheckoutQuoteParams {
|
|
|
5
5
|
selectedTokenAddress: string | null | undefined;
|
|
6
6
|
selectedTokenSymbol: string | undefined;
|
|
7
7
|
config: FunkitWithdrawalConfig;
|
|
8
|
+
/** Extra gate ANDed into the internal enabled conditions (default true). */
|
|
9
|
+
isEnabled?: boolean;
|
|
8
10
|
}
|
|
9
11
|
/**
|
|
10
12
|
* Simplified quoting logic used for withdrawal UI only.
|
|
11
13
|
*/
|
|
12
|
-
export declare function useWithdrawalQuote({ recipientAddress, selectedChainId, selectedTokenAddress, selectedTokenSymbol, config, }: CheckoutQuoteParams): {
|
|
14
|
+
export declare function useWithdrawalQuote({ recipientAddress, selectedChainId, selectedTokenAddress, selectedTokenSymbol, config, isEnabled, }: CheckoutQuoteParams): {
|
|
13
15
|
quoteEnabled: boolean;
|
|
14
16
|
data: {
|
|
15
17
|
baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useWithdrawalRisk: (apiKey: string, receiveAddress: string) => import("@tanstack/react-query").UseQueryResult<boolean, Error>;
|
|
1
|
+
export declare const useWithdrawalRisk: (apiKey: string, receiveAddress: string, chainId: number | undefined) => import("@tanstack/react-query").UseQueryResult<boolean, Error>;
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
type
|
|
3
|
-
type DynamicConfigName = keyof FallbackDynamicConfigs;
|
|
4
|
-
export type DynamicConfigValue<Name extends DynamicConfigName> = FallbackDynamicConfigs[Name]['value'];
|
|
1
|
+
import { type DynamicConfigName, type DynamicConfigValue } from '@funkit/connect-core';
|
|
2
|
+
export type { DynamicConfigName, DynamicConfigValue };
|
|
5
3
|
export declare const useDynamicConfig: <Name extends DynamicConfigName>(name: Name, options?: {
|
|
6
4
|
bypassCountryCode?: boolean;
|
|
7
5
|
}) => DynamicConfigValue<Name>;
|
|
8
|
-
export {};
|
|
@@ -1,33 +1 @@
|
|
|
1
|
-
|
|
2
|
-
* Hook for accessing Statsig experiments with type-safe fallback values.
|
|
3
|
-
*
|
|
4
|
-
* Unlike feature gates and dynamic configs, experiments don't have a base configuration
|
|
5
|
-
* with overrides. Instead, they have multiple horizontal variations. Because of this,
|
|
6
|
-
* you must provide a fallback value and can optionally specify the return type.
|
|
7
|
-
*
|
|
8
|
-
* @example
|
|
9
|
-
* // Basic usage (returns string by default)
|
|
10
|
-
* const buttonColor = useExperiment('button-color-test', 'value', 'blue')
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* // With explicit type parameter
|
|
14
|
-
* interface ButtonConfig {
|
|
15
|
-
* color: string
|
|
16
|
-
* size: 'small' | 'medium' | 'large'
|
|
17
|
-
* }
|
|
18
|
-
* const config = useExperiment<ButtonConfig>(
|
|
19
|
-
* 'button-experiment',
|
|
20
|
-
* 'config',
|
|
21
|
-
* { color: 'blue', size: 'medium' }
|
|
22
|
-
* )
|
|
23
|
-
*
|
|
24
|
-
* @example
|
|
25
|
-
* // Getting a specific parameter
|
|
26
|
-
* const variant = useExperiment('checkout-flow-test', 'variant', 'control')
|
|
27
|
-
*
|
|
28
|
-
* @param experimentName - The name of the experiment in Statsig
|
|
29
|
-
* @param parameterName - The name of the parameter to get from the experiment
|
|
30
|
-
* @param fallback - The fallback value to use when the experiment/parameter is not available
|
|
31
|
-
* @returns The experiment parameter value with the specified type
|
|
32
|
-
*/
|
|
33
|
-
export declare function useExperiment<T = string>(experimentName: string, parameterName: string, fallback: T): T;
|
|
1
|
+
export { useExperiment } from '@funkit/connect-core';
|
|
@@ -1,4 +1 @@
|
|
|
1
|
-
|
|
2
|
-
type FeatureGateName = keyof typeof fallbackFeatureGates;
|
|
3
|
-
export declare const useFeatureGate: (name: FeatureGateName) => boolean;
|
|
4
|
-
export {};
|
|
1
|
+
export { useFeatureGate } from '@funkit/connect-core';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type CheckoutInitTokenTransferAddressParams, type CheckoutInitTokenTransferResponse, type FunAddress } from '@funkit/api-base';
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { getCheckoutTokenTransferParams } from '@funkit/connect-core';
|
|
3
|
+
export { getCheckoutTokenTransferParams };
|
|
4
4
|
interface UseCheckoutTransferInitResponse {
|
|
5
5
|
transferInit: CheckoutInitTokenTransferResponse | undefined;
|
|
6
6
|
recipientAddr: FunAddress;
|
|
@@ -9,20 +9,6 @@ interface UseCheckoutTransferInitResponse {
|
|
|
9
9
|
}
|
|
10
10
|
type CheckoutTokenTransferParams = Omit<CheckoutInitTokenTransferAddressParams, 'logger' | 'clientMetadata'>;
|
|
11
11
|
export declare function checkoutTransferFetch(params: CheckoutTokenTransferParams): Promise<CheckoutInitTokenTransferResponse>;
|
|
12
|
-
export declare function getCheckoutTokenTransferParams({ checkoutConfig, userId, recipientAddr, apiKey, udaParams, }: {
|
|
13
|
-
checkoutConfig: FunkitCheckoutConfig | undefined;
|
|
14
|
-
userId: string;
|
|
15
|
-
recipientAddr: FunAddress;
|
|
16
|
-
apiKey: string;
|
|
17
|
-
udaParams?: UDAConfig | undefined;
|
|
18
|
-
}): {
|
|
19
|
-
toChainId: string;
|
|
20
|
-
toTokenAddress: `0x${string}`;
|
|
21
|
-
actionType: string | undefined;
|
|
22
|
-
userId: string;
|
|
23
|
-
apiKey: string;
|
|
24
|
-
recipientAddr: FunAddress;
|
|
25
|
-
} | undefined;
|
|
26
12
|
export declare function useIsQRCodeTransferEnabled(): {
|
|
27
13
|
enabled: boolean;
|
|
28
14
|
comingSoon: boolean;
|
|
@@ -32,4 +18,3 @@ export declare function useIsQRCodeTransferEnabled(): {
|
|
|
32
18
|
* creates QR code transfer EOA
|
|
33
19
|
*/
|
|
34
20
|
export declare const useCheckoutTransferInit: (enabled?: boolean) => UseCheckoutTransferInitResponse;
|
|
35
|
-
export {};
|
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
import type { FunAddress } from '@funkit/api-base';
|
|
2
|
+
import { type MinTransferConfig, getMinTransferValueForChain } from '@funkit/connect-core';
|
|
2
3
|
import { type QRCodeUri } from '../utils/transfer';
|
|
3
4
|
export type FeeValue = {
|
|
4
5
|
label: string;
|
|
5
6
|
value: number;
|
|
6
7
|
};
|
|
7
|
-
export
|
|
8
|
-
|
|
9
|
-
chains: {
|
|
10
|
-
[chainId: string]: number;
|
|
11
|
-
};
|
|
12
|
-
}
|
|
8
|
+
export type { MinTransferConfig };
|
|
9
|
+
export { getMinTransferValueForChain };
|
|
13
10
|
interface UseTokenTransferResult {
|
|
14
11
|
/** where money goes to first */
|
|
15
12
|
depositAddress: FunAddress | undefined;
|
|
@@ -27,7 +24,5 @@ interface UseTokenTransferResult {
|
|
|
27
24
|
blockchain: 'ethereum' | 'solana' | 'bitcoin' | 'tron';
|
|
28
25
|
}
|
|
29
26
|
export declare const useTokenTransfer: (selectedChainId: number | undefined, selectedToken: string | undefined, chainIds?: number[]) => UseTokenTransferResult;
|
|
30
|
-
export declare function getMinTransferValueForChain(chainId: number, limits: MinTransferConfig): number;
|
|
31
27
|
export declare const useMinTransferValueUsd: (selectedChainId: number | undefined) => number;
|
|
32
28
|
export declare const useMinTransferValueEur: (selectedChainId: number | undefined) => number;
|
|
33
|
-
export {};
|
|
@@ -1,11 +1,3 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export
|
|
3
|
-
targetChain: string;
|
|
4
|
-
targetAsset: Address;
|
|
5
|
-
targetAssetTicker: string;
|
|
6
|
-
iconSrc: string;
|
|
7
|
-
qrcodeActionType?: string;
|
|
8
|
-
defaultTokenSymbol?: string;
|
|
9
|
-
defaultChainId?: string;
|
|
10
|
-
}
|
|
1
|
+
import type { UDAConfig } from '@funkit/connect-core';
|
|
2
|
+
export type { UDAConfig };
|
|
11
3
|
export declare const useUDAParams: (_dynamicRoutingId?: string) => UDAConfig | undefined;
|