gd-design-library 0.2.0 → 0.3.1

package/tokens/defaultTheme.d.ts

@@ -1,4 +1,281 @@
 export declare const defaultTheme: {
+    separator: {
+        default: {
+            alignItems: string;
+            justifyItems: string;
+            gap: string | number;
+        };
+        horizontal: {
+            width: string;
+            display: string;
+            flexDirection: import('../types').FlexDirection;
+        };
+        vertical: {
+            height: string;
+            display: string;
+            flexDirection: import('../types').FlexDirection;
+        };
+        line: {
+            default: {};
+            horizontal: {
+                width: string;
+            };
+            vertical: {
+                height: string;
+            };
+        };
+        label: {
+            default: {};
+            attrs: {
+                xs: {
+                    $variant: import('../types').TypographyVariant;
+                    $as: import('../types').TypographyVariant;
+                };
+                sm: {
+                    $variant: import('../types').TypographyVariant;
+                    $as: import('../types').TypographyVariant;
+                };
+                md: {
+                    $variant: import('../types').TypographyVariant;
+                    $as: import('../types').TypographyVariant;
+                };
+                lg: {
+                    $variant: import('../types').TypographyVariant;
+                    $as: import('../types').TypographyVariant;
+                };
+                xl: {
+                    $variant: import('../types').TypographyVariant;
+                    $as: import('../types').TypographyVariant;
+                };
+                xxl: {
+                    $variant: import('../types').TypographyVariant;
+                    $as: import('../types').TypographyVariant;
+                };
+            };
+        };
+    };
+    draganddrop: {
+        default: {
+            position: string;
+        };
+        dragAndDropArea: {
+            default: {
+                backgroundColor: string;
+                border: string;
+                borderRadius: string;
+                padding: string;
+            };
+            hover: {
+                '&:hover': {
+                    backgroundColor: string;
+                    border: string;
+                    borderRadius: string;
+                };
+            };
+            disabled: {
+                cursor: string;
+                backgroundColor: string;
+            };
+            error: {
+                border: string;
+            };
+            loading: {
+                backgroundColor: string;
+                cursor: string;
+            };
+        };
+        dragOverContent: {
+            default: {
+                backgroundColor: string;
+                width: string;
+                height: string;
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+                border: string;
+                borderRadius: string;
+            };
+        };
+        uploadIcon: {
+            default: {
+                name: string;
+                width: number;
+                height: number;
+            };
+            disabled: {
+                fill: string;
+            };
+        };
+        contentTypography: {
+            default: {
+                margin: number;
+            };
+            disabled: {
+                color: string;
+            };
+        };
+    };
+    avatar: {
+        default: {
+            borderRadius: string;
+            position: string;
+            width: number;
+            height: number;
+        };
+        imageWrapper: {
+            default: {
+                borderRadius: string;
+                overflow: string;
+                height: string;
+                width: string;
+                alignContent: string;
+                backgroundColor: any;
+            };
+        };
+        badge: {
+            default: {
+                position: string;
+                borderRadius: string;
+                backgroundColor: any;
+                width: number;
+                height: number;
+                border: string;
+                top: number;
+                right: number;
+            };
+            size: {
+                xs: {
+                    width: number;
+                    height: number;
+                    border: string;
+                    top: number;
+                    right: number;
+                };
+                sm: {
+                    width: number;
+                    height: number;
+                    border: string;
+                    top: number;
+                    right: number;
+                };
+                md: {
+                    width: number;
+                    height: number;
+                    border: string;
+                    top: number;
+                    right: number;
+                };
+                lg: {
+                    width: number;
+                    height: number;
+                    border: string;
+                    top: number;
+                    right: number;
+                };
+                xl: {
+                    width: number;
+                    height: number;
+                    border: string;
+                    top: number;
+                    right: number;
+                };
+            };
+        };
+        fallbackText: {
+            default: {
+                variant: import('../types').TypographyVariant;
+                align: import('../types').TextAlign;
+            };
+            size: {
+                xs: {
+                    variant: import('../types').TypographyVariant;
+                };
+                sm: {
+                    variant: import('../types').TypographyVariant;
+                };
+                md: {
+                    variant: import('../types').TypographyVariant;
+                };
+                lg: {
+                    variant: import('../types').TypographyVariant;
+                };
+                xl: {
+                    variant: import('../types').TypographyVariant;
+                };
+            };
+        };
+        size: {
+            xs: {
+                width: number;
+                height: number;
+            };
+            sm: {
+                width: number;
+                height: number;
+            };
+            md: {
+                width: number;
+                height: number;
+            };
+            lg: {
+                width: number;
+                height: number;
+            };
+            xl: {
+                width: number;
+                height: number;
+            };
+        };
+    };
+    chatbubble: {
+        default: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            display: string;
+            flexDirection: import('../types').FlexDirection;
+            gap: string | number;
+            clear: string;
+            margin: string;
+        };
+        question: {
+            padding: string;
+            textAlign: string;
+            float: string;
+            backgroundColor: string;
+            minWidth: string;
+            maxWidth: string;
+        };
+        answer: {
+            padding: string | number;
+        };
+        pending: {};
+        fulfilled: {};
+        rejected: {};
+        content: {
+            default: {
+                gap: string | number;
+                display: string;
+                flexDirection: import('../types').FlexDirection;
+            };
+            pending: {
+                alignItems: string;
+            };
+            fulfilled: {};
+            rejected: {};
+        };
+        actions: {
+            display: string;
+            flexDirection: import('../types').FlexDirection;
+        };
+        loader: {
+            props: {
+                name: string;
+                size: string;
+                withWrapper: boolean;
+            };
+        };
+    };
     draganddropfiles: {
         default: {};
     };
