@transfergratis/react-native-sdk 0.1.2

package/build/components/ui/ButtonStyles.d.ts

@@ -0,0 +1,521 @@
+export declare const colors: {
+    primary: string;
+    secondary: string;
+    success: string;
+    warning: string;
+    danger: string;
+    info: string;
+    light: string;
+    dark: string;
+    white: string;
+    black: string;
+    gray: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+};
+export declare const shadows: {
+    small: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    medium: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    large: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+};
+export declare const buttonStyles: {
+    primary: {
+        backgroundColor: string;
+        borderColor: string;
+    };
+    secondary: {
+        backgroundColor: string;
+        borderColor: string;
+    };
+    outline: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+    };
+    ghost: {
+        backgroundColor: string;
+        borderColor: string;
+    };
+    danger: {
+        backgroundColor: string;
+        borderColor: string;
+    };
+    success: {
+        backgroundColor: string;
+        borderColor: string;
+    };
+    warning: {
+        backgroundColor: string;
+        borderColor: string;
+    };
+    small: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+        fontSize: number;
+        borderRadius: number;
+    };
+    medium: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+        fontSize: number;
+        borderRadius: number;
+    };
+    large: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+        fontSize: number;
+        borderRadius: number;
+    };
+    disabled: {
+        opacity: number;
+    };
+    loading: {
+        opacity: number;
+    };
+    rounded: {
+        borderRadius: number;
+    };
+    square: {
+        borderRadius: number;
+    };
+    fullWidth: {
+        width: "100%";
+    };
+    autoWidth: {
+        width: "auto";
+    };
+    shadowSmall: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    shadowMedium: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    shadowLarge: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    floating: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        position: "absolute";
+        bottom: number;
+        right: number;
+        borderRadius: number;
+        width: number;
+        height: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    card: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+    };
+    gradient: {
+        borderWidth: number;
+    };
+    iconOnly: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        justifyContent: "center";
+        alignItems: "center";
+        paddingHorizontal: number;
+    };
+    navButton: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    actionButton: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        backgroundColor: string;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    formButton: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        backgroundColor: string;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        width: "100%";
+    };
+    dialogButton: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    listButton: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        marginVertical: number;
+    };
+    categoryButton: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        marginHorizontal: number;
+        marginVertical: number;
+    };
+    statusButton: {
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        fontSize: number;
+        fontWeight: "600";
+    };
+    badgeButton: {
+        backgroundColor: string;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        fontSize: number;
+        fontWeight: "600";
+    };
+    toggleButton: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    toggleButtonActive: {
+        backgroundColor: string;
+        borderColor: string;
+    };
+    paginationButton: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        minWidth: number;
+        height: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    paginationButtonActive: {
+        backgroundColor: string;
+        borderColor: string;
+    };
+    filterButton: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        marginHorizontal: number;
+    };
+    filterButtonActive: {
+        backgroundColor: string;
+        borderColor: string;
+    };
+    sortButton: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    searchButton: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        backgroundColor: string;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    shareButton: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        backgroundColor: string;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    favoriteButton: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        backgroundColor: string;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    downloadButton: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        backgroundColor: string;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    deleteButton: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        backgroundColor: string;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    editButton: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        backgroundColor: string;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        flexDirection: "row";
+        alignItems: "center";
+    };
+};
+export declare const buttonTextColors: {
+    primary: string;
+    secondary: string;
+    outline: string;
+    ghost: string;
+    danger: string;
+    success: string;
+    warning: string;
+    disabled: string;
+};
+export declare const buttonIcons: {
+    back: string;
+    next: string;
+    close: string;
+    check: string;
+    plus: string;
+    minus: string;
+    edit: string;
+    delete: string;
+    share: string;
+    download: string;
+    upload: string;
+    search: string;
+    filter: string;
+    sort: string;
+    favorite: string;
+    star: string;
+    camera: string;
+    gallery: string;
+    location: string;
+    phone: string;
+    email: string;
+    calendar: string;
+    clock: string;
+    user: string;
+    settings: string;
+    home: string;
+    menu: string;
+    refresh: string;
+    play: string;
+    pause: string;
+    stop: string;
+    volume: string;
+    mute: string;
+    fullscreen: string;
+    minimize: string;
+    maximize: string;
+    help: string;
+    info: string;
+    warning: string;
+    error: string;
+    success: string;
+};
+export declare const iconSizes: {
+    small: number;
+    medium: number;
+    large: number;
+    xlarge: number;
+};
+export declare const buttonSpacing: {
+    small: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+        gap: number;
+    };
+    medium: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+        gap: number;
+    };
+    large: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+        gap: number;
+    };
+};
+//# sourceMappingURL=ButtonStyles.d.ts.map

package/build/components/ui/ButtonStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonStyles.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ButtonStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAsBlB,CAAC;AAGF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBnB,CAAC;AAGF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuUvB,CAAC;AAGH,eAAO,MAAM,gBAAgB;;;;;;;;;CAS5B,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CvB,CAAC;AAGF,eAAO,MAAM,SAAS;;;;;CAKrB,CAAC;AAGF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAgBzB,CAAC"}