@passageidentity/passage-react/dist/lib/components/PassageTheme/PassageThemeTypes.d.ts

Passkey Complete for React - Go completely passwordless with a standalone auth solution in your React apps with Passage by 1Password.

import { CSSProperties } from 'react';
export interface PassageCustomCSS extends CSSProperties {
    '--passage-container-background-color'?: string;
    '--passage-container-max-width'?: string;
    '--passage-container-margin'?: string;
    '--passage-container-padding'?: string;
    '--passage-container-border-radius'?: string;
    '--passage-error-color'?: string;
    '--passage-modal-background-color'?: string;
    '--passage-body-font-family'?: string;
    '--passage-body-font-size'?: string;
    '--passage-body-font-weight'?: string;
    '--passage-body-text-color'?: string;
    '--passage-header-font-family'?: string;
    '--passage-header-font-size'?: string;
    '--passage-header-font-weight'?: string;
    '--passage-header-text-color'?: string;
    '--passage-anchor-text-color'?: string;
    '--passage-anchor-hover-color'?: string;
    '--passage-anchor-active-color'?: string;
    '--passage-otp-input-background-color'?: string;
    '--passage-input-text-color'?: string;
    '--passage-input-box-background-color'?: string;
    '--passage-input-box-border-radius'?: string;
    '--passage-checkbox-background-color-default'?: string;
    '--passage-checkbox-text-color-default'?: string;
    '--passage-control-border-radius'?: string;
    '--passage-control-border-color'?: string;
    '--passage-control-border-hover-color'?: string;
    '--passage-control-border-active-color'?: string;
    '--passage-button-font-size'?: string;
    '--passage-button-font-weight'?: string;
    '--passage-button-width'?: string;
    '--passage-primary-button-background-color'?: string;
    '--passage-primary-button-text-color'?: string;
    '--passage-primary-button-border-radius'?: string;
    '--passage-primary-button-border-color'?: string;
    '--passage-primary-button-border-width'?: string;
    '--passage-primary-button-text-hover-color'?: string;
    '--passage-primary-button-background-hover-color'?: string;
    '--passage-primary-button-border-hover-color'?: string;
    '--passage-primary-button-text-active-color'?: string;
    '--passage-primary-button-background-active-color'?: string;
    '--passage-primary-button-border-active-color'?: string;
    '--passage-secondary-button-background-color'?: string;
    '--passage-secondary-button-text-color'?: string;
    '--passage-secondary-button-border-radius'?: string;
    '--passage-secondary-button-border-color'?: string;
    '--passage-secondary-button-border-width'?: string;
    '--passage-secondary-button-text-hover-color'?: string;
    '--passage-secondary-button-background-hover-color'?: string;
    '--passage-secondary-button-border-hover-color'?: string;
    '--passage-secondary-button-text-active-color'?: string;
    '--passage-secondary-button-background-active-color'?: string;
    '--passage-social-button-border-active-color'?: string;
    '--passage-social-button-background-color'?: string;
    '--passage-social-button-text-color'?: string;
    '--passage-social-button-border-radius'?: string;
    '--passage-social-button-border-color'?: string;
    '--passage-social-button-border-width'?: string;
    '--passage-social-button-text-hover-color'?: string;
    '--passage-social-button-background-hover-color'?: string;
    '--passage-social-button-border-hover-color'?: string;
    '--passage-social-button-text-active-color'?: string;
    '--passage-social-button-background-active-color'?: string;
    '--passage-secondary-button-border-active-color'?: string;
    '--passage-table-header-border-color'?: string;
    '--passage-table-row-border-color'?: string;
    '--passage-table-paginator-selected-color'?: string;
    '--passage-table-paginator-hover-color'?: string;
    '--passage-table-device-icon-color-default'?: string;
    '--passage-table-device-info-color-default'?: string;
    '--passage-table-action-icon-hover-color-default'?: string;
}
export interface PassageThemeProps {
    containerBackground?: string;
    containerBackgroundColor?: string;
    containerMaxWidth?: string;
    containerMargin?: string;
    containerPadding?: string;
    errorColor?: string;
    bodyFontFamily?: string;
    bodyFontSize?: string;
    bodyFontWeight?: string;
    bodyTextColor?: string;
    headerFontFamily?: string;
    headerFontSize?: string;
    headerFontWeight?: string;
    headerTextColor?: string;
    anchorTextColor?: string;
    anchorHoverColor?: string;
    anchorActiveColor?: string;
    otpInputBackgroundColor?: string;
    inputTextColor?: string;
    inputBoxBackgroundColor?: string;
    inputBoxBorderRadius?: string;
    checkboxBackgroundColor?: string;
    checkboxTextColor?: string;
    controlBorderRadius?: string;
    controlBorderColor?: string;
    controlBorderActiveColor?: string;
    buttonFontSize?: string;
    buttonFontWeight?: string;
    buttonWidth?: string;
    primaryButtonBackgroundColor?: string;
    primaryButtonTextColor?: string;
    primaryButtonBorderRadius?: string;
    primaryButtonBorderColor?: string;
    primaryButtonBorderWidth?: string;
    primaryButtonBorderHoverColor?: string;
    primaryButtonTextHoverColor?: string;
    primaryButtonBackgroundHoverColor?: string;
    primaryButtonTextActiveColor?: string;
    primaryButtonBackgroundActiveColor?: string;
    primaryButtonBorderActiveColor?: string;
    secondaryButtonBackgroundColor?: string;
    secondaryButtonTextColor?: string;
    secondaryButtonBorderRadius?: string;
    secondaryButtonBorderColor?: string;
    secondaryButtonBorderWidth?: string;
    secondaryButtonBorderHoverColor?: string;
    secondaryButtonTextHoverColor?: string;
    secondaryButtonBackgroundHoverColor?: string;
    secondaryButtonTextActiveColor?: string;
    secondaryButtonBackgroundActiveColor?: string;
    secondaryButtonBorderActiveColor?: string;
    socialButtonBackgroundColor?: string;
    socialButtonTextColor?: string;
    socialButtonBorderRadius?: string;
    socialButtonBorderColor?: string;
    socialButtonBorderWidth?: string;
    socialButtonBorderHoverColor?: string;
    socialButtonTextHoverColor?: string;
    socialButtonBackgroundHoverColor?: string;
    socialButtonTextActiveColor?: string;
    socialButtonBackgroundActiveColor?: string;
    socialButtonBorderActiveColor?: string;
    tableHeaderBorderColor?: string;
    tableRowBorderColor?: string;
    tablePaginatorSelectedColor?: string;
    tablePaginatorHoverColor?: string;
    tableDeviceIconColorDefault?: string;
    tableDeviceInfoColorDefault?: string;
    tableActionIconHoverColorDefault?: string;
}
//# sourceMappingURL=PassageThemeTypes.d.ts.map