1mpacto-react-ui 0.2.0-beta.9 → 1.0.1

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

@@ -1,20 +1,235 @@
-import { StoryObj } from '@storybook/react-vite';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
-    component: <T extends import('react').ElementType = "div">({ as, variants, fonts, urls, textBreadcrumbs, onClickBreadcrumbs, gapAction, gapUrls, className, textAction, iconAction, onClickAction, onClickUrls, separator, propsLink, ...props }: import('../../interfaces/components/Breadcrumbs').IBreadcrumbs<T>) => import("react/jsx-runtime").JSX.Element;
+    component: <T extends import('react').ElementType = "div">({ as, variants, fonts, urls, textBreadcrumbs, onClickBreadcrumbs, gapAction, gapUrls, className, textAction, iconAction, onClickAction, onClickUrls, separator, propsLink, classNameAction, classNameUrl, renderAction, ...props }: import('../../interfaces/components/Breadcrumbs').IBreadcrumbs<T>) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
     tags: string[];
     argTypes: {
+        urls: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        textBreadcrumbs: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        separator: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        textAction: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        iconAction: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        variants: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        fonts: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        gapAction: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        gapUrls: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
         className: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameAction: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameUrl: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClick: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClickAction: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClickUrls: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClickBreadcrumbs: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         as: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
-        separator: {
-            type: "string";
+        propsLink: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        renderAction: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
     };
     render: (args: import('../../interfaces/components/Breadcrumbs').IBreadcrumbs<import('react').ElementType>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Button/Button.config.d.ts

@@ -0,0 +1,70 @@
+export declare const configButton: {
+    size: {
+        large: string;
+        reguler: string;
+        small: string;
+        'extra-small': string;
+        l: string;
+        m: string;
+        s: string;
+        xs: string;
+        'bill-l': string;
+        'bill-m': string;
+        'bill-s': string;
+        'bill-xs': string;
+    };
+    loadingSize: {
+        large: string;
+        reguler: string;
+        small: string;
+        'extra-small': string;
+        l: string;
+        m: string;
+        s: string;
+        xs: string;
+        'bill-l': string;
+        'bill-m': string;
+        'bill-s': string;
+        'bill-xs': string;
+    };
+    variants: {
+        'primary-laba-blue-10': string;
+        'primary-red-700-dsb_laba-grey-06': string;
+        'primary-green-700': string;
+        'ghost-laba-blue-10': string;
+        'ghost-red-700': string;
+        'ghost-green-700': string;
+        'ghost-laba-green-10': string;
+        'nude-laba-blue-10': string;
+        'nude-red-700': string;
+        'nude-green-700': string;
+        'nude-gray-500': string;
+        'primary-blue-700': string;
+        'secondary-blue-700': string;
+        'tertiary-blue-700': string;
+        'ghost-blue-gray-100-bg_white': string;
+        'ghost-blue-gray-100-bg_white-text_blue-gray-400': string;
+        'ghost-laba-blue-05': string;
+        'secondary-red-600': string;
+        'tertiary-red-300': string;
+        'tertiary-gray-500': string;
+        'tertiary-red-600': string;
+        'tertiary-black': string;
+        'secondary-green-600': string;
+        'nude-laba-red-10': string;
+        'nude-laba-red-05': string;
+        'primary-red-700': string;
+        'nude-laba-red-08': string;
+        'ghost-laba-blue-01': string;
+        'filled-laba-white_laba-blue-10': string;
+        'filled-laba-white_laba-red-05': string;
+        'secondary-red-700': string;
+        'primary-bill-primary-600': string;
+        'secondary-bill-secondary-800': string;
+        'tertiary-bill-secondary-800': string;
+        'primary-bill-red-700': string;
+    };
+};
+export declare const keysConfigButtonVariant: string[];
+export declare const keysConfigButtonSize: string[];
+export declare const keysConfigButtonLoadingSize: string[];

package/dist/src/components/Button/Button.d.ts

@@ -1,3 +1,4 @@
 import { IButton } from '../../interfaces/components/Button';
+
 declare const Button: import('react').ForwardRefExoticComponent<IButton & import('react').RefAttributes<HTMLButtonElement>>;
 export default Button;

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

@@ -1,4 +1,5 @@
-import { StoryObj } from '@storybook/react-vite';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/Button').IButton & import('react').RefAttributes<HTMLButtonElement>>;
@@ -7,23 +8,147 @@ declare const meta: {
     };
     tags: string[];
     argTypes: {
+        children: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
         startIcon: {
             control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         endIcon: {
             control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
-        classNameIconLoading: {
-            type: "string";
+        variants: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
         className: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameIconLoading: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        type: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        loading: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onClick: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
     };
     args: {
         onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
         startIcon: false;
         endIcon: false;
+        loading: false;
+        disabled: false;
     };
     render: (args: import('../../interfaces/components/Button').IButton & import('react').RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/src/components/ButtonIcon/ButtonIcon.config.d.ts

@@ -0,0 +1,53 @@
+export declare const configButton: {
+    size: {
+        large: string;
+        reguler: string;
+        small: string;
+        'extra-small': string;
+        l: string;
+        m: string;
+        s: string;
+        xs: string;
+    };
+    loadingSize: {
+        large: string;
+        reguler: string;
+        small: string;
+        'extra-small': string;
+        l: string;
+        m: string;
+        s: string;
+        xs: string;
+    };
+    variants: {
+        'primary-laba-blue-10': string;
+        'primary-red-700-dsb_laba-grey-06': string;
+        'primary-green-700': string;
+        'filled-laba-white_laba-blue-10': string;
+        'filled-laba-white_laba-red-05': string;
+        'ghost-laba-blue-10': string;
+        'ghost-red-700': string;
+        'ghost-green-700': string;
+        'ghost-laba-green-10': string;
+        'nude-laba-blue-10': string;
+        'nude-red-700': string;
+        'nude-green-700': string;
+        'nude-gray-500': string;
+        'primary-blue-700': string;
+        'secondary-blue-700': string;
+        'tertiary-blue-700': string;
+        'ghost-blue-gray-100-bg_white': string;
+        'secondary-red-600': string;
+        'tertiary-red-300': string;
+        'tertiary-gray-500': string;
+        'tertiary-red-600': string;
+        'secondary-green-600': string;
+        'nude-laba-red-10': string;
+        'nude-laba-red-05': string;
+        'primary-red-700': string;
+        'secondary-red-700': string;
+    };
+};
+export declare const keysConfigButtonVariant: string[];
+export declare const keysConfigButtonSize: string[];
+export declare const keysConfigButtonLoadingSize: string[];

package/dist/src/components/ButtonIcon/ButtonIcon.d.ts

@@ -1,3 +1,4 @@
 import { IButtonIcon } from '../../interfaces/components/ButtonIcon';
+
 declare const ButtonIcon: import('react').ForwardRefExoticComponent<IButtonIcon & import('react').RefAttributes<HTMLButtonElement>>;
 export default ButtonIcon;

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

@@ -1,4 +1,5 @@
-import { StoryObj } from '@storybook/react-vite';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/ButtonIcon').IButtonIcon & import('react').RefAttributes<HTMLButtonElement>>;
@@ -7,11 +8,129 @@ declare const meta: {
     };
     tags: string[];
     argTypes: {
-        classNameIconLoading: {
-            type: "string";
+        children: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        variants: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
         className: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameIconLoading: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        loading: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onClick: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        type: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        title: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
     };
     args: {

package/dist/src/components/ButtonPopover/ButtonPopover.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
 import { IButtonPopover, IRefButtonPopover } from '../../interfaces/components/ButtonPopover';
+
 declare const ButtonPopover: React.ForwardRefExoticComponent<IButtonPopover & React.RefAttributes<IRefButtonPopover>>;
 export default ButtonPopover;