@funkit/connect 9.3.1 → 9.3.2

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.
@@ -55,23 +55,23 @@ export declare const Box: React.ForwardRefExoticComponent<{
55
55
  readonly fontFamily?: "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "amountValue" | "body" | "header" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | undefined;
56
56
  readonly fontSize?: "inherit" | "inputLabel" | "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "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" | undefined;
57
57
  readonly fontWeight?: "inherit" | "medium" | "bold" | "inputLabel" | "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" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "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" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-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" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "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" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "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" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "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" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "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" | "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" | "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" | "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" | "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" | "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" | "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" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-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" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "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" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "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" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "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" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "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" | "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" | "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" | "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" | "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" | "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" | "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" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-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" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "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" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "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" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "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" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "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" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "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" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "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" | "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" | "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" | "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" | "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" | "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" | "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" | "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" | "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" | "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" | "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" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
88
88
  } & {
89
89
  reset?: keyof React.JSX.IntrinsicElements;
90
90
  } & HTMLProperties<HTMLElement> & {
@@ -459,6 +459,7 @@ declare const themeContractValues: {
459
459
  selectAssetItemTextGap: string;
460
460
  selectBrokerageItemPaddingX: string;
461
461
  selectBrokerageItemPaddingY: string;
462
+ selectBrokerageListGap: string;
462
463
  txBreakdownMarginY: string;
463
464
  txBreakdownPaddingX: string;
464
465
  txSummaryBoxPaddingX: string;
@@ -947,6 +948,7 @@ export declare const themeVars: {
947
948
  selectAssetItemTextGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
948
949
  selectBrokerageItemPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
949
950
  selectBrokerageItemPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
951
+ selectBrokerageListGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
950
952
  txBreakdownMarginY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
951
953
  txBreakdownPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
952
954
  txSummaryBoxPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1224,23 +1226,23 @@ export declare const sprinkles: ((props: {
1224
1226
  readonly fontFamily?: "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "amountValue" | "body" | "header" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | undefined;
1225
1227
  readonly fontSize?: "inherit" | "inputLabel" | "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "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" | undefined;
1226
1228
  readonly fontWeight?: "inherit" | "medium" | "bold" | "inputLabel" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "regular" | "semibold" | "heavy" | "cryptoCashToggle" | "inputValue" | "modalTopbarTitle" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "sourceListSectionLabelFontWeight" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "formOfPaymentsListSectionLabelFontWeight" | undefined;
1227
- readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1229
+ readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1228
1230
  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;
1229
1231
  readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
1230
1232
  readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
1231
- readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1232
- readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1233
- readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1234
- readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1233
+ readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1234
+ readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1235
+ readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1236
+ readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1235
1237
  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;
1236
1238
  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;
1237
1239
  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;
1238
1240
  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;
1239
1241
  readonly overflow?: "hidden" | undefined;
1240
- readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1241
- readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1242
- readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1243
- readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1242
+ readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1243
+ readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1244
+ readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1245
+ readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1244
1246
  readonly position?: "fixed" | "absolute" | "relative" | undefined;
1245
1247
  readonly right?: "0" | undefined;
1246
1248
  readonly textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | "txStatusTitle" | "inputAmountQuickOptionButton" | undefined;
@@ -1248,12 +1250,12 @@ export declare const sprinkles: ((props: {
1248
1250
  readonly userSelect?: "none" | undefined;
1249
1251
  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;
1250
1252
  readonly backdropFilter?: "modalOverlay" | undefined;
1251
- margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1252
- marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1253
- marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1254
- padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1255
- paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1256
- paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1253
+ margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1254
+ marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1255
+ marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
1256
+ padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1257
+ paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1258
+ paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "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" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
1257
1259
  }) => string) & {
1258
1260
  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">;
1259
1261
  };
@@ -3,6 +3,11 @@ import type { Address } from 'viem';
3
3
  import type { FunkitCheckoutConfig } from '../providers/FunkitCheckoutContext';
4
4
  import type { AssetHoldingsItem } from '../utils/assets';
5
5
  import { PaymentMethod } from '../domains/paymentMethods';
6
+ /**
7
+ * Calculates the minimum USD value an asset must have to be considered usable for checkout.
8
+ * Accounts for the customer's configured minimum deposit and a global floor.
9
+ */
10
+ export declare function getMinValueThreshold(config: FunkitCheckoutConfig | undefined, minUsdRequired?: number): number;
6
11
  export declare const isStablecoin: (symbol: string) => boolean;
7
12
  export declare function isPreferredChain(chainId: number, additionalChains?: number[]): boolean;
8
13
  export declare function isNativeTokenAddress(address: Address): boolean;
@@ -18,14 +23,14 @@ interface AssetUsableToPayParms {
18
23
  assetTokenAddress: string;
19
24
  assetUsdAmount: number | null;
20
25
  isAllowedForCheckout: boolean;
21
- minUsdRequired?: number;
26
+ minValueThreshold: number;
22
27
  isDynamicRoutingEnabled: boolean;
23
28
  t: TFunction;
24
29
  }
25
- export declare const isAssetUsableToPayForCheckout: ({ config, payerAddress, paymentMethod, targetChainId, targetTokenAddress, assetChainId, assetTokenAddress, assetUsdAmount, isAllowedForCheckout, minUsdRequired, isDynamicRoutingEnabled, t, }: AssetUsableToPayParms) => {
30
+ export declare const isAssetUsableToPayForCheckout: ({ config, payerAddress, paymentMethod, targetChainId, targetTokenAddress, assetChainId, assetTokenAddress, assetUsdAmount, isAllowedForCheckout, minValueThreshold, isDynamicRoutingEnabled, t, }: AssetUsableToPayParms) => {
26
31
  isUsable: boolean;
27
32
  reason: string;
28
- minUsdRequired?: number;
33
+ minUsdWithFees?: number;
29
34
  };
30
35
  export declare function getUsdAvailableAmount(targetChainId: string, assetChainId: string | undefined, assetUsdAmount: number | null | undefined, paymentMethod: PaymentMethod | undefined): number | null;
31
36
  export {};
@@ -55,5 +55,7 @@ export declare enum CheckoutModalEvent {
55
55
  SWAPPED_IFRAME_ERROR = "fc::swapped_iframe::error",
56
56
  SWAPPED_IFRAME_BACK = "fc::swapped_iframe::back",
57
57
  SWAPPED_IFRAME_NEW_DEPOSIT_BACK = "fc::swapped_iframe::new_deposit_back",
58
- SWAPPED_IFRAME_EXIT = "fc::swapped_iframe::exit"
58
+ SWAPPED_IFRAME_EXIT = "fc::swapped_iframe::exit",
59
+ SWAPPED_IFRAME_ORDER_DATA = "fc::swapped_iframe::order_data",
60
+ SWAPPED_IFRAME_LOGOUT = "fc::swapped_iframe::logout"
59
61
  }