@geekyhawks/react-native-ui-components/dist/theme/variants/ButtonVariants.js

A lightweight and reusable React Native UI components library with customizable Text, TextInput, FloatingLabelTextInput, Button, and more. Built with TypeScript, fully typed, and designed for easy integration into any React Native project.

"use strict";
/**
 * Button Variants
 *
 * Defines default button size styles such as `sm`, `md`, and `lg`.
 * Users can create custom size variants or override existing ones
 * to maintain consistent button sizing across the app.
 *
 * Author: Geeky Hawks FZE LLC
 */
Object.defineProperty(exports, "__esModule", { value: true });
exports.defaultButtonShapeVariants = exports.defaultButtonSizeVariants = void 0;
/**
 * defaultButtonSizeVariants
 *
 * Predefined button size variants with standardized padding
 * and font sizes for small, medium, and large buttons.
 *
 * - Default sizes available: "sm", "md", "lg"
 * - You can define additional custom sizes through ThemeProvider
 *   and use them via the `size` prop.
 */
exports.defaultButtonSizeVariants = {
    sm: {
        container: { paddingVertical: 8, paddingHorizontal: 12 },
        text: { fontSize: 14 },
        iconOnlyContainer: { width: 36, height: 36, borderRadius: 18 },
    },
    md: {
        container: { paddingVertical: 12, paddingHorizontal: 16 },
        text: { fontSize: 16 },
        iconOnlyContainer: { width: 44, height: 44, borderRadius: 22 },
    },
    lg: {
        container: { paddingVertical: 16, paddingHorizontal: 20 },
        text: { fontSize: 18 },
        iconOnlyContainer: { width: 52, height: 52, borderRadius: 26 },
    },
};
/**
 * defaultButtonShapeVariants
 *
 * Predefined button shape variants with standardized `borderRadius`
 * values for small, medium, large, and fully rounded (pill/circle) buttons.
 *
 * - Default shapes available: "sm", "md", "lg", "full"
 * - You can define additional custom shapes through ThemeProvider
 *   and use them via the `shape` prop.
 */
exports.defaultButtonShapeVariants = {
    sm: { borderRadius: 4 },
    md: { borderRadius: 8 },
    lg: { borderRadius: 16 },
    full: { borderRadius: 9999 },
};
//# sourceMappingURL=ButtonVariants.js.map