fis-component 0.0.21 → 0.0.22

package/dist/esm/types/src/assets/icons/DecreIcon.d.ts

@@ -0,0 +1,3 @@
+import { SvgIconProps } from "./SVGIconProps";
+declare function DecreIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export default DecreIcon;

package/dist/esm/types/src/assets/icons/DotIcon.d.ts

@@ -0,0 +1,3 @@
+import { SvgIconProps } from "./SVGIconProps";
+declare function DotIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export default DotIcon;

package/dist/esm/types/src/assets/icons/HomeIcon.d.ts

@@ -0,0 +1,3 @@
+import { SvgIconProps } from "./SVGIconProps";
+declare function HomeIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export default HomeIcon;

package/dist/esm/types/src/assets/icons/IncreIcon.d.ts

@@ -0,0 +1,3 @@
+import { SvgIconProps } from "./SVGIconProps";
+declare function IncreIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export default IncreIcon;

package/dist/esm/types/src/assets/icons/ResizeIcon.d.ts

@@ -0,0 +1,3 @@
+import { SvgIconProps } from "./SVGIconProps";
+declare function ResizeIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export default ResizeIcon;

package/dist/esm/types/src/assets/icons/SeparatorIcon.d.ts

@@ -0,0 +1,3 @@
+import { SvgIconProps } from "./SVGIconProps";
+declare function SeparatorIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export default SeparatorIcon;

package/dist/esm/types/src/assets/icons/index.d.ts

@@ -1,8 +1,14 @@
 export { default as Fpt } from "./Fpt";
+export { default as IncreIcon } from "./IncreIcon";
+export { default as DecreIcon } from "./DecreIcon";
 export { default as CategoryIcon } from "./CategoryIcon";
+export { default as DotIcon } from "./DotIcon";
+export { default as SeparatorIcon } from "./SeparatorIcon";
+export { default as HomeIcon } from "./HomeIcon";
 export { default as CloseIcon } from "./CloseIcon";
 export { default as DropdownIcon } from "./DropdownIcon";
 export { default as RequestButtonLoadingWhiteIcon } from "./RequestButtonLoadingWhiteIcon";
 export { default as CheckedIcon } from "./CheckedIcon";
 export { default as IndeterminateIcon } from "./IndeterminateIcon";
 export { default as RequestButtonLoadingIcon } from "./RequestButtonLoadingIcon";
+export { default as ResizeIcon } from "./ResizeIcon";

package/dist/esm/types/src/components/Avatar/Avatar.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/react";
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./index").AvatarProps>;

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

@@ -0,0 +1,19 @@
+import React from "react";
+export type BadgeType = "rounded" | "square" | "without";
+export type AvatarSize = "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
+export type StatusType = "green" | "red" | "yellow" | "blue" | "neutral";
+export type ColorType = "neutral" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink" | "disable";
+export type AvatarProps = {
+    className?: string | undefined;
+    src?: string;
+    icon?: React.ReactNode;
+    alt?: string;
+    letter?: string;
+    size?: AvatarSize;
+    status?: StatusType;
+    isBadgeDot?: boolean;
+    badge?: BadgeType;
+    color?: ColorType;
+};
+declare const FISAvatar: React.FC<AvatarProps>;
+export default FISAvatar;

package/dist/esm/types/src/components/Avatar/styles.d.ts

@@ -0,0 +1,13 @@
+import { AvatarSize, BadgeType, ColorType, StatusType } from ".";
+interface AvatarProps {
+    $size?: AvatarSize;
+    $badge?: BadgeType;
+    $color?: ColorType;
+    $status?: StatusType;
+}
+export declare const DivContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarProps>> & string;
+export declare const ImgAvatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, AvatarProps>> & string;
+export declare const DivIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarProps>> & string;
+export declare const SpanLetter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AvatarProps>> & string;
+export declare const DivBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarProps>> & string;
+export {};

package/dist/esm/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta } from "@storybook/react";
+interface BreadcrumbItem {
+    label?: string;
+    icon?: JSX.Element;
+    onClick: () => void;
+}
+interface TemplateProps {
+    items: BreadcrumbItem[];
+    showLabel: boolean;
+    showIcon: boolean;
+}
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TemplateProps>;

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

