fis-component 0.0.18 → 0.0.20

package/dist/cjs/types/src/assets/icons/CategoryIcon.d.ts

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

package/dist/cjs/types/src/assets/icons/CheckedIcon.d.ts

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

package/dist/cjs/types/src/assets/icons/CloseIcon.d.ts

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

package/dist/cjs/types/src/assets/icons/DropdownIcon.d.ts

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

package/dist/cjs/types/src/assets/icons/Fpt.d.ts

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

package/dist/cjs/types/src/assets/icons/IndeterminateIcon.d.ts

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

package/dist/cjs/types/src/assets/icons/RequestButtonLoadingIcon.d.ts

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

package/dist/cjs/types/src/assets/icons/RequestButtonLoadingWhiteIcon.d.ts

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

package/dist/cjs/types/src/assets/icons/SVGIconProps.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentProps } from "react";
+export type SvgIconProps = ComponentProps<"svg">;

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

@@ -0,0 +1,8 @@
+export { default as Fpt } from "./Fpt";
+export { default as CategoryIcon } from "./CategoryIcon";
+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";

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

@@ -0,0 +1,45 @@
+import type { ButtonProps } from "./";
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    tags: string[];
+    args: {
+        children: string;
+        size: "md";
+        disabled: false;
+        variant: "primary";
+    };
+    argTypes: {
+        size: {
+            control: "radio";
+            options: (import("./").ButtonSize | undefined)[];
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        onClick: {
+            action: string;
+            description: string;
+        };
+        variant: {
+            control: "select";
+            options: (import("./").ButtonVariant | undefined)[];
+            description: string;
+        };
+        active: {
+            control: "boolean";
+            description: string;
+        };
+        isLoading: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Size: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,25 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from "react";
+export type ButtonVariant = "primary" | "secondary" | "tertiary" | "primary-negative" | "secondary-negative" | "primary-white" | "secondary-white";
+export type ButtonSize = "xs" | "sm" | "md" | "lg";
+export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
+    /** whether the button should be active */
+    active?: boolean;
+    /**Change the design of button*/
+    variant?: ButtonVariant;
+    /** Size md for only button icon */
+    size?: ButtonSize;
+    /**
+     * Defines the element that stands before the children element.
+     */
+    startIcon?: ReactNode;
+    /**
+     * Defines the element that stands after the children element.
+     */
+    endIcon?: ReactNode;
+    /**
+     * Defines if the button is currently being requested.
+     */
+    isLoading?: boolean;
+}
+declare const FISButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default FISButton;

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

@@ -0,0 +1,17 @@
+import { ButtonSize, ButtonVariant } from ".";
+import { RequestButtonLoadingIcon, RequestButtonLoadingWhiteIcon } from "../../assets/icons";
+interface ButtonProps {
+    $variant: ButtonVariant;
+    $size: ButtonSize;
+    $active?: boolean;
+    $isLoading?: 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;
+export declare const SvgSpinningWhiteIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, never>> & string & Omit<typeof RequestButtonLoadingWhiteIcon, keyof import("react").Component<any, {}, any>>;
+export declare const SvgSpinningIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, never>> & string & Omit<typeof RequestButtonLoadingIcon, keyof import("react").Component<any, {}, any>>;
+export {};

package/dist/cjs/types/src/components/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryFn } from "@storybook/react";
+import FISCheckbox from ".";
+declare const _default: Meta<typeof FISCheckbox>;
+export default _default;
+export declare const Default: StoryFn<typeof FISCheckbox>;
+export declare const WithSubLabel: StoryFn<typeof FISCheckbox>;
+export declare const Sizes: StoryFn<typeof FISCheckbox>;
+export declare const Variants: StoryFn<typeof FISCheckbox>;

package/dist/cjs/types/src/components/Checkbox/index.d.ts

@@ -0,0 +1,49 @@
+import React, { Ref, ComponentPropsWithoutRef } from "react";
+export type CheckboxSize = "sm" | "md";
+export type CheckboxVariant = "primary" | "secondary" | "tertiary";
+type CheckboxProps = ComponentPropsWithoutRef<"input"> & {
+    children?: React.ReactNode;
+    /** Size for checkbox */
+    size?: CheckboxSize;
+    /** Type of checkbox */
+    variant?: CheckboxVariant;
+    /**
+     * Defines the string that subLabel the checkbox element.
+     */
+    subLabel?: string;
+    /**
+     * If `true`, the checkbox will be checked.
+     * You'll need to pass `onChange` to update its value (since it is now controlled).
+     */
+    indeterminate?: boolean;
+    /**
+     * If `true`, the checkbox will be disabled.
+     *
+     * @default false
+     */
+    inputRef?: Ref<HTMLInputElement>;
+};
+declare const FISCheckbox: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    children?: React.ReactNode;
+    /** Size for checkbox */
+    size?: CheckboxSize;
+    /** Type of checkbox */
+    variant?: CheckboxVariant;
+    /**
+     * Defines the string that subLabel the checkbox element.
+     */
+    subLabel?: string;
+    /**
+     * If `true`, the checkbox will be checked.
+     * You'll need to pass `onChange` to update its value (since it is now controlled).
+     */
+    indeterminate?: boolean;
+    /**
+     * If `true`, the checkbox will be disabled.
+     *
+     * @default false
+     */
+    inputRef?: Ref<HTMLInputElement>;
+} & React.RefAttributes<HTMLLabelElement>>;
+export default FISCheckbox;
+export type { CheckboxProps };

