dfh-ui-library 1.1.3 → 1.1.4

package/dist/esm/types/components/FormElements/Input/Input.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { HookFormsInputProps } from ".";
+import { HookFormsInputProps } from "../../../shared/models/components/base.model";
 /**
  * Primary UI component for user interaction
  */

package/dist/esm/types/components/FormElements/Input/index.d.ts

@@ -1,69 +1 @@
-import { InputHTMLAttributes } from "react";
-type InputType = "text" | "email" | "password" | "name" | "date";
-export interface HookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
-    /**
-     * Set Input type
-     */
-    type?: InputType;
-    /**
-     * Set new variant of the input
-     */
-    inputVariant?: "default" | "large";
-    /**
-     * Set Input name
-     */
-    id?: string;
-    /**
-     * Set Input name
-     */
-    labelName?: string;
-    /**
-     * Set the Label Type
-     */
-    labelType?: "default" | "black" | "smallSelect" | "blackSmall";
-    /**
-     * Set Input label name
-     */
-    label?: string | undefined;
-    /**
-     * Ser Error message
-     */
-    error?: string;
-    /**
-     * Ser Error message
-     */
-    isBorderedError?: boolean;
-    /**
-     * Set Wrapper classes, new classes will overide the existing default classes
-     */
-    wrapperClass?: string | undefined;
-    /**
-     * Optional for additional classes
-     */
-    additionalClasses?: string | undefined;
-    /**
-     * Enable read only
-     */
-    readonly?: boolean;
-    /**
-     * LabelClasses
-     */
-    labelClasses?: string | undefined;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-    /**
-     * Set label only
-     */
-    onlyLabel?: boolean | undefined;
-    /**
-     * inner span Classes
-     */
-    labelSpanClasses?: string;
-    /**
-     * add additional InputValidation Classes
-     */
-    additionalErrorClasses?: string;
-    isAdditionalErrorInput?: boolean;
-    fullError?: boolean;
-}
-export {};
+export { default } from "./Input";

package/dist/esm/types/components/index.d.ts

@@ -1,3 +1,4 @@
 import "../index.css";
 export { default as Button } from "./Button";
 export { default as Typhography } from "./Typhography";
+export { default as Input } from "./FormElements/Input";

package/dist/esm/types/shared/models/components/base.model.d.ts

@@ -1,3 +1,4 @@
+import { InputHTMLAttributes } from "react";
 import { AdditionalClassesProp, ChildrenProp, IconTypeProp, AlignmentType, OnClickEventProps, TyphoTypes, TyphoComponents, IconHoverColorTypes } from "./common.model";
 export interface ButtonProps extends ChildrenProp, AdditionalClassesProp, IconTypeProp, OnClickEventProps {
     /**
@@ -63,3 +64,71 @@ export interface IconProps extends AdditionalClassesProp, IconTypeProp {
     iconTextClasses?: string | undefined;
     onClick?: any;
 }
+type InputType = "text" | "email" | "password" | "name" | "date";
+export interface HookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * Set Input type
+     */
+    type?: InputType;
+    /**
+     * Set new variant of the input
+     */
+    inputVariant?: "default" | "large";
+    /**
+     * Set Input name
+     */
+    id?: string;
+    /**
+     * Set Input name
+     */
+    labelName?: string;
+    /**
+     * Set the Label Type
+     */
+    labelType?: "default" | "black" | "smallSelect" | "blackSmall";
+    /**
+     * Set Input label name
+     */
+    label?: string | undefined;
+    /**
+     * Ser Error message
+     */
+    error?: string;
+    /**
+     * Ser Error message
+     */
+    isBorderedError?: boolean;
+    /**
+     * Set Wrapper classes, new classes will overide the existing default classes
+     */
+    wrapperClass?: string | undefined;
+    /**
+     * Optional for additional classes
+     */
+    additionalClasses?: string | undefined;
+    /**
+     * Enable read only
+     */
+    readonly?: boolean;
+    /**
+     * LabelClasses
+     */
+    labelClasses?: string | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    /**
+     * Set label only
+     */
+    onlyLabel?: boolean | undefined;
+    /**
+     * inner span Classes
+     */
+    labelSpanClasses?: string;
+    /**
+     * add additional InputValidation Classes
+     */
+    additionalErrorClasses?: string;
+    isAdditionalErrorInput?: boolean;
+    fullError?: boolean;
+}
+export {};

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import React$1 from 'react';
+import React$1, { InputHTMLAttributes, FC } from 'react';
 
 type AlignmentType = "center" | "left" | "right";
 type IconColorTypes = "white" | "black-900" | "gray-220" | "gray-720" | "inherit" | "gray-300" | string;
@@ -77,6 +77,73 @@ interface TyphographyProps extends ChildrenProp, AdditionalClassesProp {
     color?: string;
     onClick?: () => void;
 }
+type InputType = "text" | "email" | "password" | "name" | "date";
+interface HookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * Set Input type
+     */
+    type?: InputType;
+    /**
+     * Set new variant of the input
+     */
+    inputVariant?: "default" | "large";
+    /**
+     * Set Input name
+     */
+    id?: string;
+    /**
+     * Set Input name
+     */
+    labelName?: string;
+    /**
+     * Set the Label Type
+     */
+    labelType?: "default" | "black" | "smallSelect" | "blackSmall";
+    /**
+     * Set Input label name
+     */
+    label?: string | undefined;
+    /**
+     * Ser Error message
+     */
+    error?: string;
+    /**
+     * Ser Error message
+     */
+    isBorderedError?: boolean;
+    /**
+     * Set Wrapper classes, new classes will overide the existing default classes
+     */
+    wrapperClass?: string | undefined;
+    /**
+     * Optional for additional classes
+     */
+    additionalClasses?: string | undefined;
+    /**
+     * Enable read only
+     */
+    readonly?: boolean;
+    /**
+     * LabelClasses
+     */
+    labelClasses?: string | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    /**
+     * Set label only
+     */
+    onlyLabel?: boolean | undefined;
+    /**
+     * inner span Classes
+     */
+    labelSpanClasses?: string;
+    /**
+     * add additional InputValidation Classes
+     */
+    additionalErrorClasses?: string;
+    isAdditionalErrorInput?: boolean;
+    fullError?: boolean;
+}
 
 declare const Button: ({ type, isDisabled, buttonLabel, iconType, iconColor, iconAlignment, isIconEnabled, variants, additionalClasses, iconClass, onClick, }: ButtonProps) => React$1.JSX.Element;
 
@@ -85,4 +152,9 @@ declare const Button: ({ type, isDisabled, buttonLabel, iconType, iconColor, ico
  */
 declare const Typhography: ({ type, component, color, additionalClasses, children, onClick, ...rest }: TyphographyProps) => React$1.JSX.Element;
 
-export { Button, Typhography };
+/**
+ * Primary UI component for user interaction
+ */
+declare const Input: FC<HookFormsInputProps>;
+
+export { Button, Input, Typhography };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dfh-ui-library",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "",
   "scripts": {
     "rollup": "rollup -c --bundleConfigAsCjs",