@hellboy/ds 0.1.2 → 0.2.7

package/dist/components/input.d.ts

@@ -0,0 +1,114 @@
+import * as React from 'react';
+import React__default from 'react';
+
+interface InputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    /**
+     * Input native type (text, email, password, etc.)
+     */
+    type?: string;
+    /**
+     * Label text
+     */
+    label?: string;
+    /**
+     * Helper text shown below the input
+     */
+    helperText?: string;
+    /**
+     * Error message - when present, input is in error state
+     */
+    error?: string;
+    /**
+     * Icon name from our icon library (shown on the left)
+     */
+    icon?: string;
+    /**
+     * Icon name for the right side
+     */
+    iconRight?: string;
+    /**
+     * Full width input
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Right icon click handler
+     */
+    onRightIconClick?: () => void;
+}
+
+type InputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local';
+interface InputProps extends Omit<InputFieldProps, 'type' | 'iconRight' | 'onRightIconClick'> {
+    /**
+     * Input type with extended support for date/time pickers
+     * @default 'text'
+     */
+    type?: InputType;
+    /**
+     * Show milliseconds in time picker (only for time type)
+     * @default false
+     */
+    showMilliseconds?: boolean;
+    /**
+     * Minute step in time picker (only for time type)
+     * @default 1
+     */
+    minuteStep?: 1 | 5 | 15 | 30;
+    /**
+     * Show clear button for search inputs when they have value
+     * @default true
+     */
+    showClear?: boolean;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+interface InputTextProps extends Omit<InputProps, 'type'> {
+}
+declare const InputText: React__default.ForwardRefExoticComponent<InputTextProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface InputEmailProps extends Omit<InputProps, 'type'> {
+}
+declare const InputEmail: React__default.ForwardRefExoticComponent<InputEmailProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface InputPasswordProps extends Omit<InputProps, 'type'> {
+}
+declare const InputPassword: React__default.ForwardRefExoticComponent<InputPasswordProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface InputSearchProps extends Omit<InputProps, 'type'> {
+}
+declare const InputSearch: React__default.ForwardRefExoticComponent<InputSearchProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface InputTelProps extends Omit<InputProps, 'type'> {
+}
+declare const InputTel: React__default.ForwardRefExoticComponent<InputTelProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface InputUrlProps extends Omit<InputProps, 'type'> {
+}
+declare const InputUrl: React__default.ForwardRefExoticComponent<InputUrlProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface InputNumberProps extends Omit<InputProps, 'type'> {
+}
+declare const InputNumber: React__default.ForwardRefExoticComponent<InputNumberProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface InputDateProps extends Omit<InputProps, 'type'> {
+}
+declare const InputDate: React__default.ForwardRefExoticComponent<InputDateProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface InputTimeProps extends Omit<InputProps, 'type'> {
+}
+declare const InputTime: React__default.ForwardRefExoticComponent<InputTimeProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface InputDateTimeProps extends Omit<InputProps, 'type'> {
+}
+declare const InputDateTime: React__default.ForwardRefExoticComponent<InputDateTimeProps & React__default.RefAttributes<HTMLInputElement>>;
+
+export { Input, InputDate, type InputDateProps, InputDateTime, type InputDateTimeProps, InputEmail, type InputEmailProps, InputNumber, type InputNumberProps, InputPassword, type InputPasswordProps, type InputProps, InputSearch, type InputSearchProps, InputTel, type InputTelProps, InputText, type InputTextProps, InputTime, type InputTimeProps, type InputType, InputUrl, type InputUrlProps };