@funkit/connect
Version:
Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.
18 lines • 129 kB
TypeScript
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" | "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" | "actionColo