ingred-ui 22.3.2 → 22.4.0

package/dist/{components → src/components}/FilterInputAbstract/FilterInputAbstract.stories.d.ts

@@ -18,7 +18,7 @@ declare const meta: {
     argTypes: {
         size: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
             description: string;
@@ -31,6 +31,16 @@ declare const meta: {
                 };
             };
         };
+        onSelectChange: {
+            action: string;
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
     };
 };
 export default meta;

package/dist/src/components/FilterSelectInput/FilterSelectInput.stories.d.ts

@@ -0,0 +1,87 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ value, options, selectedIndex, selectOptions, onChange, onSelectChange, size, variant, searchPlaceholder, noResultsMessage, disabled, error, }: {
+        value: string;
+        options: string[];
+        selectedIndex: number;
+        selectOptions: {
+            icon: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+            label: string;
+        }[];
+        onChange: (value: string) => void;
+        onSelectChange: (index: number) => void;
+        size?: import("../FilterInputAbstract/types").FilterSize | undefined;
+        variant?: import("../FilterInputAbstract/types").FilterVariant | undefined;
+        searchPlaceholder?: string | undefined;
+        noResultsMessage?: string | undefined;
+        disabled?: boolean | undefined;
+        error?: boolean | undefined;
+    }) => JSX.Element;
+    argTypes: {
+        size: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+            description: string;
+        };
+        variant: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+            description: string;
+        };
+        searchPlaceholder: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "radio";
+            };
+            options: boolean[];
+            description: string;
+        };
+        error: {
+            control: {
+                type: "radio";
+            };
+            options: boolean[];
+            description: string;
+        };
+        onChange: {
+            action: string;
+        };
+        onSelectChange: {
+            action: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * 入力内容をリストから選択させるフィルターの入力です。
+ * 利用方法は、FilterTagInput の story 内の説明を参照してください。
+ *
+ * 自動で横 100% に広がります。必要に応じて、親要素の幅を指定してください。
+ */
+export declare const Default: Story;
+/**
+ * サイズバリエーション
+ *
+ * - small: 高さ28px
+ * - medium: 高さ32px（デフォルト）
+ * - large: 高さ40px
+ */
+export declare const Sizes: Story;
+export declare const Variants: Story;
+/**
+ * 無効化状態のサンプル
+ */
+export declare const Disabled: Story;
+export declare const Error: Story;

package/dist/src/components/FilterTagInput/FilterTagInput.stories.d.ts

@@ -0,0 +1,103 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ title, values, selectedIndex, selectOptions, onChange, onSelectChange, size, variant, tagVariant, menuIconSize, disabled, error, }: {
+        title: string;
+        values: string[];
+        selectedIndex: number;
+        selectOptions: {
+            icon: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+            label: string;
+        }[];
+        onChange: (values: string[], selectedIndex: number) => void;
+        onSelectChange: (index: number) => void;
+        size?: import("../FilterInputAbstract/types").FilterSize | undefined;
+        variant?: "dark" | "light" | undefined;
+        tagVariant?: "dark" | "light" | undefined;
+        menuIconSize?: number | import("../Icon").IconSize | undefined;
+        disabled?: boolean | undefined;
+        error?: boolean | undefined;
+    }) => JSX.Element;
+    argTypes: {
+        size: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+            description: string;
+        };
+        variant: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "radio";
+            };
+            options: boolean[];
+            description: string;
+        };
+        error: {
+            control: {
+                type: "radio";
+            };
+            options: boolean[];
+            description: string;
+        };
+        onChange: {
+            action: string;
+        };
+        onSelectChange: {
+            action: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * 入力内容がタグ形式で表示される。<br />
+ * 設置される領域が狭い場合、入力領域をモーダルで展開する。
+ *
+ * ---
+ *
+ * select 形式の「選択内容（`number`）」とタグ形式の「入力内容（`string[]`）」を管理できます。
+ *
+ * 選択内容は、選択内容の `selectedIndex` により、`0` から始まる整数で管理します。<br />
+ * `selectedIndex` は、select の上からの順です。<br />
+ * 選択内容が変更されると、`onSelectChange` で、新しい `selectedIndex` が返されます。
+ *
+ * 入力内容は `string[]` の配列で管理されます。ユーザーが入力を確定し、それがタグとして追加されると、`onChange` で、新しい配列が返されます。
+ *
+ * select の選択肢は、`selectOptions` として外から与えてください。<br />
+ * 例:
+ * ```
+ * selectOptions={ [
+ *   {
+ *     icon: (
+ *       <Icon name="operator_match" type="line" color={colors.basic[900]} />
+ *     ),
+ *     label: "含む",
+ *   },
+ *   {
+ *     icon: (
+ *       <Icon
+ *         name="operator_does_not_match"
+ *         type="line"
+ *         color={colors.basic[900]}
+ *       />
+ *     ),
+ *     label: "含まない",
+ *   },
+ * ] }
+ * ```
+ *
+ */
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const Variants: Story;
+export declare const Disabled: Story;
+export declare const Error: Story;

package/dist/src/components/FixedPanel/FixedPanel.stories.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import FixedPanel, { FixedPanelProps } from "./FixedPanel";
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, FixedPanelProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Example: StoryObj<typeof FixedPanel>;

package/dist/{components → src/components}/Flex/Flex.stories.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
 import { StoryObj } from "@storybook/react";
-import { FlexProps } from "./Flex";
-declare const _default: {
+declare const meta: {
     title: string;
-    component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, FlexProps, never>;
+    component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("./Flex").FlexProps, never>;
     args: {
         display: string;
         justifyContent: string;
@@ -17,5 +16,6 @@ declare const _default: {
         };
     };
 };
-export default _default;
-export declare const Example: StoryObj<FlexProps>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Example: Story;

package/dist/src/components/FullSizeConfirmModal/FullSizeConfirmModal.stories.d.ts

@@ -0,0 +1,344 @@
+import React from "react";
+import { FullSizeConfirmModalProps } from "./FullSizeConfirmModal";
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Basic: {
+    args: {
+        children: string;
+        onSubmit: import("@storybook/addon-actions").HandlerFunction;
+    };
+    decorators?: import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./FullSizeConfirmModal").FullSizeConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }> | import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./FullSizeConfirmModal").FullSizeConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }>[] | undefined;
+    parameters?: import("@storybook/core/csf").Parameters | undefined;
+    argTypes?: Partial<import("@storybook/core/csf").ArgTypes<FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>> | undefined;
+    loaders?: import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    beforeEach?: import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    experimental_afterEach?: import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    render?: import("@storybook/core/csf").ArgsStoryFn<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    tags?: string[] | undefined;
+    mount?: ((context: import("@storybook/core/csf").StoryContext<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>) => (ui?: any) => Promise<import("@storybook/core/csf").Canvas>) | undefined;
+    name?: string | undefined;
+    storyName?: string | undefined;
+    play?: import("@storybook/core/csf").PlayFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    globals?: import("@storybook/core/csf").Globals | undefined;
+    story?: Omit<import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>, Partial<FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>>, "story"> | undefined;
+};
+export declare const WithOneSubAction: {
+    args: {
+        children: string;
+        onSubmit: import("@storybook/addon-actions").HandlerFunction;
+        subActions: JSX.Element[];
+    };
+    decorators?: import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./FullSizeConfirmModal").FullSizeConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }> | import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./FullSizeConfirmModal").FullSizeConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }>[] | undefined;
+    parameters?: import("@storybook/core/csf").Parameters | undefined;
+    argTypes?: Partial<import("@storybook/core/csf").ArgTypes<FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>> | undefined;
+    loaders?: import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    beforeEach?: import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    experimental_afterEach?: import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    render?: import("@storybook/core/csf").ArgsStoryFn<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    tags?: string[] | undefined;
+    mount?: ((context: import("@storybook/core/csf").StoryContext<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>) => (ui?: any) => Promise<import("@storybook/core/csf").Canvas>) | undefined;
+    name?: string | undefined;
+    storyName?: string | undefined;
+    play?: import("@storybook/core/csf").PlayFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    globals?: import("@storybook/core/csf").Globals | undefined;
+    story?: Omit<import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>, Partial<FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>>, "story"> | undefined;
+};
+export declare const WithTwoSubActions: {
+    args: {
+        children: string;
+        onSubmit: import("@storybook/addon-actions").HandlerFunction;
+        subActions: JSX.Element[];
+    };
+    decorators?: import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./FullSizeConfirmModal").FullSizeConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }> | import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./FullSizeConfirmModal").FullSizeConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }>[] | undefined;
+    parameters?: import("@storybook/core/csf").Parameters | undefined;
+    argTypes?: Partial<import("@storybook/core/csf").ArgTypes<FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>> | undefined;
+    loaders?: import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    beforeEach?: import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    experimental_afterEach?: import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    render?: import("@storybook/core/csf").ArgsStoryFn<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    tags?: string[] | undefined;
+    mount?: ((context: import("@storybook/core/csf").StoryContext<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>) => (ui?: any) => Promise<import("@storybook/core/csf").Canvas>) | undefined;
+    name?: string | undefined;
+    storyName?: string | undefined;
+    play?: import("@storybook/core/csf").PlayFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    globals?: import("@storybook/core/csf").Globals | undefined;
+    story?: Omit<import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>, Partial<FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>>, "story"> | undefined;
+};
+export declare const Loading: {
+    args: {
+        children: string;
+        onSubmit: () => void;
+        loading: boolean;
+    };
+    decorators?: import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./FullSizeConfirmModal").FullSizeConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }> | import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./FullSizeConfirmModal").FullSizeConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }>[] | undefined;
+    parameters?: import("@storybook/core/csf").Parameters | undefined;
+    argTypes?: Partial<import("@storybook/core/csf").ArgTypes<FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>> | undefined;
+    loaders?: import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    beforeEach?: import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    experimental_afterEach?: import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    render?: import("@storybook/core/csf").ArgsStoryFn<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    tags?: string[] | undefined;
+    mount?: ((context: import("@storybook/core/csf").StoryContext<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>) => (ui?: any) => Promise<import("@storybook/core/csf").Canvas>) | undefined;
+    name?: string | undefined;
+    storyName?: string | undefined;
+    play?: import("@storybook/core/csf").PlayFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    globals?: import("@storybook/core/csf").Globals | undefined;
+    story?: Omit<import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>, Partial<FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>>, "story"> | undefined;
+};
+export declare const OverflowYScroll: {
+    args: {
+        children: JSX.Element;
+        onSubmit: import("@storybook/addon-actions").HandlerFunction;
+        overflowYScroll: boolean;
+    };
+    decorators?: import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./FullSizeConfirmModal").FullSizeConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }> | import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./FullSizeConfirmModal").FullSizeConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }>[] | undefined;
+    parameters?: import("@storybook/core/csf").Parameters | undefined;
+    argTypes?: Partial<import("@storybook/core/csf").ArgTypes<FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>> | undefined;
+    loaders?: import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    beforeEach?: import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    experimental_afterEach?: import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    render?: import("@storybook/core/csf").ArgsStoryFn<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    tags?: string[] | undefined;
+    mount?: ((context: import("@storybook/core/csf").StoryContext<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>) => (ui?: any) => Promise<import("@storybook/core/csf").Canvas>) | undefined;
+    name?: string | undefined;
+    storyName?: string | undefined;
+    play?: import("@storybook/core/csf").PlayFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    globals?: import("@storybook/core/csf").Globals | undefined;
+    story?: Omit<import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>, Partial<FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>>, "story"> | undefined;
+};
+export declare const WithoutFooter: {
+    args: {
+        children: string;
+        onSubmit: undefined;
+    };
+    decorators?: import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./FullSizeConfirmModal").FullSizeConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }> | import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./FullSizeConfirmModal").FullSizeConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }>[] | undefined;
+    parameters?: import("@storybook/core/csf").Parameters | undefined;
+    argTypes?: Partial<import("@storybook/core/csf").ArgTypes<FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>> | undefined;
+    loaders?: import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    beforeEach?: import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    experimental_afterEach?: import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    render?: import("@storybook/core/csf").ArgsStoryFn<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    tags?: string[] | undefined;
+    mount?: ((context: import("@storybook/core/csf").StoryContext<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>) => (ui?: any) => Promise<import("@storybook/core/csf").Canvas>) | undefined;
+    name?: string | undefined;
+    storyName?: string | undefined;
+    play?: import("@storybook/core/csf").PlayFunction<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    globals?: import("@storybook/core/csf").Globals | undefined;
+    story?: Omit<import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>, Partial<FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>>, "story"> | undefined;
+};

package/dist/src/components/Grow/Grow.stories.d.ts

@@ -0,0 +1,5 @@
+import { StoryObj } from "@storybook/react";
+import Grow from "./Grow";
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("../../utils/reactTransitionGroup").CSSTransitionProps>;
+export default _default;
+export declare const Example: StoryObj<typeof Grow>;

package/dist/src/components/LoadingBar/LoadingBar.stories.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import LoadingBar from "./LoadingBar";
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, {
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: import("styled-components").DefaultTheme | undefined;
+} & {
+    as?: string | React.ComponentType<any> | undefined;
+    forwardedAs?: string | React.ComponentType<any> | undefined;
+}>;
+export default _default;
+export declare const Example: StoryObj<typeof LoadingBar>;