@bifold/core 2.3.0 → 2.4.0

package/lib/typescript/src/theme.d.ts

@@ -1,6 +1,7 @@
-import { TextStyle, ViewStyle } from 'react-native';
+import { ViewStyle } from 'react-native';
 import { SvgProps } from 'react-native-svg';
 import React from 'react';
+import { IChatTheme, IHomeTheme, IInputs, ISettingsTheme, ITabTheme, ITextTheme, IOnboardingTheme, IDialogTheme, ILoadingTheme, IPINInputTheme, IInlineInputMessage, IButtons, IListItems } from './theme.interface';
 export interface ISVGAssets {
     activityIndicator: React.FC<SvgProps>;
     appLockout: React.FC<SvgProps>;
@@ -88,76 +89,6 @@ export interface IInputAttributes {
     borderWidth?: number;
     borderColor?: string;
 }
-export interface IInlineInputMessage {
-    inlineErrorText: IFontAttributes;
-    InlineErrorIcon: React.FC<SvgProps>;
-    inlineWarningText: IFontAttributes;
-    InlineWarningIcon: React.FC<SvgProps>;
-}
-export interface IInputs {
-    label: IFontAttributes;
-    textInput: IInputAttributes;
-    inputSelected: IInputAttributes;
-    singleSelect: IInputAttributes;
-    singleSelectText: IFontAttributes;
-    singleSelectIcon: IInputAttributes;
-    checkBoxColor: IInputAttributes;
-    checkBoxText: IFontAttributes;
-}
-export interface ITextTheme {
-    headingOne: IFontAttributes;
-    headingTwo: IFontAttributes;
-    headingThree: IFontAttributes;
-    headingFour: IFontAttributes;
-    normal: IFontAttributes;
-    bold: IFontAttributes;
-    label: IFontAttributes;
-    labelTitle: IFontAttributes;
-    labelSubtitle: IFontAttributes;
-    labelText: IFontAttributes;
-    caption: IFontAttributes;
-    title: IFontAttributes;
-    headerTitle: IFontAttributes;
-    modalNormal: IFontAttributes;
-    modalTitle: IFontAttributes;
-    popupModalText: IFontAttributes;
-    modalHeadingOne: IFontAttributes;
-    modalHeadingThree: IFontAttributes;
-    settingsText: IFontAttributes;
-    inlineErrorText: IFontAttributes;
-    inlineWarningText: IFontAttributes;
-}
-export interface IBrandColors {
-    primary: string;
-    primaryDisabled: string;
-    secondary: string;
-    secondaryDisabled: string;
-    tertiary: string;
-    tertiaryDisabled: string;
-    primaryLight: string;
-    highlight: string;
-    primaryBackground: string;
-    secondaryBackground: string;
-    tertiaryBackground: string;
-    modalPrimary: string;
-    modalSecondary: string;
-    modalTertiary: string;
-    modalPrimaryBackground: string;
-    modalSecondaryBackground: string;
-    modalTertiaryBackground: string;
-    modalIcon: string;
-    link: string;
-    text: string;
-    icon: string;
-    headerText: string;
-    headerIcon: string;
-    buttonText: string;
-    tabBarInactive: string;
-    unorderedList: string;
-    unorderedListModal: string;
-    inlineError: string;
-    inlineWarning: string;
-}
 export interface ISemanticColors {
     error: string;
     success: string;
@@ -194,7 +125,7 @@ export interface IErrorColors {
     error: string;
     warning: string;
 }
-export interface IColorPallet {
+export interface IColorPalette {
     brand: IBrandColors;
     semantic: ISemanticColors;
     notification: INotificationColors;
@@ -214,406 +145,103 @@ export declare const lightOpacity = 0.35;
 export declare const zeroOpacity = 0;
 export declare const borderWidth = 2;
 export declare const maxFontSizeMultiplier = 2;
-export declare const ColorPallet: IColorPallet;
+declare const BrandColors: {
+    primary: string;
+    primaryDisabled: string;
+    secondary: string;
+    secondaryDisabled: string;
+    tertiary: string;
+    tertiaryDisabled: string;
+    primaryLight: string;
+    highlight: string;
+    primaryBackground: string;
+    secondaryBackground: string;
+    tertiaryBackground: string;
+    modalPrimary: string;
+    modalSecondary: string;
+    modalTertiary: string;
+    modalPrimaryBackground: string;
+    modalSecondaryBackground: string;
+    modalTertiaryBackground: string;
+    modalIcon: string;
+    unorderedList: string;
+    unorderedListModal: string;
+    link: string;
+    text: string;
+    icon: string;
+    headerIcon: string;
+    headerText: string;
+    buttonText: string;
+    tabBarInactive: string;
+    inlineError: string;
+    inlineWarning: string;
+};
+export type IBrandColors = typeof BrandColors;
+export declare const ColorPalette: IColorPalette;
+/**
+ * Creates a text theme based on the provided color pallet.
+ *
+ * @param {{ ColorPalette: IColorPalette }} theme - The theme object containing the color pallet
+ * @returns {*} {ITextTheme} - The created text theme
+ */
+export declare function createTextTheme(theme: {
+    ColorPalette: IColorPalette;
+}): ITextTheme;
 export declare const TextTheme: ITextTheme;
+/**
+ * Creates a theme for inputs based on the provided color pallet and text theme.
+ *
+ * @param {{ ColorPalette: IColorPalette; TextTheme: ITextTheme; borderRadius: number }} theme - The theme object containing the color pallet, text theme, and border radius
+ * @returns {*} {IInputs} - The created inputs theme
+ */
+export declare function createInputsTheme(theme: {
+    ColorPalette: IColorPalette;
+    TextTheme: ITextTheme;
+    borderRadius: number;
+}): IInputs;
 export declare const Inputs: IInputs;
-export declare const Buttons: {
-    critical: {
-        padding: number;
-        borderRadius: number;
-        backgroundColor: string;
-    };
-    criticalText: {
-        color: string;
-        textAlign: "center";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    criticalTextDisabled: {
-        color: string;
-        textAlign: "center";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    primary: {
-        padding: number;
-        borderRadius: number;
-        backgroundColor: string;
-    };
-    primaryDisabled: {
-        padding: number;
-        borderRadius: number;
-        backgroundColor: string;
-    };
-    primaryText: {
-        color: string;
-        textAlign: "center";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    primaryTextDisabled: {
-        textAlign: "center";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        color: string;
-        lineHeight?: number;
-    };
-    secondary: {
-        padding: number;
-        borderRadius: number;
-        borderWidth: number;
-        borderColor: string;
-    };
-    secondaryDisabled: {
-        padding: number;
-        borderRadius: number;
-        borderWidth: number;
-        borderColor: string;
-    };
-    secondaryText: {
-        color: string;
-        textAlign: "center";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    secondaryTextDisabled: {
-        color: string;
-        textAlign: "center";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    tertiary: {
-        padding: number;
-    };
-    tertiaryDisabled: {
-        padding: number;
-    };
-    tertiaryText: {
-        color: string;
-        textAlign: "center";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    tertiaryTextDisabled: {
-        color: string;
-        textAlign: "center";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    modalCritical: {
-        padding: number;
-        borderRadius: number;
-        backgroundColor: string;
-    };
-    modalCriticalDisabled: {
-        padding: number;
-        borderRadius: number;
-        backgroundColor: string;
-    };
-    modalCriticalText: {
-        color: string;
-        textAlign: "center";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    modalCriticalTextDisabled: {
-        color: string;
-        textAlign: "center";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    modalPrimary: {
-        padding: number;
-        borderRadius: number;
-        backgroundColor: string;
-    };
-    modalPrimaryDisabled: {
-        padding: number;
-        borderRadius: number;
-        backgroundColor: string;
-    };
-    modalPrimaryText: {
-        color: string;
-        textAlign: "center";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    modalPrimaryTextDisabled: {
-        color: string;
-        textAlign: "center";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    modalSecondary: {
-        padding: number;
-        borderRadius: number;
-        borderWidth: number;
-        borderColor: string;
-    };
-    modalSecondaryDisabled: {
-        padding: number;
-        borderRadius: number;
-        borderWidth: number;
-        borderColor: string;
-    };
-    modalSecondaryText: {
-        color: string;
-        textAlign: "center";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    modalSecondaryTextDisabled: {
-        color: string;
-        textAlign: "center";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    modalTertiary: {
-        padding: number;
-    };
-    modalTertiaryDisabled: {
-        padding: number;
-    };
-    modalTertiaryText: {
-        color: string;
-        textAlign: "center";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    modalTertiaryTextDisabled: {
-        color: string;
-        textAlign: "center";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-};
-export declare const ListItems: {
-    credentialBackground: {
-        backgroundColor: string;
-    };
-    credentialTitle: {
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        color: string;
-        lineHeight?: number;
-    };
-    credentialDetails: {
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        color: string;
-        lineHeight?: number;
-    };
-    credentialOfferBackground: {
-        backgroundColor: string;
-    };
-    credentialOfferTitle: {
-        fontWeight: "normal";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        color: string;
-        lineHeight?: number;
-    };
-    credentialOfferDetails: {
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        color: string;
-        lineHeight?: number;
-    };
-    revoked: {
-        backgroundColor: string;
-        borderColor: string;
-    };
-    contactBackground: {
-        backgroundColor: string;
-    };
-    credentialIconColor: {
-        color: string;
-    };
-    contactTitle: {
-        color: string;
-    };
-    contactDate: {
-        color: string;
-        marginTop: number;
-    };
-    contactIconBackground: {
-        backgroundColor: string;
-    };
-    contactIcon: {
-        color: string;
-    };
-    recordAttributeLabel: {
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        color: string;
-        lineHeight?: number;
-    };
-    recordContainer: {
-        backgroundColor: string;
-    };
-    recordBorder: {
-        borderBottomColor: string;
-    };
-    recordLink: {
-        color: string;
-    };
-    recordAttributeText: {
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        color: string;
-        lineHeight?: number;
-    };
-    proofIcon: {
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        color: string;
-        lineHeight?: number;
-    };
-    proofError: {
-        color: string;
-    };
-    avatarText: {
-        fontWeight: "normal";
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        color: string;
-        lineHeight?: number;
-    };
-    avatarCircle: {
-        borderRadius: number;
-        borderColor: string;
-        width: number;
-        height: number;
-    };
-    emptyList: {
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        color: string;
-        lineHeight?: number;
-    };
-    requestTemplateBackground: {
-        backgroundColor: string;
-    };
-    requestTemplateIconColor: {
-        color: string;
-    };
-    requestTemplateTitle: {
-        color: string;
-        fontWeight: "bold";
-        fontSize: number;
-    };
-    requestTemplateDetails: {
-        color: string;
-        fontWeight: "normal";
-        fontSize: number;
-    };
-    requestTemplateZkpLabel: {
-        color: string;
-        fontSize: number;
-    };
-    requestTemplateIcon: {
-        color: string;
-        fontSize: number;
-    };
-    requestTemplateDate: {
-        color: string;
-        fontSize: number;
-    };
-};
-export interface ITabTheme {
-    tabBarStyle: ViewStyle & {
-        height: number;
-        backgroundColor: string;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowRadius: number;
-        shadowColor: string;
-        shadowOpacity: number;
-        borderTopWidth: number;
-        paddingBottom: number;
-    };
-    tabBarContainerStyle: ViewStyle;
-    tabBarActiveTintColor: string;
-    tabBarInactiveTintColor: string;
-    tabBarTextStyle: TextStyle & {
-        fontSize: number;
-    };
-    tabBarButtonIconStyle: {
-        color: string;
-    };
-    focusTabIconStyle: ViewStyle;
-    focusTabActiveTintColor: {
-        backgroundColor: string;
-    };
-    tabBarSecondaryBackgroundColor: string;
-}
+/**
+ * Creates a theme for buttons based on the provided color pallet and text theme.
+ *
+ * @param {{ ColorPalette: IColorPalette; TextTheme: ITextTheme }} theme - The theme object containing the color pallet and text theme
+ * @returns {*} {IButtons} - The created buttons theme
+ */
+export declare function createButtonsTheme(theme: {
+    ColorPalette: IColorPalette;
+    TextTheme: ITextTheme;
+}): IButtons;
+export declare const Buttons: IButtons;
+/**
+ * Creates a theme for list items based on the provided color pallet and text theme.
+ *
+ * @param {{ ColorPalette: IColorPalette; TextTheme: ITextTheme }} theme - The theme object containing the color pallet and text theme
+ * @returns {*} {IListItems} - The created list items theme
+ */
+export declare function createListItemsTheme(theme: {
+    ColorPalette: IColorPalette;
+    TextTheme: ITextTheme;
+}): IListItems;
+export declare const ListItems: IListItems;
+/**
+ * Creates a theme for tabs based on the provided color pallet and text theme.
+ *
+ * @param {{ ColorPalette: IColorPalette; TextTheme: ITextTheme }} theme - The theme object containing the color pallet and text theme
+ * @returns {*} {ITabTheme} - The created tab theme
+ */
+export declare function createTabTheme(theme: {
+    ColorPalette: IColorPalette;
+    TextTheme: ITextTheme;
+}): ITabTheme;
 export declare const TabTheme: ITabTheme;
-export declare const NavigationTheme: {
+/**
+ * Creates a navigation theme based on the provided color pallet.
+ *
+ * @param {{ ColorPalette: IColorPalette }} theme - The theme object containing the color pallet
+ * @returns {*} {INavigationTheme} - The created navigation theme
+ */
+export declare function createNavigationTheme(theme: {
+    ColorPalette: IColorPalette;
+}): {
     dark: boolean;
     colors: {
         primary: string;
@@ -624,231 +252,93 @@ export declare const NavigationTheme: {
         notification: string;
     };
 };
-export declare const HomeTheme: {
-    welcomeHeader: {
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        color: string;
-        lineHeight?: number;
-    };
-    credentialMsg: {
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        color: string;
-        lineHeight?: number;
-    };
-    notificationsHeader: {
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        color: string;
-        lineHeight?: number;
-    };
-    noNewUpdatesText: {
-        color: string;
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    link: {
-        color: string;
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-};
-export declare const SettingsTheme: {
-    groupHeader: {
-        marginBottom: number;
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        color: string;
-        lineHeight?: number;
-    };
-    groupBackground: string;
-    iconColor: string;
-    text: {
-        color: string;
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
+export type INavigationTheme = ReturnType<typeof createNavigationTheme>;
+export declare const NavigationTheme: {
+    dark: boolean;
+    colors: {
+        primary: string;
+        background: string;
+        card: string;
+        text: string;
+        border: string;
+        notification: string;
     };
 };
-export declare const ChatTheme: {
-    containerStyle: {
-        marginBottom: number;
-        marginLeft: number;
-        marginRight: number;
-        flexDirection: string;
-        alignItems: string;
-        alignSelf: string;
-    };
-    leftBubble: {
-        backgroundColor: string;
-        borderRadius: number;
-        padding: number;
-        marginLeft: number;
-    };
-    rightBubble: {
-        backgroundColor: string;
-        borderRadius: number;
-        padding: number;
-        marginRight: number;
-    };
-    timeStyleLeft: {
-        color: string;
-        fontSize: number;
-        marginTop: number;
-    };
-    timeStyleRight: {
-        color: string;
-        fontSize: number;
-        marginTop: number;
-    };
-    leftText: {
-        color: string;
-        fontSize: number;
-    };
-    leftTextHighlighted: {
-        color: string;
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    rightText: {
-        color: string;
-        fontSize: number;
-    };
-    rightTextHighlighted: {
-        color: string;
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        lineHeight?: number;
-    };
-    inputToolbar: {
-        backgroundColor: string;
-        shadowColor: string;
-        borderRadius: number;
-    };
-    inputText: {
-        lineHeight: undefined;
-        fontWeight: string;
-        fontSize: number;
-    };
-    placeholderText: string;
-    sendContainer: {
-        marginBottom: number;
-        paddingHorizontal: number;
-        justifyContent: string;
-    };
-    sendEnabled: string;
-    sendDisabled: string;
-    options: string;
-    optionsText: string;
-    openButtonStyle: {
-        borderRadius: number;
-        backgroundColor: string;
-        paddingTop: number;
-        paddingBottom: number;
-        paddingLeft: number;
-        paddingRight: number;
-        marginTop: number;
-    };
-    openButtonTextStyle: {
-        fontSize: number;
-        fontWeight: string;
-        textAlign: string;
-    };
-    documentIconContainer: {
-        backgroundColor: string;
+/**
+ * Creates a home theme based on the provided color pallet and text theme.
+ *
+ * @param {{ ColorPalette: IColorPalette; TextTheme: ITextTheme }} theme - The theme object containing the color pallet and text theme
+ * @returns {*} {IHomeTheme} - The created home theme
+ */
+export declare function createHomeTheme(theme: {
+    ColorPalette: IColorPalette;
+    TextTheme: ITextTheme;
+}): IHomeTheme;
+export declare const HomeTheme: IHomeTheme;
+/**
+ * Creates a settings theme based on the provided color pallet and text theme.
+ *
+ * @param {{ ColorPalette: IColorPalette; TextTheme: ITextTheme }} theme - The theme object containing the color pallet and text theme
+ * @returns {*} {ISettingsTheme} - The created settings theme
+ */
+export declare function createSettingsTheme(theme: {
+    ColorPalette: IColorPalette;
+    TextTheme: ITextTheme;
+}): ISettingsTheme;
+export declare const SettingsTheme: ISettingsTheme;
+/**
+ * Creates a chat theme based on the provided color pallet and text theme.
+ *
+ * @param {{ ColorPalette: IColorPalette; TextTheme: ITextTheme }} theme - The theme object containing the color pallet and text theme
+ * @returns {*} {IChatTheme} - The created chat theme
+ */
+export declare function createChatTheme(theme: {
+    ColorPalette: IColorPalette;
+    TextTheme: ITextTheme;
+}): IChatTheme;
+export declare const ChatTheme: IChatTheme;
+/**
+ * Creates an onboarding theme based on the provided color pallet and text theme.
+ *
+ * @param {{ ColorPalette: IColorPalette; TextTheme: ITextTheme }} theme - The theme object containing the color pallet and text theme
+ * @returns {*} {IOnboardingTheme} - The created onboarding theme
+ */
+export declare function createOnboardingTheme(theme: {
+    ColorPalette: IColorPalette;
+    TextTheme: ITextTheme;
+}): IOnboardingTheme;
+export declare const OnboardingTheme: IOnboardingTheme;
+/**
+ * Creates a dialog theme based on the provided color pallet.
+ *
+ * @param {{ ColorPalette: IColorPalette }} theme - The theme object containing the color pallet
+ * @returns {*} {IDialogTheme} - The created dialog theme
+ */
+export declare function createDialogTheme(theme: {
+    ColorPalette: IColorPalette;
+}): IDialogTheme;
+export declare const DialogTheme: IDialogTheme;
+export declare function createLoadingTheme(theme: {
+    ColorPalette: IColorPalette;
+}): ILoadingTheme;
+export declare const LoadingTheme: ILoadingTheme;
+declare const PINEnterTheme: {
+    image: {
         alignSelf: string;
-        borderRadius: number;
         marginBottom: number;
-        justifyContent: string;
-        alignItems: string;
-        width: number;
-        height: number;
-    };
-    documentIcon: {
-        color: string;
-    };
-};
-export declare const OnboardingTheme: {
-    container: {
-        backgroundColor: string;
-    };
-    carouselContainer: {
-        backgroundColor: string;
-    };
-    pagerDot: {
-        borderColor: string;
-    };
-    pagerDotActive: {
-        color: string;
-    };
-    pagerDotInactive: {
-        color: string;
-    };
-    pagerNavigationButton: {
-        color: string;
-        fontWeight: string;
-        fontSize: number;
-    };
-    headerTintColor: string;
-    headerText: {
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        color: string;
-        lineHeight?: number;
-    };
-    bodyText: {
-        fontFamily?: string;
-        fontStyle?: "normal" | "italic";
-        fontSize: number;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-        color: string;
-        lineHeight?: number;
-    };
-    imageDisplayOptions: {
-        fill: string;
-    };
-};
-export declare const DialogTheme: {
-    modalView: {
-        backgroundColor: string;
-    };
-    titleText: {
-        color: string;
-    };
-    description: {
-        color: string;
-    };
-    closeButtonIcon: {
-        color: string;
-    };
-    carouselButtonText: {
-        color: string;
     };
 };
+export type IPINEnterTheme = typeof PINEnterTheme;
+/**
+ * Creates a theme for PIN input based on the provided color pallet.
+ *
+ * @param {{ ColorPalette: IColorPalette }} theme - The theme object containing the color pallet
+ * @returns {*} {IPINInputTheme} - The created PIN input theme
+ */
+export declare function createPINInputTheme(theme: {
+    ColorPalette: IColorPalette;
+}): IPINInputTheme;
+export declare const PINInputTheme: IPINInputTheme;
 export declare const Assets: {
     svg: {
         activityIndicator: React.FC<SvgProps>;
@@ -929,33 +419,45 @@ export declare const Assets: {
         };
     };
 };
+/**
+ * Creates a theme for inline messages in inputs based on the provided text theme and assets.
+ *
+ * @param {{ TextTheme: ITextTheme; Assets: IAssets }} theme - The theme object containing the text theme and assets
+ * @return {*} {IInlineInputMessage} - The created inline input message theme
+ */
+export declare function createInputInlineMessageTheme(theme: {
+    TextTheme: ITextTheme;
+    Assets: IAssets;
+}): IInlineInputMessage;
+export declare const InputInlineMessage: IInlineInputMessage;
 export interface ITheme {
     themeName: string;
     Spacing: ISpacing;
-    ColorPallet: IColorPallet;
+    ColorPalette: IColorPalette;
     TextTheme: ITextTheme;
     InputInlineMessage: IInlineInputMessage;
     Inputs: IInputs;
-    Buttons: any;
-    ListItems: any;
+    Buttons: IButtons;
+    ListItems: IListItems;
     TabTheme: ITabTheme;
-    NavigationTheme: any;
-    HomeTheme: any;
-    SettingsTheme: any;
-    ChatTheme: any;
-    OnboardingTheme: any;
-    DialogTheme: any;
-    LoadingTheme: any;
-    PINEnterTheme: any;
-    PINInputTheme: any;
+    NavigationTheme: INavigationTheme;
+    HomeTheme: IHomeTheme;
+    SettingsTheme: ISettingsTheme;
+    ChatTheme: IChatTheme;
+    OnboardingTheme: IOnboardingTheme;
+    DialogTheme: IDialogTheme;
+    LoadingTheme: ILoadingTheme;
+    PINEnterTheme: IPINEnterTheme;
+    PINInputTheme: IPINInputTheme;
     CredentialCardShadowTheme: ViewStyle;
     SelectedCredTheme: ViewStyle;
-    heavyOpacity: any;
-    borderRadius: any;
+    heavyOpacity: typeof heavyOpacity;
+    borderRadius: typeof borderRadius;
     borderWidth: typeof borderWidth;
     maxFontSizeMultiplier: number;
     Assets: IAssets;
 }
 export declare const bifoldTheme: ITheme;
 export declare const themes: ITheme[];
+export type { ITextTheme, IInlineInputMessage, IInputs, IButtons, IListItems, ITabTheme, IHomeTheme, ISettingsTheme, IChatTheme, IOnboardingTheme, IDialogTheme, ILoadingTheme, IPINInputTheme, } from './theme.interface';
 //# sourceMappingURL=theme.d.ts.map