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

package/dist/package.json.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "0.2.0-beta.9",
+  "version": "2.0.0",
   "type": "module",
   "engines": {
     "node": ">=20.19.4",

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

@@ -0,0 +1,57 @@
+export declare const configBadges: {
+    variants: {
+        'filled-gray-600': string;
+        'filled-green-600': string;
+        'filled-red-500': string;
+        'filled-blue-600': string;
+        'filled-amber-800': string;
+        'filled-pink-600': string;
+        'filled-lime-700': string;
+        'filled-lime-900-bg_lime-100': string;
+        'filled-red-900': string;
+        'filled-laba-green-10': string;
+        'filled-green-50': string;
+        'filled-blue-gray-50': string;
+        'filled-cyan-800-bg_cyan-100': string;
+        'ghost-laba-orange-01': string;
+        'ghost-laba-green-01': string;
+        'ghost-laba-green-02': string;
+        'ghost-laba-blue-02': string;
+        'ghost-laba-blue-01': string;
+        'ghost-gray-200': string;
+        'ghost-green-100': string;
+        'ghost-red-100': string;
+        'ghost-blue-100': string;
+        'ghost-amber-100': string;
+        'ghost-laba-grey-05': string;
+        'ghost-laba-red-01': string;
+        'outline-gray-600': string;
+        'outline-green-600': string;
+        'outline-red-500': string;
+        'outline-blue-600': string;
+        'outline-amber-800': string;
+        'outline-laba-blue-01': string;
+        'outline-laba-orange-06': string;
+        'outline-laba-orange-06-bg_laba-orange-01': string;
+        'outline-laba-green-06': string;
+        'outline-laba-red-06': string;
+    };
+    borderRadius: {
+        '0px': string;
+        '2px': string;
+        '4px': string;
+        '6px': string;
+        '8px': string;
+        '12px': string;
+        '16px': string;
+        '24px': string;
+        full: string;
+    };
+    fonts: {
+        lato: string;
+        inter: string;
+        pJakartaSans: string;
+    };
+    typography: Record<import('../../config/components/typography').Itypography, string>;
+};
+export declare const keysConfigBadgesVariant: string[];

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

@@ -7,8 +7,122 @@ declare const meta: {
     };
     tags: string[];
     argTypes: {
+        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;
+                };
+            };
+        };
+        rounded: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        typography: {
+            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;
+                };
+            };
+        };
         className: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        style: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClick: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        title: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
     };
 };

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

@@ -0,0 +1,113 @@
+export declare const configBreadcrumbs: {
+    fonts: {
+        lato: string;
+        inter: string;
+        pJakartaSans: string;
+    };
+    variants: {
+        'laba-blue-10': string;
+        'blue-700': string;
+        'bill-secondary-800': string;
+    };
+    gapAction: {
+        'gap-0': string;
+        'gap-x-0': string;
+        'gap-y-0': string;
+        'gap-px': string;
+        'gap-x-px': string;
+        'gap-y-px': string;
+        'gap-0.5': string;
+        'gap-x-0.5': string;
+        'gap-y-0.5': string;
+        'gap-1': string;
+        'gap-x-1': string;
+        'gap-y-1': string;
+        'gap-1.5': string;
+        'gap-x-1.5': string;
+        'gap-y-1.5': string;
+        'gap-2': string;
+        'gap-x-2': string;
+        'gap-y-2': string;
+        'gap-2.5': string;
+        'gap-x-2.5': string;
+        'gap-y-2.5': string;
+        'gap-3': string;
+        'gap-x-3': string;
+        'gap-y-3': string;
+        'gap-3.5': string;
+        'gap-x-3.5': string;
+        'gap-y-3.5': string;
+        'gap-4': string;
+        'gap-x-4': string;
+        'gap-y-4': string;
+        'gap-5': string;
+        'gap-x-5': string;
+        'gap-y-5': string;
+        'gap-6': string;
+        'gap-x-6': string;
+        'gap-y-6': string;
+        'gap-7': string;
+        'gap-x-7': string;
+        'gap-y-7': string;
+        'gap-8': string;
+        'gap-x-8': string;
+        'gap-y-8': string;
+        'gap-9': string;
+        'gap-x-9': string;
+        'gap-y-9': string;
+        'gap-10': string;
+        'gap-x-10': string;
+        'gap-y-10': string;
+    };
+    gapUrls: {
+        'gap-0': string;
+        'gap-x-0': string;
+        'gap-y-0': string;
+        'gap-px': string;
+        'gap-x-px': string;
+        'gap-y-px': string;
+        'gap-0.5': string;
+        'gap-x-0.5': string;
+        'gap-y-0.5': string;
+        'gap-1': string;
+        'gap-x-1': string;
+        'gap-y-1': string;
+        'gap-1.5': string;
+        'gap-x-1.5': string;
+        'gap-y-1.5': string;
+        'gap-2': string;
+        'gap-x-2': string;
+        'gap-y-2': string;
+        'gap-2.5': string;
+        'gap-x-2.5': string;
+        'gap-y-2.5': string;
+        'gap-3': string;
+        'gap-x-3': string;
+        'gap-y-3': string;
+        'gap-3.5': string;
+        'gap-x-3.5': string;
+        'gap-y-3.5': string;
+        'gap-4': string;
+        'gap-x-4': string;
+        'gap-y-4': string;
+        'gap-5': string;
+        'gap-x-5': string;
+        'gap-y-5': string;
+        'gap-6': string;
+        'gap-x-6': string;
+        'gap-y-6': string;
+        'gap-7': string;
+        'gap-x-7': string;
+        'gap-y-7': string;
+        'gap-8': string;
+        'gap-x-8': string;
+        'gap-y-8': string;
+        'gap-9': string;
+        'gap-x-9': string;
+        'gap-y-9': string;
+        'gap-10': string;
+        'gap-x-10': string;
+        'gap-y-10': string;
+    };
+};
+export declare const keysConfigBreadcrumbsVariant: string[];

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

@@ -1,4 +1,4 @@
 import { ElementType } from 'react';
 import { IBreadcrumbs } from '../../interfaces/components/Breadcrumbs';
-declare const Breadcrumbs: <T extends ElementType = "div">({ as, variants, fonts, urls, textBreadcrumbs, onClickBreadcrumbs, gapAction, gapUrls, className, textAction, iconAction, onClickAction, onClickUrls, separator, propsLink, ...props }: IBreadcrumbs<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Breadcrumbs: <T extends ElementType = "div">({ as, variants, fonts, urls, textBreadcrumbs, onClickBreadcrumbs, gapAction, gapUrls, className, textAction, iconAction, onClickAction, onClickUrls, separator, propsLink, classNameAction, classNameUrl, renderAction, ...props }: IBreadcrumbs<T>) => import("react/jsx-runtime").JSX.Element;
 export default Breadcrumbs;

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

@@ -1,20 +1,234 @@
 import { StoryObj } from '@storybook/react-vite';
 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[];