npm - @funkit/connect - Versions diffs - 0.0.0-20260710210119 - Mend

@funkit/connect 0.0.0-20260710210119

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1068) hide show

package/dist/css/sprinkles.css.d.ts ADDED Viewed

@@ -0,0 +1,1360 @@
+import './reset.css';
+import { type RequiredConditionalValue } from '@vanilla-extract/sprinkles';
+declare const themeContractValues: {
+    colors: {
+        accentColor: string;
+        accentColorForeground: string;
+        actionButtonBorder: string;
+        connectButtonBackground: string;
+        connectButtonBackgroundError: string;
+        connectButtonText: string;
+        connectButtonTextError: string;
+        connectionIndicator: string;
+        error: string;
+        errorBackground: string;
+        errorBorder: string;
+        generalBorder: string;
+        generalBorderDim: string;
+        menuItemBackground: string;
+        selectedOptionBorder: string;
+        focusedOptionBorder: string;
+        standby: string;
+        success: string;
+        delayedStatusIcon: string;
+        chainIconBorder: string;
+        modalBackdrop: string;
+        modalBackground: string;
+        /**
+         * Optional CSS `background` painted as a *translucent overlay* on top of
+         * the modal background when the post-checkout success screen renders for
+         * a *completed* checkout. Falls back to `modalBackground` so non-
+         * overriding themes paint nothing extra (the overlay color matches what
+         * was already there). Customers (e.g. Aave) set a multi-stop
+         * `linear-gradient(...)` stack here; use `rgba(..., 0)` stops (no opaque
+         * base) so it composites correctly on both light and dark backgrounds.
+         */
+        modalBackgroundCheckoutComplete: string;
+        modalBorder: string;
+        offBackground: string;
+        offBackgroundInverse: string;
+        hoverState: string;
+        lightStroke: string;
+        mediumStroke: string;
+        heavyStroke: string;
+        strokeColor: string;
+        secondaryBackground: string;
+        modalTopbarIcon: string;
+        modalTopbarIconBackground: string;
+        modalTopbarIconBackgroundHover: string;
+        modalTopbarIconBackgroundPressed: string;
+        modalTopbarIconStroke: string;
+        primaryText: string;
+        secondaryText: string;
+        tertiaryText: string;
+        textSelection: string;
+        inputLabel: string;
+        inputBackground: string;
+        inputBackgroundHover: string;
+        inputBorderBase: string;
+        inputBorderHover: string;
+        activeTabBorderColor: string;
+        activeTabBackground: string;
+        inactiveTabBorderColor: string;
+        inactiveTabBackgroundBase: string;
+        inactiveTabBackgroundHover: string;
+        inactiveTabBackgroundActive: string;
+        activeTabText: string;
+        inactiveTabTextBase: string;
+        inactiveTabHover: string;
+        actionColor: string;
+        actionColorHover: string;
+        actionColorDisabled: string;
+        buttonPrimary: string;
+        buttonDisabled: string;
+        buttonWarning: string;
+        buttonSuccess: string;
+        buttonTextPrimary: string;
+        buttonTextHover: string;
+        buttonTextDisabled: string;
+        transparent: string;
+        buttonBackgroundTertiary: string;
+        buttonBackgroundHoverTertiary: string;
+        buttonBackgroundDisabledTertiary: string;
+        buttonTextTertiary: string;
+        buttonTextDisabledTertiary: string;
+        buttonBackground: string;
+        buttonBackgroundHover: string;
+        buttonBackgroundPressed: string;
+        buttonBackgroundDisabled: string;
+        buttonTextSecondaryDisabled: string;
+        buttonTextSecondary: string;
+        buttonIconBackgroundHover: string;
+        buttonIconBackgroundPressed: string;
+        buttonIconStroke: string;
+        buttonBorderTertiary: string;
+        buttonBorderFocusedTertiary: string;
+        buttonFocusedOutline: string;
+        buttonBorderGradient: string;
+        buttonHoverBorderGradient: string;
+        buttonDisabledBorderGradient: string;
+        badgeBackgroundSuccess: string;
+        badgeBorderSuccess: string;
+        badgeTextSuccess: string;
+        newBadgeBackground: string;
+        newBadgeBorder: string;
+        newBadgeText: string;
+        approvedBadgeBackground: string;
+        approvedBadgeBorder: string;
+        approvedBadgeText: string;
+        failedBadgeBackground: string;
+        failedBadgeBorder: string;
+        failedBadgeText: string;
+        inputAmountQuickOptionBaseBackground: string;
+        inputAmountQuickOptionHoverBackground: string;
+        inputAmountQuickOptionActiveBackground: string;
+        inputAmountQuickOptionDisabledBackground: string;
+        inputAmountQuickOptionBaseBorder: string;
+        inputAmountQuickOptionHoverBorder: string;
+        inputAmountQuickOptionActiveBorder: string;
+        inputAmountQuickOptionFocusedBorder: string;
+        inputAmountFiatDecimalsColor: string;
+        youPayYouReceiveBackground: string;
+        youPayYouReceiveBorder: string;
+        youPayYouReceivePrimaryText: string;
+        youPayYouReceiveSecondaryText: string;
+        announceGradientFrom: string;
+        announceGradientTo: string;
+        modalHeaderDivider: string;
+        modalFooterDivider: string;
+        fiatPendingGradientFrom: string;
+        fiatPendingGradientTo: string;
+        fiatSuccessBackgroundFill: string;
+        fiatFailedBackgroundFill: string;
+        fiatStatusIconBorder: string;
+        fiatAccountIconFill: string;
+        fiatAccountGradientFrom: string;
+        fiatAccountGradientTo: string;
+        optionBoxBackground: string;
+        optionBoxBorderedBackground: string;
+        optionBoxBackgroundUninteractive: string;
+        optionBoxBorderBase: string;
+        optionBoxBorderHover: string;
+        optionBoxDefaultModeNotActiveBorderBase: string;
+        optionBoxDefaultModeNotActiveBorderHover: string;
+        openDropdownBackgroundColor: string;
+        dropdownActiveItemBackgroundBase: string;
+        dropdownActiveItemBackgroundHover: string;
+        dropdownActiveItemBackgroundDisabled: string;
+        dropdownActiveItemBorderBase: string;
+        dropdownActiveItemBorderHover: string;
+        dropdownGroupHeader: string;
+        selectedDropdownItemBackground: string;
+        alwaysVisibleLabelBackgroundHover: string;
+        selectedDropdownItemText: string;
+        useConnectedBackgroundBase: string;
+        useConnectedBackgroundHover: string;
+        copyButtonBackgroundBase: string;
+        copyButtonBackgroundHover: string;
+        copyButtonBackgroundActive: string;
+        copyButtonBorderBase: string;
+        copyButtonBorderHover: string;
+        funFeatureListBackgroundBase: string;
+        funFeatureListBackgroundHover: string;
+        funFeatureListBorderColor: string;
+        funFeatureListBorderColorHover: string;
+        spinnerBackground: string;
+        spinnerIndicator: string;
+        spinnerBackgroundVerifyAccount: string;
+        spinnerIndicatorVerifyAccount: string;
+        txSummaryBoxBackground: string;
+        txSummaryBoxBorder: string;
+        counterRingColor: string;
+        cryptoCashToggleContainerBorderColor: string;
+        cryptoCashToggleBackground: string;
+        qrCodeBackground: string;
+        qrCodeForeground: string;
+        withdrawalYouWillReceiveLabel: string;
+        withdrawalYouWillReceiveValueCrypto: string;
+        withdrawalYouWillReceiveValueUsd: string;
+    };
+    dimensions: {
+        connectExchangeIconSize: string;
+        cryptoCashToggleIconSize: string;
+        dollarValueSkeletonHeight: string;
+        dollarValueSkeletonWidth: string;
+        inputAmountQuickOptionButtonHeight: string;
+        inputAmountMinHeight: string;
+        modalBottomBarButtonHeight: string;
+        modalBottomBarCloseButtonHeight: string;
+        modalTopBarHeight: string;
+        modalTopbarIconSize: string;
+        modalTopbarIconWrapperSize: string;
+        paymentAmountSkeletonBlockHeight: string;
+        paymentAmountSkeletonBlockWidth: string;
+        paymentAmountSkeletonCircleSize: string;
+        paymentMethodItemIconSize: string;
+        selectAssetItemIconSize: string;
+        sourceListGap: string;
+        txBreakdownSkeletonWidth: string;
+        txSummaryLineSkeletonHeight: string;
+        txSummaryLineSkeletonWidth: string;
+    };
+    fonts: {
+        amountValue: string;
+        body: string;
+        buttonTextPrimary: string;
+        buttonTextSecondary: string;
+        buttonTextTertiary: string;
+        dropdownGroupHeader: string;
+        header: string;
+        inputAmount: string;
+        modalTopbarTitle: string;
+        txStatusDescription: string;
+        txStatusTitle: string;
+    };
+    fontWeight: {
+        regular: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        heavy: string;
+        cryptoCashToggle: string;
+        dropdownGroupHeader: string;
+        inputAmount: string;
+        inputLabel: string;
+        inputValue: string;
+        modalTopbarTitle: string;
+        modalBottomBarButtonText: string;
+        paymentMethodItemSubtitle: string;
+        paymentMethodItemTitle: string;
+        selectAssetItemSubtitle: string;
+        selectAssetItemTitle: string;
+        sourceListSectionLabelFontWeight: string;
+        txBreakdown: string;
+        txStatusDescription: string;
+        txStatusTitle: string;
+        txSummaryLabel: string;
+        txSummaryValue: string;
+        formOfPaymentsListSectionLabelFontWeight: string;
+        withdrawalYouWillReceiveLabel: string;
+        withdrawalYouWillReceiveValueCrypto: string;
+        withdrawalYouWillReceiveValueUsd: string;
+    };
+    fontSize: {
+        '10': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        '12': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        '13': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        '14': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        '16': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        '18': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        '20': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        '21': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        '40': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        '57': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        body: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        cryptoCashToggle: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        'header-14': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        'header-36': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        buttonTextPrimary: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        buttonTextSecondary: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        buttonTextTertiary: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        dollarValue: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        dropdownGroupHeader: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        inputAmount: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        inputLabel: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        inputValue: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        modalTopbarSubtitle: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        modalTopbarTitle: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        modalBottomBarButtonText: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        paymentMethodItemSubtitle: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        paymentMethodItemTitle: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        selectAssetItemSubtitle: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        selectAssetItemTitle: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        txBreakdown: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        txStatusDescription: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        txStatusTitle: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        txSummaryLabel: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        txSummaryValue: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        withdrawalYouWillReceive: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        youPayYouReceivePrimaryFontSize: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        youPayYouReceiveSecondaryFontSize: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        depositAddressFontSize: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        funFeatureListItemFontSize: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        dropdownItemFontSize: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        sourceListSectionLabelFontSize: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        formOfPaymentsListSectionLabelFontSize: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        quickOptionFontSize: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        useConnectedFontSize: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        paymentFeeSummaryTooltip: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        tooltipContent: {
+            fontSize: string;
+            lineHeight: string;
+        };
+    };
+    radii: {
+        actionButton: string;
+        actionButtonInner: string;
+        connectButton: string;
+        menuButton: string;
+        modal: string;
+        modalMobile: string;
+        modalActionButton: string;
+        modalActionButtonMobile: string;
+        summaryBox: string;
+        youPayYouReceive: string;
+        inputAmountSwitcher: string;
+        qrCode: string;
+        skeleton: string;
+        tooltip: string;
+        dropdown: string;
+        dropdownItem: string;
+        dropdownList: string;
+        modalTopbarIcon: string;
+        withdrawalInput: string;
+        useConnected: string;
+    };
+    borderWidths: {
+        activeOptionBorderWidth: string;
+        buttonTertiaryBorderWidth: string;
+        cryptoCashToggleContainerBorderWidth: string;
+        cryptoCashToggleActiveTabBorderWidth: string;
+        cryptoCashToggleInactiveTabBorderWidth: string;
+        txSummaryBoxBorderWidth: string;
+    };
+    shadows: {
+        connectButton: string;
+        dialog: string;
+        selectedOption: string;
+        selectedWallet: string;
+        dropdown: string;
+        notification: string;
+        qrCode: string;
+        buttonShadow: string;
+        buttonShadowTertiary: string;
+        buttonFocusedShadow: string;
+        buttonFocusedShadowTertiary: string;
+        buttonHoverShadow: string;
+        buttonHoverShadowTertiary: string;
+        buttonDisabledShadow: string;
+        buttonDisabledShadowTertiary: string;
+        buttonInnerShadow: string;
+        buttonInnerShadowTertiary: string;
+        buttonFocusedInnerShadow: string;
+        buttonFocusedInnerShadowTertiary: string;
+        buttonHoverInnerShadow: string;
+        buttonHoverInnerShadowTertiary: string;
+        buttonDisabledInnerShadow: string;
+        buttonDisabledInnerShadowTertiary: string;
+        selectedDropdownItem: string;
+    };
+    spacing: {
+        confirmationStepMarginTop: string;
+        confirmationStepVerticalGap: string;
+        cryptoCashToggleContainerPadding: string;
+        cryptoCashToggleMarginBottom: string;
+        cryptoCashToggleMarginTop: string;
+        cryptoCashToggleTabPaddingY: string;
+        dropdownItemIconGap: string;
+        dropdownItemPaddingX: string;
+        dropdownItemPaddingY: string;
+        dropdownCompactPaddingX: string;
+        dropdownCompactPaddingY: string;
+        dropdownPaddingX: string;
+        dropdownPaddingY: string;
+        modalBaseHorizontalPadding: string;
+        modalBottomBarButtonPaddingY: string;
+        modalBottomHorizontalPadding: string;
+        modalPaddingBottomUpper: string;
+        modalPaddingBottomLower: string;
+        modalTopBarVerticalTextSpacing: string;
+        selectAssetItemPaddingX: string;
+        selectAssetItemPaddingY: string;
+        selectAssetItemTextGap: string;
+        selectBrokerageItemPaddingX: string;
+        selectBrokerageItemPaddingY: string;
+        selectBrokerageListGap: string;
+        walletConnectorListGap: string;
+        txBreakdownMarginY: string;
+        txBreakdownPaddingX: string;
+        txSummaryBoxPaddingX: string;
+        txSummaryBoxPaddingY: string;
+        txSummaryLineItemPadding: string;
+        txSummaryDividerMarginX: string;
+        txSummaryDividerMarginY: string;
+        verticalSectionGap: string;
+        withdrawalModalPaddingTop: string;
+        youPayYouReceivePaddingLeft: string;
+        youPayYouReceivePaddingRight: string;
+        youPayYouReceivePaddingY: string;
+        inputPaddingX: string;
+        inputPaddingY: string;
+        dropdownActiveItemRegularSizePaddingY: string;
+        assetListDefaultGap: string;
+        dropdownGroupDividerMarginY: string;
+    };
+    textTransforms: {
+        inputAmountQuickOptionButton: string;
+        txStatusTitle: string;
+    };
+    blurs: {
+        modalOverlay: string;
+    };
+    opacities: {
+        buttonPrimaryDisabled: string;
+    };
+    moonpayTheme: string;
+    modalZIndex: string;
+};
+export declare const validColorNames: string[];
+export type ThemeVars = typeof themeContractValues;
+export declare const themeVars: {
+    colors: {
+        accentColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        accentColorForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        actionButtonBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        connectButtonBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        connectButtonBackgroundError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        connectButtonText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        connectButtonTextError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        connectionIndicator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        errorBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        errorBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        generalBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        generalBorderDim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        menuItemBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        selectedOptionBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        focusedOptionBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        standby: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        delayedStatusIcon: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        chainIconBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalBackdrop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalBackgroundCheckoutComplete: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        offBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        offBackgroundInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        hoverState: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        lightStroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        mediumStroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        heavyStroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        strokeColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondaryBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalTopbarIcon: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalTopbarIconBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalTopbarIconBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalTopbarIconBackgroundPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalTopbarIconStroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        primaryText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondaryText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tertiaryText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textSelection: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputBorderBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputBorderHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        activeTabBorderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        activeTabBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inactiveTabBorderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inactiveTabBackgroundBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inactiveTabBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inactiveTabBackgroundActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        activeTabText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inactiveTabTextBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inactiveTabHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        actionColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        actionColorHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        actionColorDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonTextPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonTextHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonBackgroundTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonBackgroundHoverTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonBackgroundDisabledTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonTextTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonTextDisabledTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonBackgroundPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonTextSecondaryDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonTextSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonIconBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonIconBackgroundPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonIconStroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonBorderTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonBorderFocusedTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonFocusedOutline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonBorderGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonHoverBorderGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonDisabledBorderGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        badgeBackgroundSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        badgeBorderSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        badgeTextSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        newBadgeBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        newBadgeBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        newBadgeText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        approvedBadgeBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        approvedBadgeBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        approvedBadgeText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        failedBadgeBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        failedBadgeBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        failedBadgeText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputAmountQuickOptionBaseBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputAmountQuickOptionHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputAmountQuickOptionActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputAmountQuickOptionDisabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputAmountQuickOptionBaseBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputAmountQuickOptionHoverBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputAmountQuickOptionActiveBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputAmountQuickOptionFocusedBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputAmountFiatDecimalsColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        youPayYouReceiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        youPayYouReceiveBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        youPayYouReceivePrimaryText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        youPayYouReceiveSecondaryText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        announceGradientFrom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        announceGradientTo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalHeaderDivider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalFooterDivider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        fiatPendingGradientFrom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        fiatPendingGradientTo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        fiatSuccessBackgroundFill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        fiatFailedBackgroundFill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        fiatStatusIconBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        fiatAccountIconFill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        fiatAccountGradientFrom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        fiatAccountGradientTo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        optionBoxBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        optionBoxBorderedBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        optionBoxBackgroundUninteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        optionBoxBorderBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        optionBoxBorderHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        optionBoxDefaultModeNotActiveBorderBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        optionBoxDefaultModeNotActiveBorderHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        openDropdownBackgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownActiveItemBackgroundBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownActiveItemBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownActiveItemBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownActiveItemBorderBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownActiveItemBorderHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownGroupHeader: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        selectedDropdownItemBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        alwaysVisibleLabelBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        selectedDropdownItemText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        useConnectedBackgroundBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        useConnectedBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        copyButtonBackgroundBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        copyButtonBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        copyButtonBackgroundActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        copyButtonBorderBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        copyButtonBorderHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        funFeatureListBackgroundBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        funFeatureListBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        funFeatureListBorderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        funFeatureListBorderColorHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        spinnerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        spinnerIndicator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        spinnerBackgroundVerifyAccount: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        spinnerIndicatorVerifyAccount: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txSummaryBoxBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txSummaryBoxBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        counterRingColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        cryptoCashToggleContainerBorderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        cryptoCashToggleBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        qrCodeBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        qrCodeForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        withdrawalYouWillReceiveLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        withdrawalYouWillReceiveValueCrypto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        withdrawalYouWillReceiveValueUsd: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    dimensions: {
+        connectExchangeIconSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        cryptoCashToggleIconSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dollarValueSkeletonHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dollarValueSkeletonWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputAmountQuickOptionButtonHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputAmountMinHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalBottomBarButtonHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalBottomBarCloseButtonHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalTopBarHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalTopbarIconSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalTopbarIconWrapperSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        paymentAmountSkeletonBlockHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        paymentAmountSkeletonBlockWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        paymentAmountSkeletonCircleSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        paymentMethodItemIconSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        selectAssetItemIconSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        sourceListGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txBreakdownSkeletonWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txSummaryLineSkeletonHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txSummaryLineSkeletonWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    fonts: {
+        amountValue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonTextPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonTextSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonTextTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownGroupHeader: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        header: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputAmount: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalTopbarTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txStatusDescription: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txStatusTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    fontWeight: {
+        regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        heavy: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        cryptoCashToggle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownGroupHeader: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputAmount: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputValue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalTopbarTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalBottomBarButtonText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        paymentMethodItemSubtitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        paymentMethodItemTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        selectAssetItemSubtitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        selectAssetItemTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        sourceListSectionLabelFontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txBreakdown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txStatusDescription: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txStatusTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txSummaryLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txSummaryValue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        formOfPaymentsListSectionLabelFontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        withdrawalYouWillReceiveLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        withdrawalYouWillReceiveValueCrypto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        withdrawalYouWillReceiveValueUsd: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    fontSize: {
+        '10': {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        '12': {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        '13': {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        '14': {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        '16': {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        '18': {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        '20': {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        '21': {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        '40': {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        '57': {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        body: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        cryptoCashToggle: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        'header-14': {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        'header-36': {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        buttonTextPrimary: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        buttonTextSecondary: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        buttonTextTertiary: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        dollarValue: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        dropdownGroupHeader: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        inputAmount: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        inputLabel: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        inputValue: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        modalTopbarSubtitle: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        modalTopbarTitle: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        modalBottomBarButtonText: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        paymentMethodItemSubtitle: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        paymentMethodItemTitle: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        selectAssetItemSubtitle: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        selectAssetItemTitle: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        txBreakdown: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        txStatusDescription: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        txStatusTitle: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        txSummaryLabel: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        txSummaryValue: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        withdrawalYouWillReceive: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        youPayYouReceivePrimaryFontSize: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        youPayYouReceiveSecondaryFontSize: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        depositAddressFontSize: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        funFeatureListItemFontSize: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        dropdownItemFontSize: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        sourceListSectionLabelFontSize: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        formOfPaymentsListSectionLabelFontSize: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quickOptionFontSize: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        useConnectedFontSize: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        paymentFeeSummaryTooltip: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tooltipContent: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    radii: {
+        actionButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        actionButtonInner: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        connectButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        menuButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalMobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalActionButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalActionButtonMobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        summaryBox: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        youPayYouReceive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputAmountSwitcher: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        qrCode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        skeleton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownItem: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownList: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalTopbarIcon: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        withdrawalInput: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        useConnected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    borderWidths: {
+        activeOptionBorderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonTertiaryBorderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        cryptoCashToggleContainerBorderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        cryptoCashToggleActiveTabBorderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        cryptoCashToggleInactiveTabBorderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txSummaryBoxBorderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    shadows: {
+        connectButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dialog: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        selectedOption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        selectedWallet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        notification: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        qrCode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonFocusedShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonFocusedShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonHoverShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonHoverShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonDisabledShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonInnerShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonInnerShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonFocusedInnerShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonFocusedInnerShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonHoverInnerShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonHoverInnerShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonDisabledInnerShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonDisabledInnerShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        selectedDropdownItem: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    spacing: {
+        confirmationStepMarginTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        confirmationStepVerticalGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        cryptoCashToggleContainerPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        cryptoCashToggleMarginBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        cryptoCashToggleMarginTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        cryptoCashToggleTabPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownItemIconGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownItemPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownItemPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownCompactPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownCompactPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalBaseHorizontalPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalBottomBarButtonPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalBottomHorizontalPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalPaddingBottomUpper: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalPaddingBottomLower: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalTopBarVerticalTextSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        selectAssetItemPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        selectAssetItemPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        selectAssetItemTextGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        selectBrokerageItemPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        selectBrokerageItemPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        selectBrokerageListGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        walletConnectorListGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txBreakdownMarginY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txBreakdownPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txSummaryBoxPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txSummaryBoxPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txSummaryLineItemPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txSummaryDividerMarginX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txSummaryDividerMarginY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        verticalSectionGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        withdrawalModalPaddingTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        youPayYouReceivePaddingLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        youPayYouReceivePaddingRight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        youPayYouReceivePaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownActiveItemRegularSizePaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        assetListDefaultGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownGroupDividerMarginY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    textTransforms: {
+        inputAmountQuickOptionButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        txStatusTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    blurs: {
+        modalOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    opacities: {
+        buttonPrimaryDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    moonpayTheme: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    modalZIndex: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const largeScreenMinWidth = 768;
+declare const responsiveProperties: {
+    conditions: {
+        defaultCondition: "smallScreen";
+        conditionNames: ("smallScreen" | "largeScreen")[];
+    };
+    styles: {
+        alignItems: {
+            values: {
+                center: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                "flex-end": {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                "flex-start": {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+            };
+        };
+        display: {
+            values: {
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                flex: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                block: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                inline: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+            };
+        };
+    };
+};
+export type ResponsiveValue<Value extends string | number | boolean> = RequiredConditionalValue<typeof responsiveProperties, Value>;
+export declare const mapResponsiveValue: <OutputValue extends string | number | boolean | null | undefined, Value extends import("@vanilla-extract/sprinkles").ConditionalValue<{
+    conditions: {
+        defaultCondition: "smallScreen";
+        conditionNames: ("smallScreen" | "largeScreen")[];
+    };
+    styles: {
+        alignItems: {
+            values: {
+                center: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                "flex-end": {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                "flex-start": {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+            };
+        };
+        display: {
+            values: {
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                flex: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                block: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                inline: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+            };
+        };
+    };
+}, string | number | boolean>>(value: Value, fn: (inputValue: Value extends import("@vanilla-extract/sprinkles").ResponsiveArray<1, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 2, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 4 | 2, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 4 | 2 | 5, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 4 | 2 | 5 | 6, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 4 | 2 | 5 | 6 | 7, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 4 | 2 | 5 | 6 | 7 | 8, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "smallScreen" | "largeScreen") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"smallScreen" | "largeScreen", OutputValue>>;
+export declare const normalizeResponsiveValue: <Value extends string | number | boolean>(value: import("@vanilla-extract/sprinkles").ConditionalValue<{
+    conditions: {
+        defaultCondition: "smallScreen";
+        conditionNames: ("smallScreen" | "largeScreen")[];
+    };
+    styles: {
+        alignItems: {
+            values: {
+                center: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                "flex-end": {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                "flex-start": {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+            };
+        };
+        display: {
+            values: {
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                flex: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                block: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                inline: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+            };
+        };
+    };
+}, Value>) => Partial<Record<"smallScreen" | "largeScreen", Value>>;
+export declare const sprinkles: ((props: {
+    background?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | {
+        base?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+        hover?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+        active?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+        selection?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+        focused?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+        focusedVisible?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+    } | undefined;
+    borderColor?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | {
+        base?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+        hover?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+        active?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+        selection?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+        focused?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+        focusedVisible?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+    } | undefined;
+    boxShadow?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | {
+        base?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | undefined;
+        hover?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | undefined;
+        active?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | undefined;
+        selection?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | undefined;
+        focused?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | undefined;
+        focusedVisible?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | undefined;
+    } | undefined;
+    color?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | {
+        base?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+        hover?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+        active?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+        selection?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+        focused?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+        focusedVisible?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
+    } | undefined;
+} & {
+    alignItems?: "center" | "flex-end" | "flex-start" | {
+        smallScreen?: "center" | "flex-end" | "flex-start" | undefined;
+        largeScreen?: "center" | "flex-end" | "flex-start" | undefined;
+    } | undefined;
+    display?: "none" | "flex" | "block" | "inline" | {
+        smallScreen?: "none" | "flex" | "block" | "inline" | undefined;
+        largeScreen?: "none" | "flex" | "block" | "inline" | undefined;
+    } | undefined;
+} & {
+    readonly alignSelf?: "center" | "flex-end" | "flex-start" | undefined;
+    readonly backgroundSize?: "cover" | undefined;
+    readonly borderRadius?: "tooltip" | "1" | "modalTopbarIcon" | "10" | "13" | "16" | "actionButton" | "actionButtonInner" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "modalActionButton" | "modalActionButtonMobile" | "summaryBox" | "youPayYouReceive" | "inputAmountSwitcher" | "qrCode" | "skeleton" | "dropdown" | "dropdownItem" | "dropdownList" | "withdrawalInput" | "useConnected" | "4" | "6" | "8" | "11" | "24" | "30" | "full" | "badge" | "smallBadge" | undefined;
+    readonly borderStyle?: "dotted" | "hidden" | "solid" | undefined;
+    readonly borderWidth?: "0" | "1" | "activeOptionBorderWidth" | "buttonTertiaryBorderWidth" | "cryptoCashToggleContainerBorderWidth" | "cryptoCashToggleActiveTabBorderWidth" | "cryptoCashToggleInactiveTabBorderWidth" | "txSummaryBoxBorderWidth" | "2" | "3" | "4" | "0.5" | undefined;
+    readonly cursor?: "default" | "help" | "not-allowed" | "pointer" | undefined;
+    readonly flexDirection?: "column" | "row" | undefined;
+    readonly fontFamily?: "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "dropdownGroupHeader" | "amountValue" | "body" | "header" | "inputAmount" | "modalTopbarTitle" | "txStatusDescription" | "txStatusTitle" | undefined;
+    readonly fontSize?: "inherit" | "inputLabel" | "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "dropdownGroupHeader" | "body" | "inputAmount" | "modalTopbarTitle" | "txStatusDescription" | "txStatusTitle" | "cryptoCashToggle" | "inputValue" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "header-14" | "header-36" | "dollarValue" | "modalTopbarSubtitle" | "withdrawalYouWillReceive" | "youPayYouReceivePrimaryFontSize" | "youPayYouReceiveSecondaryFontSize" | "depositAddressFontSize" | "funFeatureListItemFontSize" | "dropdownItemFontSize" | "sourceListSectionLabelFontSize" | "formOfPaymentsListSectionLabelFontSize" | "quickOptionFontSize" | "useConnectedFontSize" | "paymentFeeSummaryTooltip" | "tooltipContent" | undefined;
+    readonly fontWeight?: "inherit" | "medium" | "bold" | "inputLabel" | "dropdownGroupHeader" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | "inputAmount" | "modalTopbarTitle" | "txStatusDescription" | "txStatusTitle" | "regular" | "semibold" | "heavy" | "cryptoCashToggle" | "inputValue" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "sourceListSectionLabelFontWeight" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "formOfPaymentsListSectionLabelFontWeight" | undefined;
+    readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
+    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;
+    readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
+    readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
+    readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
+    readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
+    readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
+    readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
+    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;
+    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;
+    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;
+    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;
+    readonly overflow?: "hidden" | undefined;
+    readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
+    readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
+    readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
+    readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
+    readonly position?: "fixed" | "absolute" | "relative" | undefined;
+    readonly right?: "0" | undefined;
+    readonly textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | "txStatusTitle" | "inputAmountQuickOptionButton" | undefined;
+    readonly transition?: "transform" | "default" | undefined;
+    readonly userSelect?: "none" | undefined;
+    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;
+    readonly backdropFilter?: "modalOverlay" | undefined;
+    margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
+    marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
+    marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
+    padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
+    paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
+    paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
+}) => string) & {
+    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">;
+};
+export type Sprinkles = Parameters<typeof sprinkles>[0];
+export {};