dfh-ui-library 1.3.49 → 1.3.51

package/dist/index.d.ts

@@ -91,6 +91,7 @@ interface ImageInputProps {
     imageUrl?: string;
     isImage?: boolean;
     type?: InputType;
+    name?: string;
     /**
      * Set new variant of the input
      */
@@ -866,4 +867,273 @@ declare function useSorting(initialField?: string, initialOrder?: string): {
     field: string;
 };
 
-export { Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, Card, Checkbox as CheckBox, ClickedAction, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, Heading, Icon, IconInput, ImageInput, ImagePreview, Input, type InputType, InputValidation, Label, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, NavBar, type OptionProps, PanelCard, PhoneNumberInput, RadioButton, Row, SearchDropdownWithButton, Select, Tab, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Tooltip, Typhography, useSchemaProcessor as UseSchemaProcessor, type VariantTypes, usePagination, useSorting };
+declare const themeConfigs: {
+    purge: string[];
+    important: boolean;
+    theme: {
+        fontFamily: {
+            sans: string[];
+        };
+        fontWeight: {
+            thin: number;
+            extralight: number;
+            light: number;
+            normal: number;
+            medium: number;
+            semibold: number;
+            bold: number;
+            extrabold: number;
+            black: number;
+        };
+        extend: {
+            screens: {
+                sm: {
+                    max: string;
+                };
+                md: {
+                    min: string;
+                    max: string;
+                };
+                lg: {
+                    min: string;
+                    max: string;
+                };
+                xl: {
+                    min: string;
+                };
+            };
+            borderColor: {
+                tcustomerror: string;
+            };
+            colors: {
+                transparent: string;
+                current: string;
+                "sky-light-blue": string;
+                btn: {
+                    black: string;
+                    disable: string;
+                    main: string;
+                    lightBlue: string;
+                    pinkRead: string;
+                };
+                primary: {
+                    500: string;
+                    400: string;
+                    300: string;
+                    200: string;
+                    100: string;
+                    75: string;
+                    50: string;
+                };
+                secondary: {
+                    500: string;
+                    400: string;
+                    300: string;
+                    200: string;
+                    100: string;
+                    75: string;
+                    50: string;
+                };
+                grey: {
+                    410: string;
+                    540: string;
+                    510: string;
+                    900: string;
+                    800: string;
+                    700: string;
+                    600: string;
+                    500: string;
+                    400: string;
+                    300: string;
+                    200: string;
+                    100: string;
+                    50: string;
+                };
+                green: {
+                    500: string;
+                    400: string;
+                    300: string;
+                    200: string;
+                    100: string;
+                    75: string;
+                    50: string;
+                };
+                red: {
+                    500: string;
+                    400: string;
+                    300: string;
+                    200: string;
+                    100: string;
+                    75: string;
+                    50: string;
+                };
+                yellow: {
+                    500: string;
+                    400: string;
+                    300: string;
+                    200: string;
+                    100: string;
+                    75: string;
+                    50: string;
+                };
+                orange: {
+                    500: string;
+                    400: string;
+                    300: string;
+                    200: string;
+                    100: string;
+                    75: string;
+                    50: string;
+                };
+                black: {
+                    450: string;
+                    540: string;
+                    270: string;
+                    550: string;
+                    555: string;
+                    600: string;
+                    650: string;
+                    700: string;
+                    750: string;
+                    755: string;
+                    760: string;
+                    770: string;
+                    800: string;
+                    850: string;
+                    870: string;
+                    900: string;
+                    925: string;
+                    950: string;
+                    960: string;
+                };
+                gray: {
+                    95: string;
+                    100: string;
+                    110: string;
+                    115: string;
+                    120: string;
+                    125: string;
+                    140: string;
+                    150: string;
+                    152: string;
+                    155: string;
+                    160: string;
+                    165: string;
+                    180: string;
+                    190: string;
+                    200: string;
+                    220: string;
+                    300: string;
+                    320: string;
+                    325: string;
+                    330: string;
+                    350: string;
+                    355: string;
+                    360: string;
+                    365: string;
+                    390: string;
+                    400: string;
+                    410: string;
+                    420: string;
+                    450: string;
+                    500: string;
+                    600: string;
+                    700: string;
+                    720: string;
+                    725: string;
+                    800: string;
+                    820: string;
+                    900: string;
+                    905: string;
+                };
+                blue: string;
+                primaryBlue: string;
+                lightBlue: string;
+                lightBlue100: string;
+                lightBlue200: string;
+                errorRed: string;
+                lightRed: string;
+                lightGreen: string;
+            };
+            placeholderColor: {
+                gray: string;
+                gray350: string;
+                gray600: string;
+            };
+            fontSize: {
+                "8s": string[];
+                "9s": string[];
+                "10s": string[];
+                "11s": string[];
+                "12s": string[];
+                "13s": string[];
+                "14s": string[];
+                "21s": string[];
+                "16s": string[];
+                "25s": string[];
+                "17s": string[];
+                "18s": string[];
+                "19s": string[];
+                "20s": string[];
+                "24s": string[];
+                "26s": string[];
+                "28s": string[];
+                "32s": string[];
+                "42s": string[];
+                "40s": string[];
+                "48s": string[];
+                "54s": string[];
+            };
+            height: {
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                25: string;
+                36: string;
+                38: string;
+                40: string;
+                "60px": string;
+                92: string;
+                78: string;
+                48: string;
+                160: string;
+            };
+            width: {
+                40: string;
+                112: string;
+                28: string;
+            };
+            margin: {
+                auto: string;
+            };
+            gap: {
+                4: string;
+            };
+            boxShadow: {
+                dropDown: string;
+                showMoreDropDown: string;
+                messages: string;
+                /** Old Shadow */
+                input: string;
+                swithOption: string;
+                analyticsCard: string;
+                paynowModal: string;
+                importInvoicesModal: string;
+            };
+            gridTemplateColumns: {
+                half: string;
+            };
+            opacity: {
+                12: string;
+            };
+        };
+    };
+    variants: {
+        screens: string[];
+        textColor: string[];
+    };
+    plugins: any[];
+};
+
+export { Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, Card, Checkbox as CheckBox, ClickedAction, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, Heading, Icon, IconInput, ImageInput, ImagePreview, Input, type InputType, InputValidation, Label, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, NavBar, type OptionProps, PanelCard, PhoneNumberInput, RadioButton, Row, SearchDropdownWithButton, Select, Tab, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Tooltip, Typhography, useSchemaProcessor as UseSchemaProcessor, type VariantTypes, themeConfigs, usePagination, useSorting };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dfh-ui-library",
-  "version": "1.3.49",
+  "version": "1.3.51",
   "description": "",
   "scripts": {
     "rollup": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",