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

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": "1.0.1",
   "type": "module",
   "engines": {
     "node": ">=20.19.4",
@@ -28,50 +28,49 @@ declare const _default: {
     "install": "copyfiles -f dist/types-external/* ../../src/types/"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.0.1",
-    "@eslint/compat": "^1.3.1",
-    "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.32.0",
-    "@storybook/addon-docs": "^9.0.18",
-    "@storybook/addon-onboarding": "^9.0.18",
-    "@storybook/react-vite": "^9.0.18",
-    "@stylistic/eslint-plugin": "^5.2.2",
+    "@chromatic-com/storybook": "^3.2.2",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.4.7",
     "@types/js-cookie": "^3.0.6",
-    "@types/node": "^20",
+    "@types/node": "^20.14.10",
     "@types/node-forge": "^1.3.14",
-    "@types/react": "^19.1.9",
-    "@types/react-dom": "^19.1.7",
-    "@typescript-eslint/eslint-plugin": "^8.38.0",
-    "@typescript-eslint/parser": "^8.38.0",
-    "@vitejs/plugin-react-swc": "^3.9.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@typescript-eslint/parser": "^7.13.1",
+    "@vitejs/plugin-react-swc": "^3.5.0",
     "autoprefixer": "^10.4.19",
-    "eslint": "^9.32.0",
-    "eslint-config-prettier": "^10.1.8",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prettier": "^5.5.3",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-storybook": "^9.0.18",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "eslint-plugin-storybook": "^0.11.1",
     "glob": "^11.0.3",
-    "globals": "^16.3.0",
-    "husky": "^9.1.7",
-    "lint-staged": "^16.1.2",
-    "postcss": "^8.5.2",
-    "prettier": "^3.6.2",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "sass": "^1.89.2",
-    "storybook": "^9.0.18",
+    "husky": "^9.0.11",
+    "lint-staged": "^15.2.7",
+    "postcss": "^8.4.39",
+    "prettier": "^3.3.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "sass": "^1.77.6",
+    "storybook": "^8.4.7",
     "tailwindcss": "^3.4.4",
     "ts-node": "^10.9.2",
-    "typescript": "~5.8.3",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.5.4"
+    "typescript": "^5.2.2",
+    "vite": "^5.3.1",
+    "vite-plugin-dts": "^3.9.1"
   },
   "peerDependencies": {
-    "react": ">= 19",
-    "react-dom": ">=19",
+    "react": ">=18",
+    "react-dom": ">=18",
     "yup": ">=1.4.0"
   },
   "main": "./dist/index.cjs",
@@ -109,24 +108,24 @@ declare const _default: {
     ]
   },
   "dependencies": {
-    "@floating-ui/react": "^0.27.15",
-    "@internationalized/date": "^3.8.2",
-    "@tanstack/react-table": "^8.21.3",
+    "@floating-ui/react": "^0.26.19",
+    "@internationalized/date": "^3.5.4",
+    "@tanstack/react-table": "^8.19.2",
     "@tinymce/tinymce-react": "^6.2.1",
     "bignumber.js": "^9.1.2",
-    "chart.js": "^4.5.0",
+    "chart.js": "^4.4.3",
     "copyfiles": "^2.4.1",
     "date-fns": "^3.6.0",
     "js-cookie": "^3.0.5",
     "lossless-json": "^4.0.2",
     "node-forge": "^1.3.1",
-    "react-aria": "^3.42.0",
-    "react-chartjs-2": "^5.3.0",
-    "react-number-format": "^5.4.4",
-    "react-select": "^5.10.2",
-    "react-stately": "^3.40.0",
-    "react-toastify": "^11.0.5",
-    "react-virtuoso": "^4.13.0",
+    "react-aria": "^3.33.1",
+    "react-chartjs-2": "^5.2.0",
+    "react-number-format": "^5.4.0",
+    "react-select": "^5.8.0",
+    "react-stately": "^3.31.1",
+    "react-toastify": "^10.0.5",
+    "react-virtuoso": "^4.7.11",
     "tinymce": "^7.9.1"
   }
 }

package/dist/src/components/Alert/index.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
 import { TypeOptions } from 'react-toastify';
 import { IOptionAlert } from '../../interfaces/components/Alert';
+
 export declare const openAlert: (message: string | React.ReactNode | React.ReactNode[], type?: TypeOptions, options?: IOptionAlert) => import('react-toastify').Id;

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.d.ts

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

package/dist/src/components/Badges/Badges.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/Badges').IBadges & import('react').RefAttributes<HTMLSpanElement>>;
@@ -7,8 +8,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,5 @@
 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;