@@ -10,7 +287,7 @@ export declare const defaultTheme: {
         };
         input: {
             default: {
-                '&[type="search"]': {
+                '& input[type="search"]': {
                     padding: string;
                     height: string;
                     fontSize: string;
@@ -41,29 +318,37 @@ export declare const defaultTheme: {
         loader: {
             default: {
                 display: string;
-                flexDirection: import('..').FlexDirection;
+                flexDirection: import('../types').FlexDirection;
                 gap: string | number;
             };
         };
         items: {
             default: {
                 display: string;
-                flexDirection: import('..').FlexDirection;
+                flexDirection: import('../types').FlexDirection;
             };
             newSearchBtn: {
-                fontSize: string;
-                fontWeight: number;
-                lineHeight: string;
-                textAlign: string;
-                color: string;
-                padding: string;
+                styles: {
+                    '.gd-button__content': {
+                        justifyContent: string;
+                    };
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    textAlign: string;
+                    color: string;
+                    padding: string;
+                };
+                attrs: {
+                    variant: import('../types').ButtonVariant;
+                };
             };
             noResult: {
                 fontSize: string;
                 fontWeight: number;
                 lineHeight: string;
                 display: string;
-                flexDirection: import('..').FlexDirection;
+                flexDirection: import('../types').FlexDirection;
                 alignItems: string;
                 gap: string | number;
                 padding: string;
@@ -78,13 +363,21 @@ export declare const defaultTheme: {
                 color: string;
             };
             item: {
-                fontSize: string;
-                fontWeight: number;
-                lineHeight: string;
-                textAlign: string;
-                gap: string | number;
-                padding: string;
-                color: string;
+                styles: {
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    textAlign: string;
+                    gap: string | number;
+                    padding: string;
+                    color: string;
+                    '.gd-button__content': {
+                        display: string;
+                    };
+                };
+                attrs: {
+                    variant: import('../types').ButtonVariant;
+                };
             };
             itemRow: {
                 alignItems: string;
@@ -151,12 +444,14 @@ export declare const defaultTheme: {
     carousel: {
         default: {};
         container: {
-            position: string;
-            overflow: string;
-            width: string;
-            display: string;
-            zIndex: number;
-            gap: string;
+            default: {
+                position: string;
+                overflow: string;
+                width: string;
+                display: string;
+                zIndex: number;
+                gap: string;
+            };
             variant: {
                 cards: {
                     gap: string;
@@ -255,11 +550,13 @@ export declare const defaultTheme: {
             marginTop: string;
         };
         carouselDot: {
-            width: string;
-            height: string;
-            border: string;
-            cursor: string;
-            transition: string;
+            default: {
+                width: string;
+                height: string;
+                border: string;
+                cursor: string;
+                transition: string;
+            };
             active: {
                 backgroundColor: string;
                 width: string;
@@ -271,11 +568,13 @@ export declare const defaultTheme: {
             };
         };
         carouselThumbs: {
-            display: string;
-            justifyContent: string;
-            gap: string;
+            default: {
+                display: string;
+                justifyContent: string;
+                gap: string;
+            };
             vertical: {
-                flexDirection: import('..').FlexDirection;
+                flexDirection: import('../types').FlexDirection;
                 flex: string;
                 overflowX: string;
                 alignItems: string;
@@ -285,7 +584,9 @@ export declare const defaultTheme: {
             };
         };
         carouselThumbsViewport: {
-            overflow: string;
+            default: {
+                overflow: string;
+            };
             vertical: {
                 maxHeight: string;
             };
@@ -294,6 +595,7 @@ export declare const defaultTheme: {
             };
         };
         carouselThumbsWrapper: {
+            default: {};
             vertical: {
                 display: string;
                 height: string;
@@ -303,18 +605,20 @@ export declare const defaultTheme: {
             };
         };
         carouselThumb: {
-            minWidth: string;
-            minHeight: string;
-            border: string;
-            padding: number;
-            background: string;
-            cursor: string;
-            opacity: number;
-            transition: string;
-            active: {
+            default: {
+                minWidth: string;
+                minHeight: string;
+                border: string;
+                padding: number;
+                background: string;
+                cursor: string;
                 opacity: number;
+                transition: string;
+                '&:hover': {
+                    opacity: number;
+                };
             };
-            '&:hover': {
+            active: {
                 opacity: number;
             };
             vertical: {
@@ -405,7 +709,7 @@ export declare const defaultTheme: {
         };
         Vertical: {
             default: {
-                flexDirection: import('..').FlexDirection;
+                flexDirection: import('../types').FlexDirection;
                 '&:hover': {
                     boxShadow: string;
                 };
@@ -422,7 +726,7 @@ export declare const defaultTheme: {
         };
         Horizontal: {
             default: {
-                flexDirection: import('..').FlexDirection;
+                flexDirection: import('../types').FlexDirection;
                 '&:hover': {
                     boxShadow: string;
                 };
@@ -483,7 +787,7 @@ export declare const defaultTheme: {
                     fontWeight: number;
                     lineHeight: string;
                     color: string;
-                    flexDirection: import('..').FlexDirection;
+                    flexDirection: import('../types').FlexDirection;
                 };
             };
             Horizontal: {
@@ -498,7 +802,7 @@ export declare const defaultTheme: {
                     fontWeight: number;
                     lineHeight: string;
                     color: string;
-                    flexDirection: import('..').FlexDirection;
+                    flexDirection: import('../types').FlexDirection;
                 };
             };
         };
@@ -573,7 +877,7 @@ export declare const defaultTheme: {
             width: string;
             '& input': {
                 width: string;
-                textAlign: import('..').TextAlign;
+                textAlign: import('../types').TextAlign;
             };
         };
         navButton: {
@@ -741,12 +1045,12 @@ export declare const defaultTheme: {
                 '&::after': {
                     content: string;
                     position: string;
-                    top: `${number}px` | `${number}rem` | `${number}%`;
-                    right: `${number}px` | `${number}rem` | `${number}%`;
-                    bottom: `${number}px` | `${number}rem` | `${number}%`;
-                    left: `${number}px` | `${number}rem` | `${number}%`;
+                    top: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                    right: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                    bottom: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                    left: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
                     border: string;
-                    borderRadius: `${number}px` | `${number}rem` | `${number}%` | undefined;
+                    borderRadius: `${number}px` | `${number}rem` | `${number}%` | `${number}em` | undefined;
                 };
             };
             '&:disabled, &:disabled *': {
@@ -764,6 +1068,9 @@ export declare const defaultTheme: {
         };
         content: {
             default: {
+                display: string;
+                alignItems: string;
+                justifyContent: string;
                 width: string;
                 minWidth: string;
             };
@@ -824,6 +1131,7 @@ export declare const defaultTheme: {
         };
         text: {
             primary: {
+                padding: string;
                 background: any;
                 color: any;
                 '&:hover': {
@@ -834,6 +1142,7 @@ export declare const defaultTheme: {
                 };
             };
             secondary: {
+                padding: string;
                 background: any;
                 color: any;
                 '&:not(:disabled):hover': {
@@ -846,10 +1155,18 @@ export declare const defaultTheme: {
         };
         inherit: {
             primary: {
-                padding: number;
+                backgroundColor: string;
+                padding: string;
+                '&:disabled': {
+                    background: string;
+                };
             };
             secondary: {
-                padding: number;
+                padding: string;
+                backgroundColor: string;
+                '&:hover': {
+                    background: string;
+                };
             };
         };
     };
@@ -865,7 +1182,7 @@ export declare const defaultTheme: {
                 width: string;
             };
             withGap: {
-                flexDirection: import('..').FlexDirection;
+                flexDirection: import('../types').FlexDirection;
                 alignItems: string;
                 gap: string;
             };
@@ -896,7 +1213,6 @@ export declare const defaultTheme: {
                 };
                 '&[readonly], &:disabled': {
                     color: string;
-                    backgroundColor: string;
                     cursor: string;
                 };
                 '&[type="checkbox"]': {
@@ -912,12 +1228,12 @@ export declare const defaultTheme: {
                         '&::after': {
                             content: string;
                             position: string;
-                            top: `${number}px` | `${number}rem` | `${number}%`;
-                            right: `${number}px` | `${number}rem` | `${number}%`;
-                            bottom: `${number}px` | `${number}rem` | `${number}%`;
-                            left: `${number}px` | `${number}rem` | `${number}%`;
+                            top: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                            right: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                            bottom: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                            left: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
                             border: string;
-                            borderRadius: `${number}px` | `${number}rem` | `${number}%` | undefined;
+                            borderRadius: `${number}px` | `${number}rem` | `${number}%` | `${number}em` | undefined;
                         };
                     };
                 };
@@ -949,12 +1265,12 @@ export declare const defaultTheme: {
                         '&::after': {
                             content: string;
                             position: string;
-                            top: `${number}px` | `${number}rem` | `${number}%`;
-                            right: `${number}px` | `${number}rem` | `${number}%`;
-                            bottom: `${number}px` | `${number}rem` | `${number}%`;
-                            left: `${number}px` | `${number}rem` | `${number}%`;
+                            top: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                            right: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                            bottom: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                            left: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
                             border: string;
-                            borderRadius: `${number}px` | `${number}rem` | `${number}%` | undefined;
+                            borderRadius: `${number}px` | `${number}rem` | `${number}%` | `${number}em` | undefined;
                         };
                     };
                     '&[readonly], &:disabled': {
@@ -1076,7 +1392,7 @@ export declare const defaultTheme: {
             display: string;
             width: string;
             margin: string;
-            flexDirection: import('..').FlexDirection;
+            flexDirection: import('../types').FlexDirection;
         };
     };
     link: {
@@ -1098,7 +1414,7 @@ export declare const defaultTheme: {
             };
             "&.Link--disabled": {
                 color: string;
-                cursor: import('..').Cursors;
+                cursor: import('../types').Cursors;
                 textDecoration: string;
                 backgroundColor: string;
                 '&::after': {
@@ -1191,45 +1507,136 @@ export declare const defaultTheme: {
         };
     };
     loader: {
-        default: {
-            border: string;
-            borderTop: string;
-            borderRadius: string;
-        };
-        xs: {
-            borderWidth: string;
-            width: string;
-            height: string;
-            minWidth: string;
-            minHeight: string;
-        };
-        sm: {
-            borderWidth: string;
-            width: string;
-            height: string;
-            maxWidth: string;
-            maxHeight: string;
-        };
-        md: {
-            borderWidth: string;
-            width: string;
-            height: string;
-            maxWidth: string;
-            maxHeight: string;
+        default: {};
+        inline: {};
+        section: {};
+        fullPage: {};
+        circle: {
+            default: {
+                border: string;
+                borderTop: string;
+                borderRadius: string;
+            };
+            xs: {
+                borderWidth: string;
+                width: string;
+                height: string;
+                minWidth: string;
+                minHeight: string;
+            };
+            sm: {
+                borderWidth: string;
+                width: string;
+                height: string;
+                maxWidth: string;
+                maxHeight: string;
+            };
+            md: {
+                borderWidth: string;
+                width: string;
+                height: string;
+                maxWidth: string;
+                maxHeight: string;
+            };
+            lg: {
+                borderWidth: string;
+                width: string;
+                height: string;
+                maxWidth: string;
+                maxHeight: string;
+            };
+            xl: {
+                borderWidth: string;
+                width: string;
+                height: string;
+                maxWidth: string;
+                maxHeight: string;
+            };
         };
-        lg: {
-            borderWidth: string;
-            width: string;
-            height: string;
-            maxWidth: string;
-            maxHeight: string;
+        dots: {
+            default: {
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+            };
+            xs: {
+                gap: string | number;
+                '.dot': {
+                    background: string;
+                    width: string;
+                    height: string;
+                    '&:nth-of-type(1)': {
+                        animationDelay: string;
+                    };
+                    '&:nth-of-type(2)': {
+                        animationDelay: string;
+                    };
+                };
+            };
+            sm: {
+                gap: string | number;
+                '.dot': {
+                    background: string;
+                    width: string;
+                    height: string;
+                    '&:nth-of-type(1)': {
+                        animationDelay: string;
+                    };
+                    '&:nth-of-type(2)': {
+                        animationDelay: string;
+                    };
+                };
+            };
+            md: {
+                gap: string | number;
+                '.dot': {
+                    background: string;
+                    width: string;
+                    height: string;
+                    '&:nth-of-type(1)': {
+                        animationDelay: string;
+                    };
+                    '&:nth-of-type(2)': {
+                        animationDelay: string;
+                    };
+                };
+            };
+            lg: {
+                gap: string | number;
+                '.dot': {
+                    background: string;
+                    width: string;
+                    height: string;
+                    '&:nth-of-type(1)': {
+                        animationDelay: string;
+                    };
+                    '&:nth-of-type(2)': {
+                        animationDelay: string;
+                    };
+                };
+            };
+            xl: {
+                gap: string | number;
+                '.dot': {
+                    background: string;
+                    width: string;
+                    height: string;
+                    '&:nth-of-type(1)': {
+                        animationDelay: string;
+                    };
+                    '&:nth-of-type(2)': {
+                        animationDelay: string;
+                    };
+                };
+            };
         };
-        xl: {
-            borderWidth: string;
-            width: string;
-            height: string;
-            maxWidth: string;
-            maxHeight: string;
+        animation: {
+            circle: {
+                name: string;
+            };
+            dots: {
+                name: string;
+            };
         };
     };
     display: {
@@ -1301,11 +1708,24 @@ export declare const defaultTheme: {
                 toggle: string;
                 icon: string;
             };
+            select: {
+                arrowIconWrapper: string;
+            };
         };
         transform: {
             rotateUp: string;
             rotateReset: string;
         };
+        separator: {
+            thickness: {
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                xxl: string;
+            };
+        };
     };
     flexAlignItems: {
         start: string;
@@ -1365,7 +1785,7 @@ export declare const defaultTheme: {
         wrapper: {
             position: "relative";
             display: string;
-            flexDirection: import('..').FlexDirection;
+            flexDirection: import('../types').FlexDirection;
             alignItems: string;
         };
         placeholder: {
@@ -1383,7 +1803,7 @@ export declare const defaultTheme: {
             marginTop: string;
             fontSize: string;
             color: string;
-            textAlign: import("..").TextAlign.Center;
+            textAlign: import("../types").TextAlign.Center;
         };
     };
     row: {
@@ -1398,6 +1818,7 @@ export declare const defaultTheme: {
             padding: string;
             border: string;
         };
+        disabled: {};
     };
     column: {
         default: {
@@ -1474,6 +1895,14 @@ export declare const defaultTheme: {
                 transform: string;
             };
         };
+        bounceKeyframes: {
+            '0%, 80%, 100%': {
+                transform: string;
+            };
+            '40%': {
+                transform: string;
+            };
+        };
         slideIn: {
             '0%': {
                 transform: string;
@@ -1552,12 +1981,17 @@ export declare const defaultTheme: {
                 background: string;
                 padding: number;
                 borderRadius: string;
-                maxWidth: string;
-                width: string;
                 boxShadow: string;
                 position: string;
                 display: string;
                 flexDirection: string;
+                maxWidth: string;
+                width: string;
+                '@media (max-width: 768px)': {
+                    maxWidth: string;
+                    width: string;
+                    height: string;
+                };
             };
         };
         footer: {
@@ -1601,7 +2035,7 @@ export declare const defaultTheme: {
         container: {
             position: string;
             display: string;
-            flexDirection: string;
+            flexDirection: import('../types').FlexDirection;
             gap: string;
             padding: string;
             boxSizing: string;
@@ -1631,13 +2065,12 @@ export declare const defaultTheme: {
         };
         snackbar: {
             default: {
-                position: "relative";
+                position: string;
                 boxShadow: string;
                 width: string;
-                fontFamily: "\"Fira Sans\", sans-serif";
                 fontSize: string;
-                display: "flex";
-                flexDirection: "column";
+                display: string;
+                flexDirection: import('../types').FlexDirection;
                 gap: string;
                 color: string;
                 padding: string;
@@ -1657,12 +2090,6 @@ export declare const defaultTheme: {
             };
         };
         positions: {
-            default: {
-                bottom: number;
-                right: number;
-                alignItems: string;
-                flexDirection: import('..').FlexDirection;
-            };
             "top-left": {
                 top: number;
                 left: number;
@@ -1683,24 +2110,24 @@ export declare const defaultTheme: {
                 bottom: number;
                 left: number;
                 alignItems: string;
-                flexDirection: import('..').FlexDirection;
+                flexDirection: import('../types').FlexDirection;
             };
             "bottom-center": {
                 bottom: number;
                 left: string;
                 transform: string;
                 alignItems: string;
-                flexDirection: import('..').FlexDirection;
+                flexDirection: import('../types').FlexDirection;
             };
             "bottom-right": {
                 bottom: number;
                 right: number;
                 alignItems: string;
-                flexDirection: import('..').FlexDirection;
+                flexDirection: import('../types').FlexDirection;
             };
         };
         closeButton: {
-            position: "absolute";
+            position: string;
             top: string;
             right: string;
             background: string;
@@ -1718,15 +2145,19 @@ export declare const defaultTheme: {
             };
             success: {
                 name: string;
+                fill: string;
             };
             error: {
                 name: string;
+                fill: string;
             };
             warning: {
                 name: string;
+                fill: string;
             };
             info: {
                 name: string;
+                fill: string;
             };
         };
         snackbarBody: {
@@ -1736,16 +2167,13 @@ export declare const defaultTheme: {
         };
         snackbarContent: {
             display: string;
-            flexDirection: import('..').FlexDirection;
+            flexDirection: import('../types').FlexDirection;
             alignItems: string;
+            gap: string | number;
             flex: number;
         };
         actionsContainer: {
-            display: string;
-            justifyContent: string;
-            flexDirection: import('..').FlexDirection;
-            gap: string;
-            paddingTop: string;
+            paddingTop: string | number;
         };
     };
     skeleton: {
@@ -1910,6 +2338,7 @@ export declare const defaultTheme: {
             position: string;
             display: string;
         };
+        initiatorWrapper: {};
         dropdown: {
             position: string;
             textAlign: string;
@@ -1936,32 +2365,41 @@ export declare const defaultTheme: {
                 justifyContent: string;
                 alignItems: string;
                 minWidth: string;
-                textAlign: import('..').TextAlign;
+                textAlign: import('../types').TextAlign;
+                '.gd-button__content': {
+                    justifyContent: string;
+                };
+            };
+            attrs: {
+                variant: import('../types').ButtonVariant;
+                color: import('../types').ButtonColorVariant;
             };
         };
         item: {
+            default: {
+                cursor: import('../types').Cursors;
+                '&:hover, &.active': {
+                    backgroundColor: string;
+                };
+            };
             disabled: {
                 opacity: number;
-                cursor: import('..').Cursors;
+                cursor: import('../types').Cursors;
                 pointerEvents: string;
             };
-            base: {
-                cursor: string;
-                '&:hover:not(.disabled), &.active': {
-                    backgroundColor: string;
-                };
-                '&.disabled': {
-                    cursor: string;
-                    opacity: string;
-                };
-            };
         };
         arrowIconWrapper: {
-            transform: {
-                open: string;
-                close: string;
+            default: {
                 transition: string;
             };
+            transform: {
+                open: {
+                    transform: string;
+                };
+                close: {
+                    transform: string;
+                };
+            };
         };
         arrowIcon: {
             name: string;
@@ -1969,6 +2407,15 @@ export declare const defaultTheme: {
             width: number;
             height: number;
         };
+        adornment: {
+            default: {
+                display: string;
+                alignItems: string;
+                flexDirection: import('../types').FlexDirection;
+                position: string;
+                zIndex: number;
+            };
+        };
     };
     search: {
         default: {};
@@ -2279,7 +2726,7 @@ export declare const defaultTheme: {
             active: {};
             inactive: {};
             complete: {
-                cursor: import('..').Cursors;
+                cursor: import('../types').Cursors;
             };
         };
         stepIcon: {
@@ -2507,7 +2954,10 @@ export declare const defaultTheme: {
             error: string;
             success: string;
             info: string;
-            link: string;
+            link: {
+                default: string;
+                hover: string;
+            };
             warning: string;
             primary: {
                 default: string;
@@ -2740,7 +3190,7 @@ export declare const defaultTheme: {
         header: {
             default: {
                 width: string;
-                textAlign: import('..').TextAlign;
+                textAlign: import('../types').TextAlign;
                 cursor: string;
                 border: number;
                 backgroundColor: string;
@@ -2818,6 +3268,7 @@ export declare const defaultTheme: {
             content: {};
             icon: {
                 name: string;
+                fill: string;
             };
         };
         warning: {
@@ -2825,6 +3276,7 @@ export declare const defaultTheme: {
             content: {};
             icon: {
                 name: string;
+                fill: string;
             };
         };
         error: {
@@ -2832,6 +3284,7 @@ export declare const defaultTheme: {
             content: {};
             icon: {
                 name: string;
+                fill: string;
             };
         };
         info: {
@@ -2839,6 +3292,7 @@ export declare const defaultTheme: {
             content: {};
             icon: {
                 name: string;
+                fill: string;
             };
         };
         basic: {
@@ -2850,6 +3304,9 @@ export declare const defaultTheme: {
             content: {
                 fontWeight: number;
             };
+            icon: {
+                name: string;
+            };
         };
     };
     switchToken: {
@@ -2877,6 +3334,7 @@ export declare const defaultTheme: {
                 gap: string;
                 calculateJustify: string;
             };
+            disabled: {};
         };
         slider: {
             default: {
@@ -2907,6 +3365,17 @@ export declare const defaultTheme: {
                 };
             };
         };
+        checkbox: {
+            border: number;
+            clip: string;
+            height: string;
+            margin: string;
+            overflow: string;
+            padding: number;
+            position: string;
+            whiteSpace: string;
+            width: string;
+        };
     };
     chat: {
         wrapper: {
@@ -2925,17 +3394,28 @@ export declare const defaultTheme: {
                 position: string;
                 width: string;
                 height: string;
-                paddingLeft: string;
-                paddingRight: string;
-                '@media (min-width: 768px)': {
+                display: string;
+                flexDirection: string;
+                justifyContent: string;
+                paddingBottom: string | number;
+                gap: string | number;
+                '@media (max-width: 768px)': {
+                    paddingLeft: string;
+                    paddingRight: string;
+                };
+                '@media (min-width: 768px) and (max-width: 1280px)': {
+                    paddingLeft: string;
+                    paddingRight: string;
+                };
+                '@media (min-width: 1280px)': {
                     paddingLeft: string;
                     paddingRight: string;
                 };
             };
         };
         mainHeader: {
+            minHeight: string;
             height: string;
-            maxHeight: string;
             display: string;
             overflow: string;
             alignItems: string;
@@ -2961,6 +3441,7 @@ export declare const defaultTheme: {
             minHeight: string;
         };
         sidebarWrapper: {
+            default: {};
             auto: {
                 '@media (max-width: 768px)': {
                     position: string;
@@ -2986,8 +3467,8 @@ export declare const defaultTheme: {
             };
         };
         sidebarHeader: {
+            minHeight: string;
             height: string;
-            maxHeight: string;
             display: string;
             overflow: string;
             alignItems: string;
@@ -3032,26 +3513,46 @@ export declare const defaultTheme: {
                 opacity: string;
                 cursor: string;
             };
-        };
-        thumb: {
-            isolation: string;
-            appearance: string;
-            backgroundColor: string;
-            borderRadius: string;
-            blockSize: string;
-            inlineSize: string;
-            boxSizing: string;
-            border: string;
-            marginTop: string;
-        };
-        track: {
-            blockSize: string;
-            borderRadius: string;
-            backgroundRepeat: string;
-            backgroundColor: string;
-            backgroundImage: string;
-            backgroundPositionX: string;
-            backgroundSize: string;
+            '&::-webkit-slider-thumb': {
+                isolation: string;
+                appearance: string;
+                backgroundColor: string;
+                borderRadius: string;
+                blockSize: string;
+                inlineSize: string;
+                boxSizing: string;
+                border: string;
+                marginTop: string;
+            };
+            '&::-webkit-slider-runnable-track': {
+                blockSize: string;
+                borderRadius: string;
+                backgroundRepeat: string;
+                backgroundColor: string;
+                backgroundImage: string;
+                backgroundPositionX: string;
+                backgroundSize: string;
+            };
+            '&::-moz-range-thumb': {
+                isolation: string;
+                appearance: string;
+                backgroundColor: string;
+                borderRadius: string;
+                blockSize: string;
+                inlineSize: string;
+                boxSizing: string;
+                border: string;
+                marginTop: string;
+            };
+            '&::-moz-range-track': {
+                blockSize: string;
+                borderRadius: string;
+                backgroundRepeat: string;
+                backgroundColor: string;
+                backgroundImage: string;
+                backgroundPositionX: string;
+                backgroundSize: string;
+            };
         };
     };
     radiogroup: {
@@ -3075,8 +3576,8 @@ export declare const defaultTheme: {
                 color: string;
                 width: string;
                 height: string;
-                alignContent: import('..').TextAlign;
-                textAlign: import('..').TextAlign;
+                alignContent: import('../types').TextAlign;
+                textAlign: import('../types').TextAlign;
             };
             disabled: {};
             selected: {};
@@ -3122,11 +3623,11 @@ export declare const defaultTheme: {
         layouts: {
             column: {
                 display: string;
-                flexDirection: import('..').FlexDirection;
+                flexDirection: import('../types').FlexDirection;
             };
             row: {
                 display: string;
-                flexDirection: import('..').FlexDirection;
+                flexDirection: import('../types').FlexDirection;
             };
             grid: {
                 display: string;