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

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

@@ -7,26 +7,247 @@ declare const meta: {
     };
     tags: string[];
     argTypes: {
+        label: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        checkedIcon: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        sizeInput: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        variants: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        variantDisableds: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        borderRadius: {
+            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;
+                };
+            };
         };
         classNameContainer: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         classNameLabel: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         classNameCheckedIcon: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         classNameContainerCheckedIcon: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
-        checkedIcon: {
-            control: "boolean";
+        type: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        name: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         checked: {
             control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        value: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onChange: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        id: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
     };
     args: {

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[];

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

@@ -7,11 +7,202 @@ declare const meta: {
     };
     tags: string[];
     argTypes: {
-        className: {
-            type: "string";
+        label: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
         desc: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        variants: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        backgroundWithHover: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        borderRadius: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        typographyLabel: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        typographyDesc: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        fonts: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        type: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        name: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        radioCheckboxProps: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        checked: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        value: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onChange: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        id: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
     };
     args: {

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

@@ -0,0 +1,26 @@
+export declare const configSelectDropdownContainer: {
+    error: {
+        laba: string;
+        payhere: string;
+        bill: string;
+    };
+    variant: {
+        laba: import('react-select').StylesConfig;
+        payhere: import('react-select').StylesConfig;
+        bill: import('react-select').StylesConfig;
+    };
+    noSearchVariant: {
+        laba: import('react-select').StylesConfig;
+        payhere: import('react-select').StylesConfig;
+        bill: import('react-select').StylesConfig;
+    };
+    classNamePopover: {
+        laba: string;
+        payhere: string;
+        bill: string;
+    };
+};
+export declare const keysConfigSelectDropdownContainerError: string[];
+export declare const keysConfigSelectDropdownContainerVariant: string[];
+export declare const keysConfigSelectDropdownContainerNoSearchVariant: string[];
+export declare const keysConfigSelectDropdownContainerClassNamePopover: string[];

package/dist/src/components/SelectDropdownContainer/styleConfig.d.ts

@@ -1,4 +1,7 @@
 import { StylesConfig } from 'react-select';
 export declare const styleSelectDropdownContainerLaba: StylesConfig;
 export declare const styleSelectDropdownContainerPayhere: StylesConfig;
-export declare const styleSelectDropdownContainerNoSearch: StylesConfig;
+export declare const styleSelectDropdownContainerBill: StylesConfig;
+export declare const styleSelectDropdownContainerNoSearchLaba: StylesConfig;
+export declare const styleSelectDropdownContainerNoSearchPayhere: StylesConfig;
+export declare const styleSelectDropdownContainerNoSearchBill: StylesConfig;

package/dist/src/components/Sidebar/ItemSidebar.config.d.ts

@@ -0,0 +1,34 @@
+export declare const configItemSidebar: {
+    variant: {
+        'payhere-brand-base-white': string;
+        'payhere-brand-base-transparent': string;
+        'laba-white': string;
+        'lpd-brand-base-white': string;
+        'lpd-brand-base-transparent': string;
+        'lpd-brand-base-white-responsive': string;
+        'lpd-brand-base-transparent-responsive': string;
+        'bill-brand-base-white': string;
+        'bill-brand-base-white-responsive': string;
+    };
+    parent: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+    };
+    divider: {
+        'payhere-brand-base-white': string;
+        'payhere-brand-base-transparent': string;
+        'laba-white': string;
+        'lpd-brand-base-white': string;
+        'lpd-brand-base-transparent': string;
+        'lpd-brand-base-white-responsive': string;
+        'lpd-brand-base-transparent-responsive': string;
+        'bill-brand-base-white': string;
+        'bill-brand-base-white-responsive': string;
+    };
+};

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

@@ -0,0 +1,16 @@
+export declare const configSidebar: {
+    withCuctomWidthIconCompany: string[];
+    variants: {
+        'payhere-brand-base-white': string;
+        'payhere-brand-base-transparent': string;
+        'laba-white': string;
+        'lpd-brand-base-white': string;
+        'lpd-brand-base-transparent': string;
+        'lpd-brand-base-white-responsive': string;
+        'lpd-brand-base-transparent-responsive': string;
+        'bill-brand-base-white': string;
+        'bill-brand-base-white-responsive': string;
+    };
+    mobileSupport: string[];
+};
+export declare const keysConfigSidebarVariant: string[];

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

@@ -6,7 +6,139 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        stepList: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        activeStep: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        widthLine: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        beforeActiveType: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        afterActiveType: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        colorActive: {
+            control: "color";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        colorInactive: {
+            control: "color";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNameContainer: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameContent: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameDesc: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onChange: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
     render: (args: import('../../interfaces/components/Step').IStep) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;