@funkit/connect 9.4.1 → 9.4.3

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.
Files changed (48) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/__generated__/default_configs.d.ts +222 -12
  3. package/dist/__generated__/default_feature_gates.d.ts +1 -0
  4. package/dist/{chunk-BSF2AKBC.js → chunk-O35RTEEF.js} +1 -1
  5. package/dist/{chunk-IZC4ZKKQ.js → chunk-S65TG73G.js} +1 -1
  6. package/dist/{chunk-DBRUJYOQ.js → chunk-VLAOBEJN.js} +1 -1
  7. package/dist/clients/fanatics.css +4572 -4545
  8. package/dist/clients/fanatics.js +2 -2
  9. package/dist/components/Box/Box.d.ts +15 -15
  10. package/dist/components/Dropdown/BaseDropdown.css.d.ts +0 -2
  11. package/dist/components/Dropdown/BaseDropdown.d.ts +1 -0
  12. package/dist/components/Dropdown/ChainDropdown.d.ts +5 -2
  13. package/dist/components/Dropdown/TokenAndChainDropdown.d.ts +7 -1
  14. package/dist/components/Dropdown/TokenDropdown.d.ts +3 -1
  15. package/dist/components/ModalHeightAnimationLayer/WithdrawalModalHeightAnimationWrapper.d.ts +1 -1
  16. package/dist/components/NewTokenDepositAlert/NewTokenDepositAlert.d.ts +1 -1
  17. package/dist/css/sprinkles.css.d.ts +15 -15
  18. package/dist/hooks/statsig/useFeatureGate.d.ts +3 -6
  19. package/dist/hooks/useBluvo.d.ts +1215 -5
  20. package/dist/hooks/useSupportedAssets.d.ts +9 -0
  21. package/dist/hooks/{useTokenChain.d.ts → useTokenAndChainDropdown.d.ts} +8 -2
  22. package/dist/hooks/useTokenTransfer.d.ts +1 -0
  23. package/dist/hooks/useTokenTransferConfig.d.ts +2 -0
  24. package/dist/index.css +4611 -4582
  25. package/dist/index.js +1926 -1088
  26. package/dist/modals/CheckoutModal/Brokerage/SelectBrokerage.d.ts +1 -1
  27. package/dist/modals/CheckoutModal/SelectAsset/SelectAsset.d.ts +1 -1
  28. package/dist/modals/CheckoutModal/SelectAsset/SelectAssetInfoSection.d.ts +1 -1
  29. package/dist/modals/CheckoutModal/SourceChange/FormOfPaymentsListLoading.d.ts +6 -0
  30. package/dist/modals/CheckoutModal/SwappedIframe/SwappedErrorMessage.d.ts +6 -0
  31. package/dist/modals/CheckoutModal/SwappedIframe/SwappedIframeContainer.d.ts +3 -1
  32. package/dist/modals/CheckoutModal/TransferToken/TransferToken.d.ts +1 -1
  33. package/dist/modals/CheckoutModal/stepTransition.d.ts +4 -1
  34. package/dist/themes/baseTheme.js +1 -1
  35. package/dist/themes/darkTheme.js +2 -2
  36. package/dist/themes/lightTheme.js +2 -2
  37. package/dist/utils/bluvo.d.ts +99 -1
  38. package/dist/utils/swapped.d.ts +1 -0
  39. package/dist/utils/tokenTransfer/disabledList.d.ts +14 -0
  40. package/dist/utils/tokenTransfer/types.d.ts +26 -0
  41. package/dist/wallets/walletConnectors/index.js +46 -46
  42. package/package.json +10 -10
  43. /package/dist/modals/{WithdrwalModal → WithdrawalModal}/WithdrawalCallbackSuccess.d.ts +0 -0
  44. /package/dist/modals/{WithdrwalModal → WithdrawalModal}/WithdrawalContent.d.ts +0 -0
  45. /package/dist/modals/{WithdrwalModal → WithdrawalModal}/WithdrawalModal.d.ts +0 -0
  46. /package/dist/modals/{WithdrwalModal → WithdrawalModal}/WithdrawalSuccess.d.ts +0 -0
  47. /package/dist/modals/{WithdrwalModal → WithdrawalModal}/types.d.ts +0 -0
  48. /package/dist/modals/{WithdrwalModal → WithdrawalModal}/useWithdrawal.d.ts +0 -0
