fis-component 0.1.17 → 0.1.18

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

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

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

@@ -44,3 +44,4 @@ export { default as ChevronRightIcon } from "./ChevronRightIcon";
 export { default as SortTableIcon } from "./SortTableIcon";
 export { default as LineArrowsDownIcon } from "./LineArrowsDown";
 export { default as LineArrowsUpIcon } from "./LineArrowsUp";
+export { default as InfoSolidIcon } from "./InfoSolidIcon";

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

@@ -3,3 +3,18 @@ import AlertBanner, { AlertBannerProps } from ".";
 declare const _default: Meta<typeof AlertBanner>;
 export default _default;
 export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AlertBannerProps>;
+export declare const AllVariants: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithDescription: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AlertBannerProps>;
+export declare const WithAction: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AlertBannerProps>;
+export declare const WithLink: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AlertBannerProps>;
+export declare const DirectionColumn: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AlertBannerProps>;
+export declare const Dismissible: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AlertBannerProps>;

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

@@ -9,5 +9,23 @@ export declare const WithStatusDot: import("@storybook/core/csf").AnnotatedStory
 export declare const WithStatusBadge: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;
 export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;
 export declare const Square: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;
-export declare const Colors: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;
-export declare const Size: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;
+export declare const Colors: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Size: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

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

@@ -1,5 +1,4 @@
 import React from "react";
-export type ShapeType = "rounded" | "square";
 export type AvatarSize = "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
 export type StatusBadgeType = "green" | "red" | "yellow" | "blue" | "neutral";
 export type ColorType = "neutral" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
@@ -12,7 +11,7 @@ export type AvatarProps = {
     size?: AvatarSize;
     statusBadge?: StatusBadgeType;
     dotBadge?: boolean;
-    shape?: ShapeType;
+    rounded?: boolean;
     disabled?: boolean;
     color?: ColorType;
 };

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

@@ -1,7 +1,7 @@
-import { AvatarSize, ColorType, StatusBadgeType, ShapeType } from ".";
+import { AvatarSize, ColorType, StatusBadgeType } from ".";
 interface AvatarProps {
     $size?: AvatarSize;
-    $shape?: ShapeType;
+    $rounded?: boolean;
     $color?: ColorType;
     $statusBadge?: StatusBadgeType;
     $disabled?: boolean;

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

@@ -45,6 +45,26 @@ export declare const SolidType: {
         };
     };
 };