package/dist/cjs/types/src/components/Checkbox/styles.d.ts

@@ -0,0 +1,15 @@
+import { CheckboxSize, CheckboxVariant } from ".";
+interface CheckboxControlProps {
+    $checked: boolean;
+    $indeterminate: boolean;
+    $disabled: boolean;
+    $size?: CheckboxSize;
+    $variant?: CheckboxVariant;
+}
+export declare const CheckboxControlStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const LabelContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const LabelStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const SubLabelStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const VisuallyHiddenStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const CheckboxContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, CheckboxControlProps>> & string;
+export {};

package/dist/cjs/types/src/components/GroupButton/GroupButton.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import FISGroupButton from ".";
+declare const meta: Meta<typeof FISGroupButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Size: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,30 @@
+import React from "react";
+export type ButtonSize = "xs" | "sm" | "md" | "lg";
+export type ButtonVariant = "default" | "negative";
+import { ComponentPropsWithoutRef } from "react";
+type BaseButtonProps = {
+    label: string | React.ReactNode;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+} | {
+    label?: string | React.ReactNode;
+    startIcon: React.ReactNode;
+    endIcon?: React.ReactNode;
+} | {
+    label?: string | React.ReactNode;
+    startIcon?: React.ReactNode;
+    endIcon: React.ReactNode;
+};
+type ButtonOption = ComponentPropsWithoutRef<"button"> & BaseButtonProps;
+export interface GroupButtonProps {
+    /** 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 */
+    size?: ButtonSize;
+    /** Disabled state of all buttons in the group */
+    disabled?: boolean;
+    /** List of button options */
+    options: ButtonOption[];
+}
+declare const FISGroupButton: React.FC<GroupButtonProps>;
+export default FISGroupButton;

package/dist/cjs/types/src/components/GroupButton/styles.d.ts

@@ -0,0 +1,10 @@
+import { ButtonSize, ButtonVariant } from ".";
+interface GroupButtonItemProps {
+    $variant?: ButtonVariant;
+    $size: ButtonSize;
+    $onlyIcon?: boolean;
+}
+export declare const GroupButtonContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ButtonItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, GroupButtonItemProps>> & string;
+export declare const IconStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export {};

package/dist/cjs/types/src/components/GroupCheckbox/GroupCheckbox.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import FISCheckboxGroup from ".";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof FISCheckboxGroup>;
+export declare const Default: Story;
+export declare const RowDirection: Story;
+export declare const ColumnDirection: Story;
+export declare const Disabled: Story;
+export declare const WithPreselectedValues: Story;
+export declare const WithDisabledOptions: Story;

package/dist/cjs/types/src/components/GroupCheckbox/index.d.ts