package/dist/components/Box/Box.d.ts CHANGED
@@ -55,23 +55,23 @@ export declare const Box: React.ForwardRefExoticComponent<{
55
55
  readonly fontFamily?: "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "dropdownGroupHeader" | "amountValue" | "body" | "header" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | undefined;
56
56
  readonly fontSize?: "inherit" | "inputLabel" | "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "dropdownGroupHeader" | "body" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "cryptoCashToggle" | "inputValue" | "modalTopbarTitle" | "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;
57
57
  readonly fontWeight?: "inherit" | "medium" | "bold" | "inputLabel" | "dropdownGroupHeader" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "regular" | "semibold" | "heavy" | "cryptoCashToggle" | "inputValue" | "modalTopbarTitle" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "sourceListSectionLabelFontWeight" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "formOfPaymentsListSectionLabelFontWeight" | undefined;
58
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
58
+ 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;
59
59
  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;
60
60
  readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
61
61
  readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
62
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
63
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
64
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
65
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
62
+ 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;
63
+ 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;
64
+ 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;
65
+ 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;
66
66
  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;
67
67
  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;
68
68
  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;
69
69
  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;
70
70
  readonly overflow?: "hidden" | undefined;
71
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
72
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
73
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
74
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
71
+ 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;
72
+ 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;
73
+ 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;
74
+ 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;
75
75
  readonly position?: "fixed" | "absolute" | "relative" | undefined;
76
76
  readonly right?: "0" | undefined;
77
77
  readonly textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | "txStatusTitle" | "inputAmountQuickOptionButton" | undefined;
@@ -79,12 +79,12 @@ export declare const Box: React.ForwardRefExoticComponent<{
79
79
  readonly userSelect?: "none" | undefined;
80
80
  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;
81
81
  readonly backdropFilter?: "modalOverlay" | undefined;
82
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
83
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
84
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
85
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
86
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
87
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
82
+ 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;
83
+ 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;
84
+ 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;
85
+ 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;
86
+ 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;
87
+ 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;
88
88
  } & {
89
89
  reset?: keyof React.JSX.IntrinsicElements;
90
90
  } & HTMLProperties<HTMLElement> & {
package/dist/components/Dropdown/BaseDropdown.css.d.ts CHANGED
@@ -1,7 +1,5 @@
1
1
  export declare const SCROLL_GRADIENT_SIZE_PX = 48;
2
2
  export declare const BORDER_RADIUS = "dropdown";
3
- export declare const DROPDOWN_ANIMATION_DURATION = 150;
4
- export declare const dropdownBoxStyles: string;
5
3
  export declare const scrollableDropdownStyles: string;
6
4
  export declare const scrollGradientWrapperStyles: string;
7
5
  export declare const baseDropdownItemWrapperStyles: string;
package/dist/components/Dropdown/BaseDropdown.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { type BoxProps } from '../Box/Box';
3
3
  import { type BaseActiveDropdownItemProps } from './BaseActiveDropdownItem';
4
+ import './BaseDropdownAnimation.css';
4
5
  /** gap between the icon and the label of the item */
5
6
  export declare const HORIZONTAL_ICON_GAP = "4";
6
7
  /** safe spacing, ie. padding, on the left & right of the active item and dropdown item */
package/dist/components/Dropdown/ChainDropdown.d.ts CHANGED
@@ -4,7 +4,8 @@ import type { BaseActiveDropdownItemProps } from './BaseActiveDropdownItem';
4
4
  import { type BaseDropdownProps } from './BaseDropdown';
5
5
  interface ChainDropdownProps {
6
6
  assets: TokenTransferSourceChainsAndAssets;
7
- chainIds?: number[];
7
+ /** Chain IDs in display order. If provided, determines the dropdown order. */
8
+ chainIdSortOrder?: number[];
8
9
  selectedChainId?: number;
9
10
  selectedToken?: string;
10
11
  onChainSelected: (chainId: number | undefined,
@@ -23,6 +24,8 @@ interface ChainDropdownProps {
23
24
  maxDropdownHeight?: BaseDropdownProps['maxDropdownHeight'];
24
25
  tagComponent?: (value: string) => React.ReactNode;
25
26
  testId?: string;
27
+ /** Default chain ID — promoted to first position in the dropdown */
28
+ defaultChainId?: number;
26
29
  }
27
- export declare const ChainDropdown: ({ assets, chainIds: chains, selectedChainId: propSelectedChainId, selectedToken, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, openDropdownFullWidth, isLoading, alwaysOpenToTop, maxDropdownHeight, tagComponent, testId, }: ChainDropdownProps) => React.JSX.Element;
30
+ export declare const ChainDropdown: ({ assets, chainIdSortOrder, selectedChainId: propSelectedChainId, selectedToken, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, openDropdownFullWidth, isLoading, alwaysOpenToTop, maxDropdownHeight, tagComponent, testId, defaultChainId, }: ChainDropdownProps) => React.JSX.Element;
28
31
  export {};
package/dist/components/Dropdown/TokenAndChainDropdown.d.ts CHANGED
@@ -26,7 +26,13 @@ interface TokenAndChainDropdownProps {
26
26
  * Override to hide the new token badge
27
27
  */
28
28
  hideNewTokenBadge?: boolean;
29
+ /** Token symbols to prioritize at top of dropdown */
30
+ priorityTokenSymbols?: string[];
31
+ /** Determines the chain display order */
32
+ chainIdSortOrder?: number[];
33
+ /** Default chain ID — promoted to first position in chain dropdown */
34
+ defaultChainId?: number;
29
35
  }
30
36
  /** Combines together chain and token dropdowns */
31
- export declare const TokenAndChainDropdown: ({ isLoading, selectedToken, selectedChainId, assets, onTokenSelected, onChainSelected, tokenLabel, chainLabel, chainLabelAddon, alwaysOpenToTop, maxTokenDropdownHeight, maxChainDropdownHeight, openChainDropdownFullWidth, chainTagComponent, hideNewTokenBadge, }: TokenAndChainDropdownProps) => React.JSX.Element;
37
+ export declare const TokenAndChainDropdown: ({ isLoading, selectedToken, selectedChainId, assets, onTokenSelected, onChainSelected, tokenLabel, chainLabel, chainLabelAddon, alwaysOpenToTop, maxTokenDropdownHeight, maxChainDropdownHeight, openChainDropdownFullWidth, chainTagComponent, hideNewTokenBadge, priorityTokenSymbols, chainIdSortOrder, defaultChainId, }: TokenAndChainDropdownProps) => React.JSX.Element;
32
38
  export {};
package/dist/components/Dropdown/TokenDropdown.d.ts CHANGED
@@ -17,10 +17,12 @@ interface TokenDropdownProps {
17
17
  * Override to hide the new token badge
18
18
  */
19
19
  hideNewTokenBadge?: boolean;
20
+ /** Token symbols to prioritize at top of dropdown */
21
+ priorityTokenSymbols?: string[];
20
22
  /**
21
23
  * Test ID for the token dropdown
22
24
  */
23
25
  testId?: string;
24
26
  }
25
- export declare const TokenDropdown: ({ assets, selectedChainId, selectedToken, onTokenSelected, isLoading, alwaysOpenToTop, maxDropdownHeight, hideNewTokenBadge, testId, }: TokenDropdownProps) => React.JSX.Element;
27
+ export declare const TokenDropdown: ({ assets, selectedChainId, selectedToken, onTokenSelected, isLoading, alwaysOpenToTop, maxDropdownHeight, hideNewTokenBadge, priorityTokenSymbols, testId, }: TokenDropdownProps) => React.JSX.Element;
26
28
  export {};
package/dist/components/ModalHeightAnimationLayer/WithdrawalModalHeightAnimationWrapper.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { WithdrawalModalStep } from '../../modals/WithdrwalModal/types';
2
+ import { WithdrawalModalStep } from '../../modals/WithdrawalModal/types';
3
3
  interface WithdrawalModalHeightAnimationWrapperProps {
4
4
  children: React.ReactNode;
5
5
  withdrawalStep: WithdrawalModalStep;
package/dist/components/NewTokenDepositAlert/NewTokenDepositAlert.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { TransferTokenDefault } from '../../hooks/useTokenChain';
2
+ import type { TransferTokenDefault } from '../../hooks/useTokenAndChainDropdown';
3
3
  interface NewTokenDepositAlertProps {
4
4
  onClick: (value: TransferTokenDefault) => void;
5
5
  }
package/dist/css/sprinkles.css.d.ts CHANGED
@@ -1294,23 +1294,23 @@ export declare const sprinkles: ((props: {
1294
1294
  readonly fontFamily?: "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "dropdownGroupHeader" | "amountValue" | "body" | "header" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | undefined;
1295
1295
  readonly fontSize?: "inherit" | "inputLabel" | "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "dropdownGroupHeader" | "body" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "cryptoCashToggle" | "inputValue" | "modalTopbarTitle" | "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;
1296
1296
  readonly fontWeight?: "inherit" | "medium" | "bold" | "inputLabel" | "dropdownGroupHeader" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "regular" | "semibold" | "heavy" | "cryptoCashToggle" | "inputValue" | "modalTopbarTitle" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "sourceListSectionLabelFontWeight" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "formOfPaymentsListSectionLabelFontWeight" | undefined;
1297
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1297
+ 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;
1298
1298
  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;
1299
1299
  readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
1300
1300
  readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
1301
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1302
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1303
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1304
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1301
+ 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;
1302
+ 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;
1303
+ 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;
1304
+ 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;
1305
1305
  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;
1306
1306
  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;
1307
1307
  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;
1308
1308
  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;
1309
1309
  readonly overflow?: "hidden" | undefined;
1310
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1311
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1312
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1313
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1310
+ 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;
1311
+ 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;
1312
+ 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;
1313
+ 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;
1314
1314
  readonly position?: "fixed" | "absolute" | "relative" | undefined;
1315
1315
  readonly right?: "0" | undefined;
1316
1316
  readonly textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | "txStatusTitle" | "inputAmountQuickOptionButton" | undefined;
@@ -1318,12 +1318,12 @@ export declare const sprinkles: ((props: {
1318
1318
  readonly userSelect?: "none" | undefined;
1319
1319
  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;
1320
1320
  readonly backdropFilter?: "modalOverlay" | undefined;
1321
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1322
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1323
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1324
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1325
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1326
- 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" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1321
+ 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;
1322
+ 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;
1323
+ 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;
1324
+ 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;
1325
+ 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;
1326
+ 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;
1327
1327
  }) => string) & {
1328
1328
  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">;
1329
1329
  };
package/dist/hooks/statsig/useFeatureGate.d.ts CHANGED
@@ -1,7 +1,4 @@
1
- import { type TypedReturn } from '@statsig/react-bindings';
2
- import fallbackFeatureGates from '../../__generated__/default_feature_gates';
3
- type FallbackFeatureGates = typeof fallbackFeatureGates;
4
- type FeatureGateName = keyof FallbackFeatureGates;
5
- type FeatureGateValue<Name extends FeatureGateName> = FallbackFeatureGates[Name];
6
- export declare const useFeatureGate: <Name extends FeatureGateName>(name: Name) => TypedReturn<FeatureGateValue<Name>>;
1
+ import type fallbackFeatureGates from '../../__generated__/default_feature_gates';
2
+ type FeatureGateName = keyof typeof fallbackFeatureGates;
3
+ export declare const useFeatureGate: (name: FeatureGateName) => boolean;
7
4
  export {};