@funkit/connect/dist/components/Box/Box.d.ts

Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.

import { type ClassValue } from 'clsx';
import * as React from 'react';
export type BoxBorderType = Pick<BoxProps, 'borderColor' | 'borderStyle' | 'borderWidth'>;
type HTMLProperties<T = HTMLElement> = Omit<React.AllHTMLAttributes<T>, 'as' | 'className' | 'color' | 'height' | 'width'>;
export declare const Box: React.ForwardRefExoticComponent<{
    background?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | {
        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
        focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
        focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
    } | undefined;
    borderColor?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | {
        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
        focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
        focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
    } | undefined;
    boxShadow?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonFocusedShadow" | {
        base?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonFocusedShadow" | undefined;
        hover?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonFocusedShadow" | undefined;
        active?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonFocusedShadow" | undefined;
        selection?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonFocusedShadow" | undefined;
        focused?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonFocusedShadow" | undefined;
        focusedVisible?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonFocusedShadow" | undefined;
    } | undefined;
    color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | {
        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
        focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | undefined;
        focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "gene