@@ -0,0 +1,20 @@
+type Value = string | number;
+type Option<T> = {
+    value: T;
+    label: string;
+};
+type CheckboxGroupProps<T extends Value> = {
+    className?: string;
+    groupLabel: string;
+    options: Option<T>[] | readonly Option<T>[];
+    value: T[];
+    direction?: "row" | "column";
+    disabled?: boolean;
+    getOptionDisabled?: (option: Option<T>) => boolean;
+    onChange: (nextValue: T[]) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+};
+declare function FISCheckboxGroup<T extends Value>({ className, groupLabel, options, value, direction, disabled, getOptionDisabled, onChange, onFocus, onBlur, }: CheckboxGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+export default FISCheckboxGroup;
+export type { CheckboxGroupProps };

package/dist/cjs/types/src/components/GroupCheckbox/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const DivGroupContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $direction: "row" | "column";
+}>> & string;
+export declare const DivScreenReaderLabelSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/types/src/components/GroupRadio/GroupRadio.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta } from "@storybook/react";
+import { RadioGroupProps } from ".";
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, RadioGroupProps<string>>;
+export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, RadioGroupProps<string>>;
+export declare const ColumnLayout: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, RadioGroupProps<string>>;
+export declare const WithCustomDisabledOptions: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, RadioGroupProps<string>>;
+export declare const NoInitialSelection: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, RadioGroupProps<string>>;

package/dist/cjs/types/src/components/GroupRadio/index.d.ts

@@ -0,0 +1,21 @@
+type Value = string | number;
+type Option<T> = {
+    value: T;
+    label: string;
+};
+type RadioGroupProps<T extends Value> = {
+    className?: string;
+    groupLabel: string;
+    options: Option<T>[] | readonly Option<T>[];
+    value: T | null;
+    direction?: "row" | "column";
+    name?: string;
+    disabled?: boolean;
+    getOptionDisabled?: (option: Option<T>) => boolean;
+    onChange: (nextValue: T) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+};
+declare function RadioGroup<T extends Value>({ className, groupLabel, options, name, value, direction, disabled, getOptionDisabled, onChange, onFocus, onBlur, }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+export default RadioGroup;
+export type { RadioGroupProps };

package/dist/cjs/types/src/components/GroupRadio/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const DivContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $direction: "row" | "column";
+}>> & string;
+export declare const DivScreenReaderLabelSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/types/src/components/IconButton/IconButton.stories.d.ts

