Auth0 Universal Components
    Preparing search index...

    Interface StylingVariables

    interface StylingVariables {
        common?: {
            "--font-size-body"?: string;
            "--font-size-heading"?: string;
            "--font-size-label"?: string;
            "--font-size-page-description"?: string;
            "--font-size-page-header"?: string;
            "--font-size-paragraph"?: string;
            "--font-size-subtitle"?: string;
            "--font-size-title"?: string;
            "--radius-2xl"?: string;
            "--radius-3xl"?: string;
            "--radius-4xl"?: string;
            "--radius-5xl"?: string;
            "--radius-6xl"?: string;
            "--radius-7xl"?: string;
            "--radius-8xl"?: string;
            "--radius-9xl"?: string;
            "--radius-lg"?: string;
            "--radius-md"?: string;
            "--radius-sm"?: string;
            "--radius-xl"?: string;
            "--radius-xs"?: string;
        };
        dark?: {
            "--accent"?: string;
            "--accent-foreground"?: string;
            "--background"?: string;
            "--border"?: string;
            "--card"?: string;
            "--card-foreground"?: string;
            "--color-destructive-border"?: string;
            "--color-info"?: string;
            "--color-info-foreground"?: string;
            "--color-input-foreground"?: string;
            "--color-input-muted"?: string;
            "--color-page"?: string;
            "--color-popover-border"?: string;
            "--color-success"?: string;
            "--color-success-foreground"?: string;
            "--color-warning"?: string;
            "--color-warning-foreground"?: string;
            "--destructive"?: string;
            "--destructive-foreground"?: string;
            "--foreground"?: string;
            "--input"?: string;
            "--muted"?: string;
            "--muted-foreground"?: string;
            "--popover"?: string;
            "--popover-foreground"?: string;
            "--primary"?: string;
            "--primary-foreground"?: string;
            "--ring"?: string;
            "--secondary"?: string;
            "--secondary-foreground"?: string;
            "--shadow-bevel-2xl"?: string;
            "--shadow-bevel-lg"?: string;
            "--shadow-bevel-md"?: string;
            "--shadow-bevel-sm"?: string;
            "--shadow-bevel-xl"?: string;
            "--shadow-bevel-xs"?: string;
            "--shadow-button-destructive-focus"?: string;
            "--shadow-button-destructive-hover"?: string;
            "--shadow-button-destructive-resting"?: string;
            "--shadow-button-focus"?: string;
            "--shadow-button-hover"?: string;
            "--shadow-button-outlined-focus"?: string;
            "--shadow-button-outlined-hover"?: string;
            "--shadow-button-outlined-resting"?: string;
            "--shadow-button-resting"?: string;
            "--shadow-checkbox-hover"?: string;
            "--shadow-checkbox-resting"?: string;
            "--shadow-input-destructive-focus"?: string;
            "--shadow-input-destructive-hover"?: string;
            "--shadow-input-destructive-resting"?: string;
            "--shadow-input-focus"?: string;
            "--shadow-input-hover"?: string;
            "--shadow-input-resting"?: string;
            "--shadow-switch-focus"?: string;
            "--shadow-switch-hover"?: string;
            "--shadow-switch-resting"?: string;
            "--shadow-switch-thumb"?: string;
            "--shadow-switch-thumb-dark"?: string;
        };
        light?: {
            "--accent"?: string;
            "--accent-foreground"?: string;
            "--background"?: string;
            "--border"?: string;
            "--card"?: string;
            "--card-foreground"?: string;
            "--color-destructive-border"?: string;
            "--color-info"?: string;
            "--color-info-foreground"?: string;
            "--color-input-foreground"?: string;
            "--color-input-muted"?: string;
            "--color-page"?: string;
            "--color-popover-border"?: string;
            "--color-success"?: string;
            "--color-success-foreground"?: string;
            "--color-warning"?: string;
            "--color-warning-foreground"?: string;
            "--destructive"?: string;
            "--destructive-foreground"?: string;
            "--foreground"?: string;
            "--input"?: string;
            "--muted"?: string;
            "--muted-foreground"?: string;
            "--popover"?: string;
            "--popover-foreground"?: string;
            "--primary"?: string;
            "--primary-foreground"?: string;
            "--ring"?: string;
            "--secondary"?: string;
            "--secondary-foreground"?: string;
            "--shadow-bevel-2xl"?: string;
            "--shadow-bevel-lg"?: string;
            "--shadow-bevel-md"?: string;
            "--shadow-bevel-sm"?: string;
            "--shadow-bevel-xl"?: string;
            "--shadow-bevel-xs"?: string;
            "--shadow-button-destructive-focus"?: string;
            "--shadow-button-destructive-hover"?: string;
            "--shadow-button-destructive-resting"?: string;
            "--shadow-button-focus"?: string;
            "--shadow-button-hover"?: string;
            "--shadow-button-outlined-focus"?: string;
            "--shadow-button-outlined-hover"?: string;
            "--shadow-button-outlined-resting"?: string;
            "--shadow-button-resting"?: string;
            "--shadow-checkbox-hover"?: string;
            "--shadow-checkbox-resting"?: string;
            "--shadow-input-destructive-focus"?: string;
            "--shadow-input-destructive-hover"?: string;
            "--shadow-input-destructive-resting"?: string;
            "--shadow-input-focus"?: string;
            "--shadow-input-hover"?: string;
            "--shadow-input-resting"?: string;
            "--shadow-switch-focus"?: string;
            "--shadow-switch-hover"?: string;
            "--shadow-switch-resting"?: string;
            "--shadow-switch-thumb"?: string;
            "--shadow-switch-thumb-dark"?: string;
        };
    }
    Index

    Properties

    Properties

    common?: {
        "--font-size-body"?: string;
        "--font-size-heading"?: string;
        "--font-size-label"?: string;
        "--font-size-page-description"?: string;
        "--font-size-page-header"?: string;
        "--font-size-paragraph"?: string;
        "--font-size-subtitle"?: string;
        "--font-size-title"?: string;
        "--radius-2xl"?: string;
        "--radius-3xl"?: string;
        "--radius-4xl"?: string;
        "--radius-5xl"?: string;
        "--radius-6xl"?: string;
        "--radius-7xl"?: string;
        "--radius-8xl"?: string;
        "--radius-9xl"?: string;
        "--radius-lg"?: string;
        "--radius-md"?: string;
        "--radius-sm"?: string;
        "--radius-xl"?: string;
        "--radius-xs"?: string;
    }
    dark?: {
        "--accent"?: string;
        "--accent-foreground"?: string;
        "--background"?: string;
        "--border"?: string;
        "--card"?: string;
        "--card-foreground"?: string;
        "--color-destructive-border"?: string;
        "--color-info"?: string;
        "--color-info-foreground"?: string;
        "--color-input-foreground"?: string;
        "--color-input-muted"?: string;
        "--color-page"?: string;
        "--color-popover-border"?: string;
        "--color-success"?: string;
        "--color-success-foreground"?: string;
        "--color-warning"?: string;
        "--color-warning-foreground"?: string;
        "--destructive"?: string;
        "--destructive-foreground"?: string;
        "--foreground"?: string;
        "--input"?: string;
        "--muted"?: string;
        "--muted-foreground"?: string;
        "--popover"?: string;
        "--popover-foreground"?: string;
        "--primary"?: string;
        "--primary-foreground"?: string;
        "--ring"?: string;
        "--secondary"?: string;
        "--secondary-foreground"?: string;
        "--shadow-bevel-2xl"?: string;
        "--shadow-bevel-lg"?: string;
        "--shadow-bevel-md"?: string;
        "--shadow-bevel-sm"?: string;
        "--shadow-bevel-xl"?: string;
        "--shadow-bevel-xs"?: string;
        "--shadow-button-destructive-focus"?: string;
        "--shadow-button-destructive-hover"?: string;
        "--shadow-button-destructive-resting"?: string;
        "--shadow-button-focus"?: string;
        "--shadow-button-hover"?: string;
        "--shadow-button-outlined-focus"?: string;
        "--shadow-button-outlined-hover"?: string;
        "--shadow-button-outlined-resting"?: string;
        "--shadow-button-resting"?: string;
        "--shadow-checkbox-hover"?: string;
        "--shadow-checkbox-resting"?: string;
        "--shadow-input-destructive-focus"?: string;
        "--shadow-input-destructive-hover"?: string;
        "--shadow-input-destructive-resting"?: string;
        "--shadow-input-focus"?: string;
        "--shadow-input-hover"?: string;
        "--shadow-input-resting"?: string;
        "--shadow-switch-focus"?: string;
        "--shadow-switch-hover"?: string;
        "--shadow-switch-resting"?: string;
        "--shadow-switch-thumb"?: string;
        "--shadow-switch-thumb-dark"?: string;
    }
    light?: {
        "--accent"?: string;
        "--accent-foreground"?: string;
        "--background"?: string;
        "--border"?: string;
        "--card"?: string;
        "--card-foreground"?: string;
        "--color-destructive-border"?: string;
        "--color-info"?: string;
        "--color-info-foreground"?: string;
        "--color-input-foreground"?: string;
        "--color-input-muted"?: string;
        "--color-page"?: string;
        "--color-popover-border"?: string;
        "--color-success"?: string;
        "--color-success-foreground"?: string;
        "--color-warning"?: string;
        "--color-warning-foreground"?: string;
        "--destructive"?: string;
        "--destructive-foreground"?: string;
        "--foreground"?: string;
        "--input"?: string;
        "--muted"?: string;
        "--muted-foreground"?: string;
        "--popover"?: string;
        "--popover-foreground"?: string;
        "--primary"?: string;
        "--primary-foreground"?: string;
        "--ring"?: string;
        "--secondary"?: string;
        "--secondary-foreground"?: string;
        "--shadow-bevel-2xl"?: string;
        "--shadow-bevel-lg"?: string;
        "--shadow-bevel-md"?: string;
        "--shadow-bevel-sm"?: string;
        "--shadow-bevel-xl"?: string;
        "--shadow-bevel-xs"?: string;
        "--shadow-button-destructive-focus"?: string;
        "--shadow-button-destructive-hover"?: string;
        "--shadow-button-destructive-resting"?: string;
        "--shadow-button-focus"?: string;
        "--shadow-button-hover"?: string;
        "--shadow-button-outlined-focus"?: string;
        "--shadow-button-outlined-hover"?: string;
        "--shadow-button-outlined-resting"?: string;
        "--shadow-button-resting"?: string;
        "--shadow-checkbox-hover"?: string;
        "--shadow-checkbox-resting"?: string;
        "--shadow-input-destructive-focus"?: string;
        "--shadow-input-destructive-hover"?: string;
        "--shadow-input-destructive-resting"?: string;
        "--shadow-input-focus"?: string;
        "--shadow-input-hover"?: string;
        "--shadow-input-resting"?: string;
        "--shadow-switch-focus"?: string;
        "--shadow-switch-hover"?: string;
        "--shadow-switch-resting"?: string;
        "--shadow-switch-thumb"?: string;
        "--shadow-switch-thumb-dark"?: string;
    }