import { type FunkitTokens } from './tokens'; /** * Wraps the pure {@link buildFunkitTheme} projection in Restyle's `createTheme`. * All the real work — mirroring the Fun Variables Figma groups onto the theme — * lives in `buildFunkitTheme`; this is just the thin Restyle boundary so the * projection stays testable without Restyle's react-native imports. */ export declare function toRestyleTheme(tokens: FunkitTokens): { colors: {}; background: { modal: string; secondary: string; button: { primary: import("./tokens").ButtonSurface; secondary: import("./tokens").ButtonSurface; tertiary: import("./tokens").ButtonSurface; icon: import("./tokens").ButtonSurface; destructive: import("./tokens").ButtonSurface & { disabled: string; }; }; pill: { default: string; pressed: string; disabled: string; }; overlay: string; }; content: { elements: { primary: string; secondary: string; success: string; error: string; hyperlink: string; warning: string; watermark: string; tertiary: string; ghosted: string; }; button: { primary: { default: string; loadingAlpha: string; }; secondary: { default: string; loadingAlpha: string; }; tertiary: { default: string; }; icon: { default: string; }; destructive: { default: string; loadingAlpha: string; }; }; }; border: { radius: { modal: number; element: number; elementInner: number; button: number; }; modal: { default: string; weight: number; }; elements: { default: { color: string; weight: number; }; selected: { color: string; weight: number; }; }; button: { primary: string; secondary: string; weight: number; }; }; brand: { primary: string; }; opacity: { disabled: number; }; font: import("./tokens").FunkitFontTokens; form: { field: string; fieldNext: string; divider: string; fieldInvalid: { fill: string; content: string; placeholder: string; }; errorNotice: { fill: string; content: string; }; }; spacing: { none: number; elementsHorizontal: number; modalHorizontal: number; }; borderRadii: { modal: number; element: number; elementInner: number; button: number; rounded: number; }; borderWidths: { modal: number; elementsDefault: number; elementsSelected: number; button: number; }; sizes: { topBar: number; buttonHeight: number; buttonXs: number; buttonSm: number; buttonMd: number; buttonLg: number; iconXs: number; iconSm: number; iconMd: number; iconLg: number; }; breakpoints: { phone: number; tablet: number; }; textVariants: { defaults: { fontSize: number; lineHeight: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; body: { fontSize: number; lineHeight: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; bodyMedium: { fontSize: number; lineHeight: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; detail: { fontSize: number; lineHeight: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; headerTitle: { fontSize: number; textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; headerSubtitle: { fontSize: number; textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; drawerTitle: { fontSize: number; lineHeight: number; letterSpacing: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; amountInput: { fontSize: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; amountSummary: { fontSize: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; }; textWeights: { base: { fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; medium: { fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; semibold: { fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; }; }; /** The Restyle theme type all connect-rn components are written against. */ export type FunkitTheme = ReturnType; /** Built-in default Restyle themes derived from the Fun Variables Light/Dark tokens. */ export declare const defaultLightTheme: { colors: {}; background: { modal: string; secondary: string; button: { primary: import("./tokens").ButtonSurface; secondary: import("./tokens").ButtonSurface; tertiary: import("./tokens").ButtonSurface; icon: import("./tokens").ButtonSurface; destructive: import("./tokens").ButtonSurface & { disabled: string; }; }; pill: { default: string; pressed: string; disabled: string; }; overlay: string; }; content: { elements: { primary: string; secondary: string; success: string; error: string; hyperlink: string; warning: string; watermark: string; tertiary: string; ghosted: string; }; button: { primary: { default: string; loadingAlpha: string; }; secondary: { default: string; loadingAlpha: string; }; tertiary: { default: string; }; icon: { default: string; }; destructive: { default: string; loadingAlpha: string; }; }; }; border: { radius: { modal: number; element: number; elementInner: number; button: number; }; modal: { default: string; weight: number; }; elements: { default: { color: string; weight: number; }; selected: { color: string; weight: number; }; }; button: { primary: string; secondary: string; weight: number; }; }; brand: { primary: string; }; opacity: { disabled: number; }; font: import("./tokens").FunkitFontTokens; form: { field: string; fieldNext: string; divider: string; fieldInvalid: { fill: string; content: string; placeholder: string; }; errorNotice: { fill: string; content: string; }; }; spacing: { none: number; elementsHorizontal: number; modalHorizontal: number; }; borderRadii: { modal: number; element: number; elementInner: number; button: number; rounded: number; }; borderWidths: { modal: number; elementsDefault: number; elementsSelected: number; button: number; }; sizes: { topBar: number; buttonHeight: number; buttonXs: number; buttonSm: number; buttonMd: number; buttonLg: number; iconXs: number; iconSm: number; iconMd: number; iconLg: number; }; breakpoints: { phone: number; tablet: number; }; textVariants: { defaults: { fontSize: number; lineHeight: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; body: { fontSize: number; lineHeight: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; bodyMedium: { fontSize: number; lineHeight: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; detail: { fontSize: number; lineHeight: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; headerTitle: { fontSize: number; textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; headerSubtitle: { fontSize: number; textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; drawerTitle: { fontSize: number; lineHeight: number; letterSpacing: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; amountInput: { fontSize: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; amountSummary: { fontSize: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; }; textWeights: { base: { fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; medium: { fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; semibold: { fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; }; }; export declare const defaultDarkTheme: { colors: {}; background: { modal: string; secondary: string; button: { primary: import("./tokens").ButtonSurface; secondary: import("./tokens").ButtonSurface; tertiary: import("./tokens").ButtonSurface; icon: import("./tokens").ButtonSurface; destructive: import("./tokens").ButtonSurface & { disabled: string; }; }; pill: { default: string; pressed: string; disabled: string; }; overlay: string; }; content: { elements: { primary: string; secondary: string; success: string; error: string; hyperlink: string; warning: string; watermark: string; tertiary: string; ghosted: string; }; button: { primary: { default: string; loadingAlpha: string; }; secondary: { default: string; loadingAlpha: string; }; tertiary: { default: string; }; icon: { default: string; }; destructive: { default: string; loadingAlpha: string; }; }; }; border: { radius: { modal: number; element: number; elementInner: number; button: number; }; modal: { default: string; weight: number; }; elements: { default: { color: string; weight: number; }; selected: { color: string; weight: number; }; }; button: { primary: string; secondary: string; weight: number; }; }; brand: { primary: string; }; opacity: { disabled: number; }; font: import("./tokens").FunkitFontTokens; form: { field: string; fieldNext: string; divider: string; fieldInvalid: { fill: string; content: string; placeholder: string; }; errorNotice: { fill: string; content: string; }; }; spacing: { none: number; elementsHorizontal: number; modalHorizontal: number; }; borderRadii: { modal: number; element: number; elementInner: number; button: number; rounded: number; }; borderWidths: { modal: number; elementsDefault: number; elementsSelected: number; button: number; }; sizes: { topBar: number; buttonHeight: number; buttonXs: number; buttonSm: number; buttonMd: number; buttonLg: number; iconXs: number; iconSm: number; iconMd: number; iconLg: number; }; breakpoints: { phone: number; tablet: number; }; textVariants: { defaults: { fontSize: number; lineHeight: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; body: { fontSize: number; lineHeight: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; bodyMedium: { fontSize: number; lineHeight: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; detail: { fontSize: number; lineHeight: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; headerTitle: { fontSize: number; textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; headerSubtitle: { fontSize: number; textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; drawerTitle: { fontSize: number; lineHeight: number; letterSpacing: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; amountInput: { fontSize: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; amountSummary: { fontSize: number; fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; }; textWeights: { base: { fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; medium: { fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; semibold: { fontFamily: string; fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; }; }; }; //# sourceMappingURL=toRestyleTheme.d.ts.map