1mpacto-react-ui 0.2.0-beta.23 → 0.2.0-beta.25

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

@@ -8,12 +8,220 @@ declare const meta: {
     };
     tags: string[];
     argTypes: {
+        children: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
         className: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        style: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        styleInnerPopover: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        width: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        zIndex: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        withArrow: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        propsArrow: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        offset: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        useAutoPlacement: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        floatingOptions: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        flipOptions: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        autoPlacementOptions: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        useDismissProps: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        isShow: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        anchorEl: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClose: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        floatingFocusManagerProps: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        title: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
-    };
-    args: {
-        onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
     render: (args: import('..').IPopover & import('react').RefAttributes<IRefPopover>) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -0,0 +1,60 @@
+import { StoryObj } from '@storybook/react-vite';
+import { FC } from 'react';
+declare const meta: {
+    title: string;
+    component: FC<{
+        containerId?: string;
+        children: import('react').ReactNode;
+        selector?: string;
+    }>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        containerId: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        selector: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    render: (args: {
+        containerId?: string;
+        children: import('react').ReactNode;
+        selector?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,41 @@
+export declare const configRadioCheckbox: {
+    size: {
+        reguler: string;
+        small: string;
+        m: string;
+        s: string;
+    };
+    variants: {
+        'laba-blue-10': string;
+        'laba-blue-10-hv_bg_transparent': string;
+        'blue-700': string;
+        'blue-700-hv_bg_transparent': string;
+        'bill-primary-500': string;
+        'bill-primary-600-hv_bg_transparent': string;
+        'bill-secondary-800-hv_bg_transparent': string;
+    };
+    variantDisableds: {
+        'default-disabled-checkbox': string;
+        'default-disabled-radio': string;
+    };
+    borderRadius: {
+        '0px': string;
+        '2px': string;
+        '4px': string;
+        '6px': string;
+        '8px': string;
+        '12px': string;
+        '16px': string;
+        '24px': string;
+        full: string;
+    };
+    typography: Record<import('../../config/components/typography').Itypography, string>;
+    fonts: {
+        lato: string;
+        inter: string;
+        pJakartaSans: string;
+    };
+};
+export declare const keysConfigRadioCheckboxSize: string[];
+export declare const keysConfigRadioCheckboxVariant: string[];
+export declare const keysConfigRadioCheckboxVariantDisabled: string[];

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

@@ -7,7 +7,7 @@ declare const meta: {
     };
     tags: string[];
     argTypes: {
-        classNameContainer: {
+        label: {
             control: "text";
             description: string;
             table: {
@@ -15,13 +15,23 @@ declare const meta: {
                 type: {
                     summary: string;
                 };
-                defaultValue: {
+            };
+        };
+        checkedIcon: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
                     summary: string;
                 };
             };
         };
-        classNameLabel: {
-            control: "text";
+        sizeInput: {
+            control: {
+                type: "select";
+            };
+            options: string[];
             description: string;
             table: {
                 category: string;
@@ -33,8 +43,11 @@ declare const meta: {
                 };
             };
         };
-        classNameCheckedIcon: {
-            control: "text";
+        variants: {
+            control: {
+                type: "select";
+            };
+            options: string[];
             description: string;
             table: {
                 category: string;
@@ -46,8 +59,11 @@ declare const meta: {
                 };
             };
         };
-        classNameContainerCheckedIcon: {
-            control: "text";
+        variantDisableds: {
+            control: {
+                type: "select";
+            };
+            options: string[];
             description: string;
             table: {
                 category: string;
@@ -59,7 +75,7 @@ declare const meta: {
                 };
             };
         };
-        sizeInput: {
+        borderRadius: {
             control: {
                 type: "select";
             };
@@ -75,7 +91,7 @@ declare const meta: {
                 };
             };
         };
-        variants: {
+        typography: {
             control: {
                 type: "select";
             };
@@ -91,7 +107,7 @@ declare const meta: {
                 };
             };
         };
-        variantDisableds: {
+        fonts: {
             control: {
                 type: "select";
             };
@@ -102,9 +118,12 @@ declare const meta: {
                 type: {
                     summary: string;
                 };
+                defaultValue: {
+                    summary: string;
+                };
             };
         };
-        borderRadius: {
+        className: {
             control: "text";
             description: string;
             table: {
@@ -112,15 +131,20 @@ declare const meta: {
                 type: {
                     summary: string;
                 };
-                defaultValue: {
+            };
+        };
+        classNameContainer: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
                     summary: string;
                 };
             };
         };
-        checkedIcon: {
-            control: {
-                disable: true;
-            };
+        classNameLabel: {
+            control: "text";
             description: string;
             table: {
                 category: string;
@@ -129,25 +153,29 @@ declare const meta: {
                 };
             };
         };
-        type: {
-            control: {
-                type: "radio";
-            };
-            options: string[];
+        classNameCheckedIcon: {
+            control: "text";
             description: string;
             table: {
                 category: string;
                 type: {
                     summary: string;
                 };
-                defaultValue: {
+            };
+        };
+        classNameContainerCheckedIcon: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
                     summary: string;
                 };
             };
         };
-        fonts: {
+        type: {
             control: {
-                type: "select";
+                type: "radio";
             };
             options: string[];
             description: string;
@@ -161,7 +189,7 @@ declare const meta: {
                 };
             };
         };
-        label: {
+        name: {
             control: "text";
             description: string;
             table: {
@@ -171,17 +199,14 @@ declare const meta: {
                 };
             };
         };
-        typography: {
-            control: "text";
+        checked: {
+            control: "boolean";
             description: string;
             table: {
                 category: string;
                 type: {
                     summary: string;
                 };
-                defaultValue: {
-                    summary: string;
-                };
             };
         };
         disabled: {
@@ -192,20 +217,34 @@ declare const meta: {
                 type: {
                     summary: string;
                 };
-                defaultValue: {
+            };
+        };
+        value: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
                     summary: string;
                 };
             };
         };
-        checked: {
-            control: "boolean";
+        onChange: {
+            action: string;
             description: string;
             table: {
                 category: string;
                 type: {
                     summary: string;
                 };
-                defaultValue: {
+            };
+        };
+        id: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
                     summary: string;
                 };
             };

package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.config.d.ts

@@ -0,0 +1,25 @@
+export declare const configRadioCheckboxLabel: {
+    borderRadius: {
+        '0px': string;
+        '2px': string;
+        '4px': string;
+        '6px': string;
+        '8px': string;
+        '12px': string;
+        '16px': string;
+        '24px': string;
+        full: string;
+    };
+    typographyLabel: Record<import('../../config/components/typography').Itypography, string>;
+    typographyDesc: Record<import('../../config/components/typography').Itypography, string>;
+    fonts: {
+        lato: string;
+        inter: string;
+        pJakartaSans: string;
+    };
+    variants: {
+        'laba-blue-01': string;
+        'blue-50': string;
+    };
+};
+export declare const keysConfigRadioCheckboxLabelVariant: string[];