@ambuj.bhaskar/react-component-library 0.9.0 → 0.9.1

package/dist/index.d.ts

@@ -153,18 +153,22 @@ declare type IconProps = SVGprops & {
 declare const IconRegistry: Record<string, any>;
 
 /**
- * Input component props.
+ * Input component.
  *
- * @prop {string} [className] - Additional class names for styling.
- * @prop {string | number} [value] - The value of the input.
- * @prop {"s" | "m" | "l"} [height] - The height of the input.
- * @prop {CSSstring} [width] - The width of the input.
- * @prop {"flex-start" | "center" | "flex-end"} [placement] - The placement of the content inside the input.
+ * @prop {string} [className=""] - Additional class names for styling.
+ * @prop {string | number | undefined} [value] - The current value of the input.
+ * @prop {"s" | "m" | "l"} [height="m"] - Height of the input field.
+ * @prop {CSSstring} [width="24rem"] - Width of the component.
+ * @prop {JustifyContent} [placement="flex-start"] - Placement of the content inside the input.
  * @prop {IconName} [icon] - The icon to display inside the input.
- * @prop {"before" | "after"} [iconPosition] - The position of the icon relative to the input.
- * @prop {Color} [iconColor] - The color of the icon.
+ * @prop {string} [backgroundColor="#2929291a"] - Background color of the input.
+ * @prop {string} [textColor="#292929"] - Color of the text inside the input.
+ * @prop {string} [borderColor="#292929"] - Border color of the input.
+ * @prop {"before" | "after"} [iconPosition="after"] - Position of the icon relative to the text.
+ * @prop {string} [iconColor="#292929"] - Color of the icon inside the input.
  * @prop {boolean} [disabled=false] - If true, the input is disabled.
- * @prop {(value: string) => void} [onChange] - The callback function when the input changes.
+ * @prop {(val: string) => void} [onChange=() => {}] - Callback when the input value changes.
+ * @prop {React.ComponentProps<HTMLInputElement>} ...props - Additional props to pass to the input element.
  */
 export declare const Input: React.FC<InputProps>;
 
@@ -178,6 +182,9 @@ declare type InputProps = HTMLInputProps & {
     iconPosition?: "before" | "after";
     iconColor?: Color;
     disabled?: boolean;
+    backgroundColor?: Color;
+    textColor?: Color;
+    borderColor?: Color;
 };
 
 declare type JustifyContent = "center" | "start" | "end" | "flex-start" | "flex-end" | "left" | "right" | "baseline" | "first baseline" | "last baseline" | "space-between" | "space-around" | "space-evenly" | "stretch";