@@ -0,0 +1,14 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface BreadcrumbItemProps extends ComponentPropsWithoutRef<"button"> {
+    icon?: React.ReactNode;
+    label?: string;
+    active?: boolean;
+    onClick: () => void;
+}
+export type BreadcrumbProps = {
+    items: BreadcrumbItemProps[];
+    /** Additional CSS class names to apply to the breadcrumb. */
+    className?: string | undefined;
+};
+declare const FISBreadcrumb: React.FC<BreadcrumbProps>;
+export default FISBreadcrumb;

package/dist/esm/types/src/components/Breadcrumb/styles.d.ts

@@ -0,0 +1,7 @@
+export declare const DivContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SpanLabelSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ButtonItemSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $active?: boolean;
+}>> & string;
+export declare const DivIconDotSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/types/src/components/Button/Button.stories.d.ts

@@ -33,7 +33,7 @@ declare const meta: {
             control: "boolean";
             description: string;
         };
-        isLoading: {
+        loading: {
             control: "boolean";
             description: string;
         };

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

@@ -19,7 +19,7 @@ export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
     /**
      * Defines if the button is currently being requested.
      */
-    isLoading?: boolean;
+    loading?: boolean;
 }
 declare const FISButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default FISButton;

package/dist/esm/types/src/components/Button/styles.d.ts

