@starasia/input 1.0.4 → 2.0.0

package/dist/types.d.ts

@@ -1,20 +1,34 @@
-import { ReactNode } from "react";
+import { ReactElement, ReactNode } from "react";
 export interface IconInputProps extends React.SVGProps<SVGSVGElement> {
 }
+export type InputSize = "sm" | "md" | "lg" | "xl";
+export type InputVariant = "standard" | "outline" | "flushed";
+export type InputStatus = "default" | "error" | "success" | "disable";
+export type InputLabelPosition = "outside-top" | "outside-left" | "inside";
 export interface IInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
-    leftIcon?: React.ReactElement<IconInputProps>;
-    rightIcon?: React.ReactElement<IconInputProps>;
+    size?: InputSize;
+    variant?: InputVariant;
+    status?: InputStatus;
+    label?: ReactNode;
+    labelPosition?: InputLabelPosition;
+    required?: boolean;
+    optional?: boolean;
+    description?: string;
+    helperText?: string;
+    errorText?: string;
+    leftIcon?: ReactElement<IconInputProps>;
+    rightIcon?: ReactElement<IconInputProps>;
     leftAddons?: ReactNode;
     rightAddons?: ReactNode;
     onClickLeftIcon?: () => void;
     onClickRightIcon?: () => void;
-    size?: "sm" | "md" | "lg";
-    status?: "error" | "warning" | "disable" | "default";
-    inputUse?: "icon" | "addons";
-    variant?: "outline" | "filled" | "flushed";
+    fullWidth?: boolean;
     highlightPlaceholder?: string;
     currency?: boolean;
-    fullWidth?: boolean;
     options?: string[];
     onOptionChange?: (e: string) => void;
+    /** Show a × clear button when the field has a value. Default: true. */
+    clearable?: boolean;
+    /** Called after the user clicks the clear button. */
+    onClear?: () => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@starasia/input",
-  "version": "1.0.4",
+  "version": "2.0.0",
   "description": "input component for starasia UI",
   "author": "Prawito Hudoro",
   "main": "dist/input.umd.js",