@revenuecat/purchases-ui-js/dist/types.d.ts

Web components for Paywalls. Powered by RevenueCat

import type { ColorGradientScheme, ColorScheme } from "./types/colors";
export type ColorMode = "light" | "dark";
export declare enum FontSizeTags {
    body_s = "p",
    body_m = "p",
    body_l = "p",
    body_xl = "p",
    heading_xs = "h6",
    heading_s = "h5",
    heading_m = "h4",
    heading_l = "h3",
    heading_xl = "h2",
    heading_xxl = "h1"
}
export declare enum FontWeights {
    extra_light = 100,
    thin = 200,
    light = 300,
    regular = 400,
    medium = 500,
    semibold = 600,
    bold = 700,
    extra_bold = 800,
    black = 900
}
export declare enum FontSizes {
    body_s = "13px",
    body_m = "14px",
    body_l = "15px",
    body_xl = "16px",
    heading_xs = "14px",
    heading_s = "16px",
    heading_m = "18px",
    heading_l = "20px",
    heading_xl = "26px",
    heading_xxl = "32px"
}
export declare enum TextAlignments {
    leading = "start",
    center = "center",
    trailing = "end"
}
type FixedSize = {
    type: "fixed";
    value: number;
};
type RelativeSize = {
    type: "relative";
    value: number;
};
type FitFillSize = {
    type: "fit" | "fill";
    value?: null;
};
export type Size = FixedSize | RelativeSize | FitFillSize;
export type SizeType = {
    width: Size;
    height: Size;
};
export type ShapeType = CircleShape | RectangleShape | PillShape;
export type RectangleShape = {
    type: "rectangle";
    corners: CornerRadiusType | null;
};
export type CircleShape = {
    type: "circle";
    corners?: null;
};
export type PillShape = {
    type: "pill";
    corners?: CornerRadiusType | null;
};
export type ConcaveShape = {
    type: "concave";
};
export type ConvexShape = {
    type: "convex";
};
export type BorderType = {
    color: ColorGradientScheme;
    width: number;
};
export type Spacing = {
    top: number;
    bottom: number;
    leading: number;
    trailing: number;
};
export type CornerRadiusType = {
    bottom_leading: number;
    bottom_trailing: number;
    top_leading: number;
    top_trailing: number;
};
export type AlignmentType = "top_leading" | "top" | "top_trailing" | "leading" | "center" | "trailing" | "bottom_leading" | "bottom" | "bottom_trailing";
export type ShadowType = {
    x: number;
    y: number;
    radius: number;
    color: ColorScheme;
};
export declare enum StackDirection {
    vertical = "column",
    horizontal = "row",
    zlayer = "zstack"
}
export declare enum StackAlignment {
    top = "flex-start",
    leading = "flex-start",
    center = "center",
    bottom = "flex-end",
    trailing = "flex-end"
}
export declare enum StackDistribution {
    space_between = "space-between",
    space_around = "space-around",
    space_evenly = "space-evenly",
    start = "flex-start",
    center = "center",
    end = "flex-end"
}
export type { WorkflowScreen } from "./types/workflow";
export type { ColorScheme } from "./types/colors";
export type { ComponentInteractionData, ComponentInteractionType, OnComponentInteraction, } from "./types/paywall-component-interaction";
export type { ReservedAttribute } from "./types/components/input-text";