@@ -0,0 +1,37 @@
+import type { ButtonProps } from ".";
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    tags: string[];
+    args: {
+        size: "md";
+        disabled: false;
+        variant: "primary";
+        icon: import("react/jsx-runtime").JSX.Element;
+    };
+    argTypes: {
+        size: {
+            control: "radio";
+            options: import(".").ButtonSize[];
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        onClick: {
+            action: string;
+            description: string;
+        };
+        variant: {
+            control: "select";
+            options: (import(".").ButtonVariant | undefined)[];
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Size: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/IconButton/index.d.ts

@@ -0,0 +1,17 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from "react";
+export type ButtonVariant = "primary" | "secondary" | "secondary-invisible" | "tertiary" | "tertiary-invisible" | "primary-negative" | "secondary-negative" | "secondary-invisible-negative" | "primary-white" | "secondary-white" | "secondary-invisible-white";
+export type ButtonSize = "xs" | "sm" | "md" | "lg";
+export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
+    /**Change the design of button*/
+    variant?: ButtonVariant;
+    /** Size md for only button icon */
+    size: ButtonSize;
+    /**
+     * Defines the icon element.
+     */
+    icon?: ReactNode;
+    /** whether the button should be active */
+    active?: boolean;
+}
+declare const FISIconButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default FISIconButton;

package/dist/cjs/types/src/components/IconButton/styles.d.ts

@@ -0,0 +1,8 @@
+import { ButtonSize, ButtonVariant } from ".";
+interface ButtonProps {
+    $variant: ButtonVariant;
+    $size: ButtonSize;
+    $active: boolean;
+}
+export declare const ButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonProps>> & string;
+export {};

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

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

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

@@ -0,0 +1,23 @@
+import { ComponentPropsWithoutRef, JSX } from "react";
+export type InputTypeSuffix = "icon" | "suffix" | "dropdown";
+export type InputSize = "md" | "lg";
+export interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onClick"> {
+    /**Control the size of the component*/
+    sizeInput?: InputSize;
+    /**Control the style type of component: "icon" | "suffix" | "dropdown" */
+    typeSuffix?: InputTypeSuffix;
+    /**Prefix for filter value*/
+    iconPrefix?: string | JSX.Element;
+    /**iconSuffix for filter value*/
+    iconSuffix?: string | JSX.Element;
+    /**labelSuffix for filter value*/
+    labelSuffix?: string | JSX.Element;
+    /**isNegative for current field*/
+    isNegative?: boolean;
+    /**isActived for current field*/
+    isActived?: boolean;
+    /** onClick for current field Button */
+    onClickSuffix?: () => void;
+}
+declare const FISInputField: import("react").ForwardRefExoticComponent<InputFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export default FISInputField;

package/dist/cjs/types/src/components/Input/InputField/styles.d.ts

@@ -0,0 +1,9 @@
+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 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 DivIconSuffixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SpanTextDropSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const DivIconDropSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivDropdownSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivSuffixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SpanTextSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, 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;

package/dist/cjs/types/src/components/Input/InputLabel/InputLabel.stories.d.ts

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

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

@@ -0,0 +1,13 @@
+import React from "react";
+export interface InputLabelProps {
+    /**textLabel for current field*/
+    textLabel: string;
+    /**Show symbol * as required field*/
+    isRequired?: boolean;
+    /**Icon for current field*/
+    iconLabel?: React.ReactNode;
+    /**onClickIconLabel for current field*/
+    onClickIconLabel?: () => void;
+}
+declare const FISInputLabel: React.ForwardRefExoticComponent<InputLabelProps & React.RefAttributes<unknown>>;
+export default FISInputLabel;

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

@@ -0,0 +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 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/cjs/types/src/components/Input/InputText/InputText.stories.d.ts

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

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

@@ -0,0 +1,31 @@
+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;
+    /**value for current field*/
+    value?: string;
+    /** Handle onChange action */
+    onChange?: (value: string | null) => void;
+    /** Handle onEnter action */
+    onEnter?: (value: string | null) => void;
+    /** Handle onBlur action */
+    onBlur?: (value: string | null) => void;
+    /** Handle onKeyDown action */
+    onKeyDown?: (event: unknown) => void;
+}
+declare const FISInputText: React.ForwardRefExoticComponent<InputTextProps & React.RefAttributes<HTMLInputElement>>;
+export default FISInputText;

package/dist/cjs/types/src/components/Input/InputText/styles.d.ts

@@ -0,0 +1,4 @@
+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 SpanCountSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const DivHintWrapperSC: 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;

package/dist/cjs/types/src/components/LinkButton/LinkButton.stories.d.ts

@@ -0,0 +1,43 @@
+import type { ButtonProps } from ".";
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    tags: string[];
+    args: {
+        children: string;
+        size: "sm";
+        disabled: false;
+        variant: "default";
+        startIcon: import("react/jsx-runtime").JSX.Element;
+        underline: false;
+    };
+    argTypes: {
+        size: {
+            control: "radio";
+            options: import(".").ButtonSize[];
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        onClick: {
+            action: string;
+            description: string;
+        };
+        variant: {
+            control: "select";
+            options: (import(".").ButtonVariant | undefined)[];
+            description: string;
+        };
+        underline: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Size: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/LinkButton/index.d.ts

@@ -0,0 +1,23 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from "react";
+export type ButtonVariant = "default" | "hight-priority" | "negative" | "white";
+export type ButtonSize = "xs" | "sm";
+export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
+    /**Change the design of button*/
+    variant?: ButtonVariant;
+    /** Size md for only button icon */
+    size: ButtonSize;
+    /**
+     * Defines the element that stands before the children element.
+     */
+    startIcon?: ReactNode;
+    /**
+     * Defines the element that stands after the children element.
+     */
+    endIcon?: ReactNode;
+    /**
+     * Defines the type of the button.
+     */
+    underline?: boolean;
+}
+declare const FISLinkButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default FISLinkButton;

package/dist/cjs/types/src/components/LinkButton/styles.d.ts

@@ -0,0 +1,9 @@
+import { ButtonSize, ButtonVariant } from ".";
+interface ButtonProps {
+    $variant?: ButtonVariant;
+    $size: ButtonSize;
+    $underline?: boolean;
+}
+export declare const LinkButtonStyled: 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 IconStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export {};