@geekyhawks/react-native-ui-components/dist/theme/variants/FloatingLabelTextInputVariants.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";
/**
 * FloatingLabelTextInput Style Variants
 *
 * Defines reusable visual styles for text inputs with floating labels,
 * such as `outline` and `underline`. Users can extend or override these
 * variants to maintain consistent styling across the app.
 *
 * Author: Geeky Hawks FZE LLC
 */
Object.defineProperty(exports, "__esModule", { value: true });
exports.defaultFloatingLabelTextInputSizeVariants = exports.defaultFloatingLabelTextInputStyleVariants = void 0;
/**
 * defaultFloatingLabelTextInputStyleVariants
 *
 * Default implementation of style variants for floating label text inputs.
 * These can be overridden or extended using the ThemeProvider.
 */
exports.defaultFloatingLabelTextInputStyleVariants = {
    outline: {
        container: {
            borderWidth: 1,
            borderColor: "border",
            borderRadius: 8,
            paddingHorizontal: 12,
            justifyContent: "center",
            minHeight: 48,
        },
        input: {},
        label: {
            left: 12,
        },
    },
    underline: {
        container: {
            borderBottomWidth: 1,
            borderColor: "border",
            justifyContent: "center",
            minHeight: 40,
        },
        input: {},
        label: {
            left: 0,
        },
    },
    filled: {
        container: {
            borderWidth: 1,
            borderColor: "border",
            borderRadius: 8,
            paddingHorizontal: 12,
            justifyContent: "center",
            minHeight: 48,
            backgroundColor: "surface",
        },
        input: {
            color: "onSurface",
        },
        label: {
            left: 12,
        },
    },
};
/**
 * defaultFloatingLabelTextInputSizeVariants
 *
 * Default implementation of size variants for floating label text inputs.
 * These can be overridden or extended using the ThemeProvider.
 */
exports.defaultFloatingLabelTextInputSizeVariants = {
    sm: { fontSize: 14, paddingVertical: 6, labelFontSize: 11 },
    md: { fontSize: 16, paddingVertical: 8, labelFontSize: 12 },
    lg: { fontSize: 18, paddingVertical: 10, labelFontSize: 14 },
};
//# sourceMappingURL=FloatingLabelTextInputVariants.js.map