+export declare const GhostType: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Dot: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
 export declare const Disabled: {
     (): import("react/jsx-runtime").JSX.Element;
     parameters: {
@@ -57,3 +77,23 @@ export declare const Disabled: {
 };
 export declare const IconOnly: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").BadgeProps>;
 export declare const LabelOnly: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").BadgeProps>;
+export declare const SquareMatrix: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const RoundedMatrix: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

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

@@ -1,31 +1,50 @@
 import React from "react";
-export type BadgeSize = "xs" | "sm" | "md" | "lg";
+export type BadgeSize = "xs" | "sm" | "md" | "lg" | "xl";
 export type ColorType = "neutral" | "neutral-light" | "red" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
 export type BadgeStatus = "info" | "caution" | "positive" | "negative";
-export type BadgeType = "default" | "solid";
+export type BadgeType = "default" | "solid" | "ghost";
 export type BadgeBaseProps = {
     className?: string;
     size?: BadgeSize;
     color?: ColorType;
     status?: BadgeStatus;
-    type?: BadgeType;
     disabled?: boolean;
 };
-export type BadgeWithIconOnly = BadgeBaseProps & {
+type BadgeAvatarContent = {
+    src: string;
+    label: string;
+    icon?: never;
+};
+type BadgeIconLabelContent = {
     icon: React.ReactNode;
-    label?: string;
+    label: string;
     src?: never;
 };
-export type BadgeWithAvatar = BadgeBaseProps & {
-    src: string;
-    label: string;
-    icon?: React.ReactNode;
+type BadgeOnlyIconContent = {
+    icon: React.ReactNode;
+    label?: never;
+    src?: never;
 };
-export type BadgeWithLabelOnly = BadgeBaseProps & {
+type BadgeOnlyLabelContent = {
     label: string;
     icon?: never;
     src?: never;
 };
-export type BadgeProps = BadgeWithIconOnly | BadgeWithAvatar | BadgeWithLabelOnly;
+export type DefaultBadgeProps = BadgeBaseProps & {
+    type?: "default";
+    rounded?: boolean;
+} & (BadgeAvatarContent | BadgeIconLabelContent | BadgeOnlyIconContent | BadgeOnlyLabelContent);
+export type SolidBadgeProps = BadgeBaseProps & {
+    type: "solid";
+    rounded?: boolean;
+} & (BadgeIconLabelContent | BadgeOnlyIconContent);
+export type GhostBadgeProps = BadgeBaseProps & {
+    type: "ghost";
+    rounded?: true;
+    icon?: React.ReactNode;
+    label: string;
+    src?: never;
+};
+export type BadgeProps = DefaultBadgeProps | SolidBadgeProps | GhostBadgeProps;
 declare const FISBadge: React.FC<BadgeProps>;
 export default FISBadge;

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

@@ -5,8 +5,10 @@ interface BadgeProps {
     $status?: BadgeStatus;
     $type?: string;
     $disabled?: boolean;
+    $rounded?: boolean;
 }
 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>, BadgeProps>> & 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>, BadgeProps>> & string;
+export declare const DivDot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const SpanLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, BadgeProps>> & string;
 export {};

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

@@ -5,4 +5,5 @@ export default meta;
 type Story = StoryObj<typeof FISBreadcrumb>;
 export declare const Basic: Story;
 export declare const WithManyItems: Story;
+export declare const WithActiveItem: Story;
 export declare const IconOnly: Story;

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

@@ -37,9 +37,22 @@ declare const meta: {
             control: "boolean";
             description: string;
         };
+        startIcon: {
+            control: false;
+            description: string;
+        };
+        endIcon: {
+            control: false;
+            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;
+export declare const WithIcons: Story;
+export declare const IconOnly: Story;
+export declare const Loading: Story;
+export declare const Active: Story;
+export declare const Disabled: Story;

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

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from "react";
-export type ButtonVariant = "primary" | "secondary" | "tertiary" | "primary-negative" | "secondary-negative" | "primary-white" | "secondary-white";
+export type ButtonVariant = "primary" | "secondary" | "tertiary" | "primary-negative" | "secondary-negative" | "primary-white" | "secondary-white" | "secondary-ghost" | "tertiary-ghost" | "secondary-ghost-negative" | "secondary-ghost-white";
 export type ButtonSize = "xs" | "sm" | "md" | "lg";
 export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
     /** whether the button should be active */

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

@@ -1,7 +1,69 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import FISButtonGroup from ".";
-declare const meta: Meta<typeof FISButtonGroup>;
+import type { StoryObj } from "@storybook/react";
+import { GroupButtonProps } from ".";
+declare const meta: {
+    title: string;
+    component: import("react").FC<GroupButtonProps>;
+    tags: string[];
+    args: {
+        size: "md";
+        disabled: false;
+        layout: "attached";
+        options: ({
+            label: string;
+            onClick: () => void;
+            startIcon?: undefined;
+        } | {
+            startIcon: import("react/jsx-runtime").JSX.Element;
+            onClick: () => void;
+            label?: undefined;
+        })[];
+    };
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            defaultValue: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+            defaultValue: boolean;
+        };
+        options: {
+            control: {
+                type: "object";
+            };
+            description: string;
+            defaultValue: {
+                label: string;
+                onClick: () => void;
+            }[];
+        };
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            defaultValue: string;
+        };
+        layout: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+            description: string;
+            defaultValue: string;
+        };
+    };
+};
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Size: () => import("react/jsx-runtime").JSX.Element;
+export declare const Separated: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,12 @@
 import React from "react";
 export type ButtonSize = "xs" | "sm" | "md" | "lg";
 export type ButtonVariant = "default" | "negative";
+/**
+ * Visual arrangement of the buttons.
+ * - `attached`: buttons share a single divider and only the outer corners are rounded (default).
+ * - `separated`: each button is fully bordered and rounded, spaced apart by `gapSize`.
+ */
+export type ButtonGroupLayout = "attached" | "separated";
 import { ComponentPropsWithoutRef } from "react";
 type BaseButtonProps = {
     label: string | React.ReactNode;
@@ -25,6 +31,12 @@ export interface GroupButtonProps {
     size?: ButtonSize;
     /** Disabled state of all buttons in the group */
     disabled?: boolean;
+    /**
+     * Visual arrangement of the buttons. Defaults to `attached`.
+     * When `separated`, buttons are spaced apart by the
+     * `com/button-group/size-{size}/horizontal-gap` design token.
+     */
+    layout?: ButtonGroupLayout;
     /** List of button options */
     options: ButtonOption[];
 }

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

@@ -1,10 +1,15 @@
-import { ButtonSize, ButtonVariant } from ".";
+import { ButtonGroupLayout, ButtonSize, ButtonVariant } from ".";
 interface GroupButtonItemProps {
     $variant?: ButtonVariant;
     $size: ButtonSize;
     $onlyIcon?: boolean;
+    $layout: ButtonGroupLayout;
 }
-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;
+interface GroupButtonContainerProps {
+    $layout: ButtonGroupLayout;
+    $size: ButtonSize;
+}
+export declare const GroupButtonContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GroupButtonContainerProps>> & 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/esm/types/src/components/Checkbox/Checkbox.stories.d.ts

@@ -6,3 +6,6 @@ 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>;
+export declare const Checked: StoryFn<typeof FISCheckbox>;
+export declare const Indeterminate: StoryFn<typeof FISCheckbox>;
+export declare const Disabled: StoryFn<typeof FISCheckbox>;

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

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef, Ref } from "react";
+import React, { ComponentPropsWithoutRef, Ref, type CSSProperties } from "react";
 export type CheckboxSize = "sm" | "md";
 export type CheckboxVariant = "primary" | "secondary" | "tertiary";
 type CheckboxProps = Omit<ComponentPropsWithoutRef<"input">, "size"> & {
@@ -26,6 +26,10 @@ type CheckboxProps = Omit<ComponentPropsWithoutRef<"input">, "size"> & {
      * Default checked state for uncontrolled usage
      */
     defaultChecked?: boolean;
+    /**
+     * Inline style for the outer checkbox container.
+     */
+    containerStyle?: CSSProperties;
 };
 declare const FISCheckbox: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size"> & {
     children?: React.ReactNode;
@@ -52,6 +56,10 @@ declare const FISCheckbox: React.ForwardRefExoticComponent<Omit<Omit<React.Detai
      * Default checked state for uncontrolled usage
      */
     defaultChecked?: boolean;
+    /**
+     * Inline style for the outer checkbox container.
+     */
+    containerStyle?: CSSProperties;
 } & React.RefAttributes<HTMLLabelElement>>;
 export default FISCheckbox;
 export type { CheckboxProps };

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

@@ -8,4 +8,5 @@ export declare const RowDirection: Story;
 export declare const ColumnDirection: Story;
 export declare const Disabled: Story;
 export declare const WithPreselectedValues: Story;
+export declare const Sizes: Story;
 export declare const WithDisabledOptions: Story;

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

@@ -5,6 +5,7 @@ export default _default;
 export declare const WithAvatar: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ChipButtonProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const WithIcon: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ChipButtonProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const Closeable: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ChipButtonProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Selected: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ChipButtonProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ChipButtonProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const DifferentSizes: {
     (): import("react/jsx-runtime").JSX.Element;
@@ -26,3 +27,13 @@ export declare const DifferentThemes: {
         };
     };
 };
+export declare const DifferentShapes: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

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

@@ -1,10 +1,11 @@
 import React from "react";
 export type ChipSize = "xs" | "sm" | "md" | "lg";
-export type ThemeType = "neutral" | "red" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
+export type ThemeType = "neutral" | "brand" | "red" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
 export type ChipBaseProps = {
     className?: string | undefined;
     size?: ChipSize;
     theme?: ThemeType;
+    rounded?: boolean;
     closeable?: boolean;
     selected?: boolean;
     disabled?: boolean;

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

@@ -2,6 +2,7 @@ import { ChipSize, ThemeType } from ".";
 interface ChipProps {
     $size?: ChipSize;
     $theme?: ThemeType;
+    $rounded?: boolean;
     $disabled?: boolean;
 }
 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>, ChipProps>> & string;

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

@@ -5,3 +5,9 @@ declare const _default: Meta<ComboboxStoryProps>;
 export default _default;
 export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;
 export declare const DefaultMulti: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;
+export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;
+export declare const Negative: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;
+export declare const Positive: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;
+export declare const Required: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;
+export declare const Loading: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;
+export declare const NoResult: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;

package/dist/esm/types/src/components/Combobox/types.d.ts

@@ -31,4 +31,6 @@ export type ComboboxProps<T> = Omit<InputFieldProps, "value" | "onChange"> & Par
     noResult?: boolean;
     noResultText?: string;
     maxHeight?: string | number;
+    /** Render dropdown vào document.body để thoát khỏi container bị overflow/transform. Mặc định true. */
+    portal?: boolean;
 } & (SingleSelect<T> | MultiSelect<T>);

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

@@ -1,5 +1,11 @@
-import { Meta } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 import FISDivider from ".";
 declare const FISDividerStory: Meta<typeof FISDivider>;
 export default FISDividerStory;
 export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").IFISDividerProps>;
+export declare const Horizontal: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").IFISDividerProps>;
+export declare const Vertical: StoryFn<typeof FISDivider>;
+export declare const WithSideOffset: StoryFn<typeof FISDivider>;
+export declare const WithHeadpointOffset: StoryFn<typeof FISDivider>;
+export declare const Flip: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").IFISDividerProps>;
+export declare const CustomColor: StoryFn<typeof FISDivider>;

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

@@ -39,3 +39,4 @@ 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;
+export declare const Loading: Story;

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

@@ -23,6 +23,10 @@ declare const meta: {
             control: "boolean";
             description: string;
         };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
         message: {
             control: "text";
             description: string;
@@ -38,4 +42,8 @@ declare const meta: {
     };
 };
 export default meta;
-export declare const Default: (args: DateRangeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, DateRangeProps>;
+export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, DateRangeProps>;
+export declare const Negative: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, DateRangeProps>;
+export declare const Positive: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, DateRangeProps>;
+export declare const CustomPlaceholder: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, DateRangeProps>;

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

@@ -3,3 +3,9 @@ import { TextAreaProps } from ".";
 declare const _default: Meta;
 export default _default;
 export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TextAreaProps>;
+export declare const WithCount: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TextAreaProps>;
+export declare const Negative: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TextAreaProps>;
+export declare const Positive: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TextAreaProps>;
+export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TextAreaProps>;
+export declare const ReadOnly: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TextAreaProps>;
+export declare const Large: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TextAreaProps>;

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

@@ -2,8 +2,11 @@ import type { Meta } from "@storybook/react";
 import { InputDateProps } from ".";
 declare const _default: Meta;
 export default _default;
-export declare const Default: (args: InputDateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputDateProps>;
 export declare const YearPicker: (args: InputDateProps) => import("react/jsx-runtime").JSX.Element;
 export declare const MonthPicker: (args: InputDateProps) => import("react/jsx-runtime").JSX.Element;
 export declare const QuarterPicker: (args: InputDateProps) => import("react/jsx-runtime").JSX.Element;
 export declare const AllModes: (args: InputDateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputDateProps>;
+export declare const Negative: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputDateProps>;
+export declare const WithTime: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputDateProps>;

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

@@ -19,3 +19,6 @@ export declare const WithSuffixIcon: Story;
 export declare const WithTypeSuffix: Story;
 export declare const WithDropdown: Story;
 export declare const ReadOnly: Story;
+export declare const Disabled: Story;
+export declare const Negative: Story;
+export declare const LargeSize: Story;

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

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

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

@@ -338,12 +338,28 @@ declare const meta: {
             };
             description: string;
         };
-        value: {
+        defaultValue: {
             control: {
                 type: "number";
             };
             description: string;
         };
+        negative: {
+            control: "boolean";
+            description: string;
+        };
+        positive: {
+            control: "boolean";
+            description: string;
+        };
+        StartIcon: {
+            control: false;
+            description: string;
+        };
+        EndIcon: {
+            control: false;
+            description: string;
+        };
         onChange: {
             action: string;
             description: string;
@@ -384,3 +400,5 @@ export declare const Large: Story;
 export declare const Disabled: Story;
 export declare const WithNegative: Story;
 export declare const ReadOnly: Story;
+export declare const WithPositive: Story;
+export declare const CustomIcons: Story;

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

@@ -1,4 +1,4 @@
-import type { Meta } from "@storybook/react";
+import type { Meta, StoryFn } from "@storybook/react";
 import FISInputText, { InputTextProps } from ".";
 declare const _default: Meta<typeof FISInputText>;
 export default _default;
@@ -12,4 +12,5 @@ export declare const WithIconSuffix: import("@storybook/core/csf").AnnotatedStor
 export declare const WithDropdownSuffix: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTextProps>;
 export declare const WithTypeSuffix: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTextProps>;
 export declare const PositiveState: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTextProps>;
+export declare const Sizes: StoryFn<InputTextProps>;
 export declare const NegativeState: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTextProps>;

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

@@ -3,3 +3,7 @@ import { InputTimeProps } from ".";
 declare const _default: Meta;
 export default _default;
 export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTimeProps>;
+export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTimeProps>;
+export declare const Negative: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTimeProps>;
+export declare const Positive: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTimeProps>;
+export declare const CustomFormat: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTimeProps>;