@@ -4,7 +4,7 @@ interface ButtonProps {
     $variant: ButtonVariant;
     $size: ButtonSize;
     $active?: boolean;
-    $isLoading?: boolean;
+    $loading?: boolean;
 }
 export declare const ButtonSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonProps>> & string;
 export declare const SpanIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -17,6 +17,8 @@ type BaseButtonProps = {
 };
 type ButtonOption = ComponentPropsWithoutRef<"button"> & BaseButtonProps;
 export interface GroupButtonProps {
+    /** Additional CSS class names to apply to the group button */
+    className?: string | undefined;
     /** Variant of the buttons. 'default' is typically used for text-only buttons */
     variant?: ButtonVariant;
     /** Size of the buttons. 'md' is typically used for icon-only buttons */

package/dist/esm/types/src/components/Input/InputField/InputField.stories.d.ts

@@ -1,4 +1,5 @@
 import type { Meta } from "@storybook/react";
+import { InputFieldProps } from ".";
 declare const _default: Meta;
 export default _default;
-export declare const Default: (args: any) => import("react/jsx-runtime").JSX.Element;
+export declare const Default: (args: InputFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Input/InputField/index.d.ts

@@ -12,10 +12,10 @@ export interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">,
     iconSuffix?: string | JSX.Element;
     /**labelSuffix for filter value*/
     labelSuffix?: string | JSX.Element;
-    /**isNegative for current field*/
-    isNegative?: boolean;
-    /**isActived for current field*/
-    isActived?: boolean;
+    /**negative for current field*/
+    negative?: boolean;
+    /**actived for current field*/
+    actived?: boolean;
     /** onClick for current field Button */
     onClickSuffix?: () => void;
 }

package/dist/esm/types/src/components/Input/InputLabel/index.d.ts

@@ -3,7 +3,7 @@ export interface InputLabelProps {
     /**textLabel for current field*/
     textLabel: string;
     /**Show symbol * as required field*/
-    isRequired?: boolean;
+    required?: boolean;
     /**Icon for current field*/
     iconLabel?: React.ReactNode;
     /**onClickIconLabel for current field*/

package/dist/esm/types/src/components/Input/InputLabel/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const DivLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivLabelSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const LabelTextSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 export declare const SpanRequiredSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/esm/types/src/components/Input/InputStepper/InputStepper.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from "@storybook/react";
+import FISInputStepper from "./index";
+declare const _default: Meta<typeof FISInputStepper>;
+export default _default;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./index").InputStepperProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/types/src/components/Input/InputStepper/index.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { InputLabelProps } from "../InputLabel";
+export type InputSize = "md" | "lg";
+export interface InputStepperProps extends Omit<React.ComponentPropsWithoutRef<"input">, "onChange">, Partial<InputLabelProps> {
+    min?: number;
+    max?: number;
+    step?: number;
+    defaultValue?: number;
+    sizeInput?: InputSize;
+    negative?: boolean;
+    positive?: boolean;
+    message?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    StartIcon?: React.ReactNode;
+    EndIcon?: React.ReactNode;
+    onChange?: (value: number) => void;
+}
+declare const FISInputStepper: React.ForwardRefExoticComponent<InputStepperProps & React.RefAttributes<HTMLInputElement>>;
+export default FISInputStepper;

package/dist/esm/types/src/components/Input/InputStepper/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const InputSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const DivContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivHintSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SpanHintSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const DivWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/types/src/components/Input/InputText/index.d.ts

@@ -2,20 +2,12 @@ import React from "react";
 import { InputFieldProps } from "../InputField";
 import { InputLabelProps } from "../InputLabel";
 export interface InputTextProps extends Omit<InputFieldProps, "onChange" | "onEnter" | "onBlur">, Partial<InputLabelProps> {
-    /**isLabel for current field*/
-    isLabel: boolean;
     /**Boolean to show the lenght of value user-filled*/
     showCount?: boolean;
     /**Hint text for current field*/
-    hintText?: string;
-    /**Boolean to show the hint text*/
-    isHintText?: boolean;
-    /**errorMessage for current field*/
-    errorMessage?: string;
-    /**positiveMessage for current field*/
-    positiveMessage?: string;
-    /**isPositive for current field*/
-    isPositive?: boolean;
+    message?: string;
+    /**positive for current field*/
+    positive?: boolean;
     /**value for current field*/
     value?: string;
     /** Handle onChange action */

package/dist/esm/types/src/components/Input/TextArea/TextArea.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from "@storybook/react";
+import { TextAreaProps } from "./";
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TextAreaProps>;

package/dist/esm/types/src/components/Input/TextArea/index.d.ts

@@ -0,0 +1,33 @@
+import React, { ComponentPropsWithoutRef } from "react";
+import { InputLabelProps } from "../InputLabel";
+export type InputSize = "md" | "lg";
+export interface TextAreaProps extends Omit<ComponentPropsWithoutRef<"textarea">, "onChange" | "onEnter" | "onBlur">, Partial<InputLabelProps> {
+    /**Control the icon of the component*/
+    iconSuffix?: React.ReactNode;
+    /**Control the size of the component*/
+    size: InputSize;
+    /**placeholder for current field */
+    placeholder: string;
+    /**User-filled value*/
+    value?: string;
+    /**Boolean to show the lenght of value user-filled*/
+    showCount?: boolean;
+    /**isNegative for current field*/
+    negative?: boolean;
+    /**isPositive for current field*/
+    positive?: boolean;
+    /**positiveMessage for current field*/
+    message?: string;
+    /**Control the width of the component*/
+    fixedWidth?: number;
+    /**Handle the change value of the field*/
+    onChange?: (T: string | null) => void;
+    /**Handle onEnter action*/
+    onEnter?: (T: string | null) => void;
+    /**Handle onBlur action*/
+    onBlur?: (T: string | null) => void;
+    /**Handle onEnter action*/
+    onClickIconSuffix?: () => void;
+}
+declare const FISTextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default FISTextArea;

package/dist/esm/types/src/components/Input/TextArea/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const DicContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivResizeSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TextAreaSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;
+export declare const DivAreaFieldSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivCountSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SpanHintSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const DivBottomSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TextAreaHint: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -4,8 +4,12 @@ export { default as FISButton } from "./components/Button";
 export { default as FISLinkButton } from "./components/LinkButton";
 export { default as FISIconButton } from "./components/IconButton";
 export { default as FISGroupButton } from "./components/GroupButton";
+export { default as FISBreadcrumb } from "./components/Breadcrumb";
 export { default as FISRadio } from "./components/Radio";
 export { default as FISCheckbox } from "./components/Checkbox";
 export { default as FISInputField } from "./components/Input/InputField";
 export { default as FISInputText } from "./components/Input/InputText";
 export { default as FISInputLabel } from "./components/Input/InputLabel";
+export { default as FISAvatar } from "./components/Avatar";
+export { default as FISTextArea } from "./components/Input/TextArea";
+export { default as FISInputStepper } from "./components/Input/InputStepper";

package/dist/index.d.ts

@@ -2756,7 +2756,7 @@ interface ButtonProps$2 extends ComponentPropsWithoutRef<"button"> {
     /**
      * Defines if the button is currently being requested.
      */
-    isLoading?: boolean;
+    loading?: boolean;
 }
 declare const FISButton: React__default.ForwardRefExoticComponent<ButtonProps$2 & React__default.RefAttributes<HTMLButtonElement>>;
 
@@ -2816,6 +2816,8 @@ type BaseButtonProps = {
 };
 type ButtonOption = ComponentPropsWithoutRef<"button"> & BaseButtonProps;
 interface GroupButtonProps {
+    /** Additional CSS class names to apply to the group button */
+    className?: string | undefined;
     /** Variant of the buttons. 'default' is typically used for text-only buttons */
     variant?: ButtonVariant;
     /** Size of the buttons. 'md' is typically used for icon-only buttons */
@@ -2827,6 +2829,19 @@ interface GroupButtonProps {
 }
 declare const FISGroupButton: React__default.FC<GroupButtonProps>;
 
+interface BreadcrumbItemProps extends ComponentPropsWithoutRef<"button"> {
+    icon?: React__default.ReactNode;
+    label?: string;
+    active?: boolean;
+    onClick: () => void;
+}
+type BreadcrumbProps = {
+    items: BreadcrumbItemProps[];
+    /** Additional CSS class names to apply to the breadcrumb. */
+    className?: string | undefined;
+};
+declare const FISBreadcrumb: React__default.FC<BreadcrumbProps>;
+
 type RadioSize = "sm" | "md";
 type RadioVariant = "primary" | "secondary" | "tertiary";
 declare const FISRadio: React__default.ForwardRefExoticComponent<Omit<Omit<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size"> & {
@@ -2871,10 +2886,10 @@ declare const FISCheckbox: React__default.ForwardRefExoticComponent<Omit<React__
 } & React__default.RefAttributes<HTMLLabelElement>>;
 
 type InputTypeSuffix = "icon" | "suffix" | "dropdown";
-type InputSize = "md" | "lg";
+type InputSize$2 = "md" | "lg";
 interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onClick"> {
     /**Control the size of the component*/
-    sizeInput?: InputSize;
+    sizeInput?: InputSize$2;
     /**Control the style type of component: "icon" | "suffix" | "dropdown" */
     typeSuffix?: InputTypeSuffix;
     /**Prefix for filter value*/
@@ -2883,10 +2898,10 @@ interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onCli
     iconSuffix?: string | JSX.Element;
     /**labelSuffix for filter value*/
     labelSuffix?: string | JSX.Element;
-    /**isNegative for current field*/
-    isNegative?: boolean;
-    /**isActived for current field*/
-    isActived?: boolean;
+    /**negative for current field*/
+    negative?: boolean;
+    /**actived for current field*/
+    actived?: boolean;
     /** onClick for current field Button */
     onClickSuffix?: () => void;
 }
@@ -2896,7 +2911,7 @@ interface InputLabelProps {
     /**textLabel for current field*/
     textLabel: string;
     /**Show symbol * as required field*/
-    isRequired?: boolean;
+    required?: boolean;
     /**Icon for current field*/
     iconLabel?: React__default.ReactNode;
     /**onClickIconLabel for current field*/
@@ -2905,20 +2920,12 @@ interface InputLabelProps {
 declare const FISInputLabel: React__default.ForwardRefExoticComponent<InputLabelProps & React__default.RefAttributes<unknown>>;
 
 interface InputTextProps extends Omit<InputFieldProps, "onChange" | "onEnter" | "onBlur">, Partial<InputLabelProps> {
-    /**isLabel for current field*/
-    isLabel: boolean;
     /**Boolean to show the lenght of value user-filled*/
     showCount?: boolean;
     /**Hint text for current field*/
-    hintText?: string;
-    /**Boolean to show the hint text*/
-    isHintText?: boolean;
-    /**errorMessage for current field*/
-    errorMessage?: string;
-    /**positiveMessage for current field*/
-    positiveMessage?: string;
-    /**isPositive for current field*/
-    isPositive?: boolean;
+    message?: string;
+    /**positive for current field*/
+    positive?: boolean;
     /**value for current field*/
     value?: string;
     /** Handle onChange action */
@@ -2932,4 +2939,71 @@ interface InputTextProps extends Omit<InputFieldProps, "onChange" | "onEnter" |
 }
 declare const FISInputText: React__default.ForwardRefExoticComponent<InputTextProps & React__default.RefAttributes<HTMLInputElement>>;
 
-export { FISButton, FISCheckbox, FISGroupButton, FISIconButton, FISInputField, FISInputLabel, FISInputText, FISLinkButton, FISRadio, FISThemeProvider, type ThemeType };
+type BadgeType = "rounded" | "square" | "without";
+type AvatarSize = "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
+type StatusType = "green" | "red" | "yellow" | "blue" | "neutral";
+type ColorType = "neutral" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink" | "disable";
+type AvatarProps = {
+    className?: string | undefined;
+    src?: string;
+    icon?: React__default.ReactNode;
+    alt?: string;
+    letter?: string;
+    size?: AvatarSize;
+    status?: StatusType;
+    isBadgeDot?: boolean;
+    badge?: BadgeType;
+    color?: ColorType;
+};
+declare const FISAvatar: React__default.FC<AvatarProps>;
+
+type InputSize$1 = "md" | "lg";
+interface TextAreaProps extends Omit<ComponentPropsWithoutRef<"textarea">, "onChange" | "onEnter" | "onBlur">, Partial<InputLabelProps> {
+    /**Control the icon of the component*/
+    iconSuffix?: React__default.ReactNode;
+    /**Control the size of the component*/
+    size: InputSize$1;
+    /**placeholder for current field */
+    placeholder: string;
+    /**User-filled value*/
+    value?: string;
+    /**Boolean to show the lenght of value user-filled*/
+    showCount?: boolean;
+    /**isNegative for current field*/
+    negative?: boolean;
+    /**isPositive for current field*/
+    positive?: boolean;
+    /**positiveMessage for current field*/
+    message?: string;
+    /**Control the width of the component*/
+    fixedWidth?: number;
+    /**Handle the change value of the field*/
+    onChange?: (T: string | null) => void;
+    /**Handle onEnter action*/
+    onEnter?: (T: string | null) => void;
+    /**Handle onBlur action*/
+    onBlur?: (T: string | null) => void;
+    /**Handle onEnter action*/
+    onClickIconSuffix?: () => void;
+}
+declare const FISTextArea: React__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
+
+type InputSize = "md" | "lg";
+interface InputStepperProps extends Omit<React__default.ComponentPropsWithoutRef<"input">, "onChange">, Partial<InputLabelProps> {
+    min?: number;
+    max?: number;
+    step?: number;
+    defaultValue?: number;
+    sizeInput?: InputSize;
+    negative?: boolean;
+    positive?: boolean;
+    message?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    StartIcon?: React__default.ReactNode;
+    EndIcon?: React__default.ReactNode;
+    onChange?: (value: number) => void;
+}
+declare const FISInputStepper: React__default.ForwardRefExoticComponent<InputStepperProps & React__default.RefAttributes<HTMLInputElement>>;
+
+export { FISAvatar, FISBreadcrumb, FISButton, FISCheckbox, FISGroupButton, FISIconButton, FISInputField, FISInputLabel, FISInputStepper, FISInputText, FISLinkButton, FISRadio, FISTextArea, FISThemeProvider, type ThemeType };

package/package.json

@@ -1,7 +1,7 @@
 {
   "homepage": "https://vietdiemtran.github.io/fis-component/",
   "name": "fis-component",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",