gd-design-library 1.0.2 → 1.2.0

package/tokens/defaultTheme.d.ts

@@ -461,7 +461,7 @@ export declare const defaultTheme: {
             width: string;
             height: string;
             position: string;
-            zIndex: number;
+            zIndex: (theme: Record<symbol, unknown>) => string;
         };
     };
     carousel: {
@@ -472,7 +472,7 @@ export declare const defaultTheme: {
                 overflow: string;
                 width: string;
                 display: string;
-                zIndex: number;
+                zIndex: (theme: Record<symbol, unknown>) => string;
                 gap: string;
             };
             variant: {
@@ -549,7 +549,7 @@ export declare const defaultTheme: {
             transform: string;
             width: string;
             padding: string;
-            zIndex: number;
+            zIndex: (theme: Record<symbol, unknown>) => string;
         };
         carouselDots: {
             display: string;
@@ -755,7 +755,7 @@ export declare const defaultTheme: {
                 };
                 sm: (theme: Record<symbol, unknown>) => {
                     color: string;
-                    flexDirection: import('../types').FlexDirection;
+                    flexDirection: string;
                     fontSize: string;
                     fontWeight: string;
                     lineHeight: string;
@@ -770,7 +770,7 @@ export declare const defaultTheme: {
                 };
                 sm: (theme: Record<symbol, unknown>) => {
                     color: string;
-                    flexDirection: import('../types').FlexDirection;
+                    flexDirection: string;
                     fontSize: string;
                     fontWeight: string;
                     lineHeight: string;
@@ -1118,43 +1118,41 @@ export declare const defaultTheme: {
         primary: {
             color: (theme: Record<symbol, unknown>) => string;
             background: (theme: Record<symbol, unknown>) => string;
-            '&:hover': {
+            '&:hover, &.hover': {
                 background: (theme: Record<symbol, unknown>) => string;
             };
-            '&:active': {
+            '&:active, &.active': {
                 background: (theme: Record<symbol, unknown>) => string;
             };
-            '&:disabled': {
+            '&:disabled, &.disabled': {
                 background: (theme: Record<symbol, unknown>) => string;
             };
         };
         secondary: {
             color: (theme: Record<symbol, unknown>) => string;
             background: (theme: Record<symbol, unknown>) => string;
-            '&:hover': {
+            '&:hover, &.hover': {
                 background: (theme: Record<symbol, unknown>) => string;
                 color: (theme: Record<symbol, unknown>) => string;
             };
-            '&:active': {
+            '&:active, &.active': {
                 color: (theme: Record<symbol, unknown>) => string;
                 background: (theme: Record<symbol, unknown>) => string;
             };
-            '&:disabled': {
+            '&:disabled, &.disabled': {
                 background: (theme: Record<symbol, unknown>) => string;
             };
         };
         tertiary: {
             background: string;
             color: (theme: Record<symbol, unknown>) => string;
-            '&:hover': {
-                color: (theme: Record<symbol, unknown>) => string;
+            '&:hover, &.hover': {
                 background: (theme: Record<symbol, unknown>) => string;
             };
-            '&:active': {
-                color: (theme: Record<symbol, unknown>) => string;
+            '&:active, &.active': {
                 background: (theme: Record<symbol, unknown>) => string;
             };
-            '&:disabled': {
+            '&:disabled, &.disabled': {
                 background: string;
             };
         };
@@ -1162,14 +1160,14 @@ export declare const defaultTheme: {
             background: string;
             color: (theme: Record<symbol, unknown>) => string;
             border: (theme: Record<symbol, unknown>) => string;
-            '&:hover': {
+            '&:hover, &.hover': {
                 background: (theme: Record<symbol, unknown>) => string;
             };
-            '&:active': {
+            '&:active, &.active': {
                 color: (theme: Record<symbol, unknown>) => string;
                 background: (theme: Record<symbol, unknown>) => string;
             };
-            '&:disabled': {
+            '&:disabled, &.disabled': {
                 background: string;
                 borderColor: (theme: Record<symbol, unknown>) => string;
             };
@@ -1177,20 +1175,20 @@ export declare const defaultTheme: {
         text: {
             background: string;
             color: (theme: Record<symbol, unknown>) => string;
-            '&:hover': {
+            '&:hover, &.hover': {
                 color: (theme: Record<symbol, unknown>) => string;
             };
-            '&:active': {
+            '&:active, &.active': {
                 color: (theme: Record<symbol, unknown>) => string;
             };
         };
         inherit: {
             fontWeight: string;
-            '&:hover': {};
-            '&:not(:disabled):active': {
+            '&:not(:disabled):active, &.active': {
                 transform: string;
             };
-            '&:disabled': {};
+            '&:hover, &.hover': {};
+            '&:disabled, &.disabled': {};
         };
     };
     input: {
@@ -1224,7 +1222,7 @@ export declare const defaultTheme: {
                 '&:not([type="radio"], [type="checkbox"], [type="range"])': {
                     height: string;
                     width: string;
-                    zIndex: number;
+                    zIndex: (theme: Record<symbol, unknown>) => string;
                 };
                 '&[type="number"]': {
                     appearance: string;
@@ -1400,7 +1398,7 @@ export declare const defaultTheme: {
                 display: string;
                 alignItems: string;
                 position: string;
-                zIndex: number;
+                zIndex: (theme: Record<symbol, unknown>) => string;
             };
         };
     };
@@ -1517,7 +1515,7 @@ export declare const defaultTheme: {
             width: string;
             height: string;
             position: string;
-            zIndex: number;
+            zIndex: (theme: Record<symbol, unknown>) => string;
         };
         fullPage: {
             display: string;
@@ -1526,13 +1524,16 @@ export declare const defaultTheme: {
             left: number;
             width: string;
             height: string;
-            zIndex: number;
+            zIndex: (theme: Record<symbol, unknown>) => string;
         };
     };
     loader: {
         default: {
             display: string;
         };
+        attrs: {
+            rounded: string;
+        };
         inline: {};
         section: {};
         fullPage: {};
@@ -1709,7 +1710,7 @@ export declare const defaultTheme: {
         responsiveLarge: string;
         responsiveXLarge: string;
         zIndex: {
-            snackbar: number;
+            snackbar: (theme: Record<symbol, unknown>) => string;
         };
         transitions: {
             stepper: {
@@ -1739,6 +1740,10 @@ export declare const defaultTheme: {
             tabs: {
                 label: string;
             };
+            chat: {
+                sidebar: string;
+                sidebarWrapper: string;
+            };
         };
         transform: {
             rotateUp: string;
@@ -1861,9 +1866,13 @@ export declare const defaultTheme: {
             position: string;
             display: string;
             whiteSpace: string;
+            color: (theme: Record<symbol, unknown>) => string;
             backgroundColor: (theme: Record<symbol, unknown>) => string;
             padding: (theme: Record<symbol, unknown>) => string;
-            zIndex: number;
+            zIndex: (theme: Record<symbol, unknown>) => string;
+            fontSize: (theme: Record<symbol, unknown>) => string;
+            fontWeight: (theme: Record<symbol, unknown>) => string;
+            lineHeight: (theme: Record<symbol, unknown>) => string;
             '&::after': {
                 position: string;
                 content: string;
@@ -1984,8 +1993,6 @@ export declare const defaultTheme: {
                 alignItems: string;
                 justifyContent: string;
                 padding: string;
-                fontSize: (theme: Record<symbol, unknown>) => string;
-                fontWeight: string;
                 borderBottom: (theme: Record<symbol, unknown>) => string;
             };
             withTitle: {
@@ -1996,6 +2003,9 @@ export declare const defaultTheme: {
             default: {
                 display: string;
                 alignItems: string;
+                fontSize: (theme: Record<symbol, unknown>) => string;
+                fontWeight: (theme: Record<symbol, unknown>) => string;
+                color: (theme: Record<symbol, unknown>) => string;
                 padding: (theme: Record<symbol, unknown>) => string;
                 margin: (theme: Record<symbol, unknown>) => string;
             };
@@ -2039,7 +2049,7 @@ export declare const defaultTheme: {
         closeButton: {
             default: {
                 background: (theme: Record<symbol, unknown>) => string;
-                border: number;
+                border: string;
                 cursor: string;
                 padding: (theme: Record<symbol, unknown>) => string;
             };
@@ -2055,23 +2065,42 @@ export declare const defaultTheme: {
                 display: string;
                 alignItems: string;
                 justifyContent: string;
-                zIndex: number;
+                zIndex: (theme: Record<symbol, unknown>) => string;
             };
         };
         icons: {
             close: {
                 name: string;
+                fill: string;
                 width: number;
                 height: number;
             };
         };
     };
     snackbar: {
+        title: {
+            attrs: {
+                as: string;
+                align: string;
+                variant: string;
+                styleVariant: string;
+                color: string;
+            };
+        };
+        description: {
+            attrs: {
+                as: string;
+                align: string;
+                variant: string;
+                styleVariant: string;
+                color: string;
+            };
+        };
         container: {
             default: {
                 position: string;
                 display: string;
-                flexDirection: import('../types').FlexDirection;
+                flexDirection: string;
                 gap: (theme: Record<symbol, unknown>) => string;
                 padding: (theme: Record<symbol, unknown>) => string;
                 boxSizing: string;
@@ -2107,7 +2136,7 @@ export declare const defaultTheme: {
                 width: string;
                 fontSize: (theme: Record<symbol, unknown>) => string;
                 display: string;
-                flexDirection: import('../types').FlexDirection;
+                flexDirection: string;
                 gap: (theme: Record<symbol, unknown>) => string;
                 color: (theme: Record<symbol, unknown>) => string;
                 padding: (theme: Record<symbol, unknown>) => string;
@@ -2122,45 +2151,45 @@ export declare const defaultTheme: {
                 };
             };
             animation: {
-                duration: string;
-                timing: string;
+                closeEffect: string;
+                openEffect: string;
             };
         };
         positions: {
-            "top-left": {
+            'top-left': {
                 top: number;
                 left: number;
                 alignItems: string;
             };
-            "top-center": {
+            'top-center': {
                 top: (theme: Record<symbol, unknown>) => string;
                 left: string;
                 transform: string;
                 alignItems: string;
             };
-            "top-right": {
+            'top-right': {
                 top: (theme: Record<symbol, unknown>) => string;
                 right: (theme: Record<symbol, unknown>) => string;
                 alignItems: string;
             };
-            "bottom-left": {
+            'bottom-left': {
                 bottom: (theme: Record<symbol, unknown>) => string;
                 left: (theme: Record<symbol, unknown>) => string;
                 alignItems: string;
-                flexDirection: import('../types').FlexDirection;
+                flexDirection: string;
             };
-            "bottom-center": {
+            'bottom-center': {
                 bottom: (theme: Record<symbol, unknown>) => string;
                 left: string;
                 transform: string;
                 alignItems: string;
-                flexDirection: import('../types').FlexDirection;
+                flexDirection: string;
             };
-            "bottom-right": {
+            'bottom-right': {
                 bottom: (theme: Record<symbol, unknown>) => string;
                 right: (theme: Record<symbol, unknown>) => string;
                 alignItems: string;
-                flexDirection: import('../types').FlexDirection;
+                flexDirection: string;
             };
         };
         closeButton: {
@@ -2182,25 +2211,25 @@ export declare const defaultTheme: {
             };
             success: {
                 name: string;
-                fill: (theme: Record<symbol, unknown>) => string;
+                fill: string;
                 width: number;
                 height: number;
             };
             error: {
                 name: string;
-                fill: (theme: Record<symbol, unknown>) => string;
+                fill: string;
                 width: number;
                 height: number;
             };
             warning: {
                 name: string;
-                fill: (theme: Record<symbol, unknown>) => string;
+                fill: string;
                 width: number;
                 height: number;
             };
             info: {
                 name: string;
-                fill: (theme: Record<symbol, unknown>) => string;
+                fill: string;
                 width: number;
                 height: number;
             };
@@ -2212,7 +2241,7 @@ export declare const defaultTheme: {
         };
         snackbarContent: {
             display: string;
-            flexDirection: import('../types').FlexDirection;
+            flexDirection: string;
             alignItems: string;
             gap: string | number;
             flex: number;
@@ -2405,7 +2434,7 @@ export declare const defaultTheme: {
             listStyleType: string;
             margin: (theme: Record<symbol, unknown>) => string;
             padding: (theme: Record<symbol, unknown>) => string;
-            zIndex: number;
+            zIndex: (theme: Record<symbol, unknown>) => string;
             overflowY: string;
         };
         button: {
@@ -2453,11 +2482,13 @@ export declare const defaultTheme: {
                 };
             };
         };
-        arrowIcon: {
-            name: string;
-            fill: string;
-            width: number;
-            height: number;
+        icons: {
+            arrowIcon: {
+                name: string;
+                fill: string;
+                width: number;
+                height: number;
+            };
         };
         adornment: {
             default: {
@@ -2465,7 +2496,7 @@ export declare const defaultTheme: {
                 alignItems: string;
                 flexDirection: import('../types').FlexDirection;
                 position: string;
-                zIndex: number;
+                zIndex: (theme: Record<symbol, unknown>) => string;
             };
         };
     };
@@ -2553,7 +2584,7 @@ export declare const defaultTheme: {
         content: {
             default: {
                 position: string;
-                zIndex: number;
+                zIndex: (theme: Record<symbol, unknown>) => string;
                 flex: number;
                 flexBasis: string;
                 height: string;
@@ -2564,7 +2595,7 @@ export declare const defaultTheme: {
                 position: string;
                 top: string;
                 left: string;
-                zIndex: number;
+                zIndex: (theme: Record<symbol, unknown>) => string;
                 minWidth: string;
                 minHeight: string;
                 maxWidth: string;
@@ -2598,6 +2629,16 @@ export declare const defaultTheme: {
                 right: string;
                 height: string;
             };
+            autoHide: {
+                opacity: number;
+                transition: string;
+            };
+            autoHideScrolling: {
+                opacity: number;
+                '&:hover': {
+                    opacity: number;
+                };
+            };
         };
         thumb: {
             default: {
@@ -2624,6 +2665,13 @@ export declare const defaultTheme: {
                 minWidth: (theme: Record<symbol, unknown>) => string;
                 transition: (theme: Record<symbol, unknown>) => string;
             };
+            autoHide: {
+                opacity: number;
+                transition: string;
+            };
+            autoHideScrolling: {
+                opacity: number;
+            };
         };
     };
     icon: {
@@ -2671,7 +2719,7 @@ export declare const defaultTheme: {
                     position: string;
                     width: string;
                     bottom: number;
-                    zIndex: number;
+                    zIndex: (theme: Record<symbol, unknown>) => number;
                     borderBottom: (theme: Record<symbol, unknown>) => string;
                 };
             };
@@ -2753,7 +2801,7 @@ export declare const defaultTheme: {
             default: {
                 width: string;
                 position: string;
-                zIndex: number;
+                zIndex: (theme: Record<symbol, unknown>) => number;
                 top: string;
                 marginLeft: string;
                 marginRight: string;
@@ -3156,6 +3204,7 @@ export declare const defaultTheme: {
             default: {
                 backgroundColor: (theme: Record<symbol, unknown>) => string;
                 position: string;
+                overflow: string;
                 boxShadow: (theme: Record<symbol, unknown>) => string;
             };
         };
@@ -3241,7 +3290,7 @@ export declare const defaultTheme: {
                 position: string;
                 top: (theme: Record<symbol, unknown>) => string;
                 left: (theme: Record<symbol, unknown>) => string;
-                zIndex: number;
+                zIndex: (theme: Record<symbol, unknown>) => string;
                 background: (theme: Record<symbol, unknown>) => string;
                 width: string;
                 height: string;
@@ -3361,14 +3410,15 @@ export declare const defaultTheme: {
         header: {
             default: {
                 width: string;
-                textAlign: import('../types').TextAlign;
+                textAlign: string;
                 cursor: string;
-                border: number;
+                border: string;
                 backgroundColor: (theme: Record<symbol, unknown>) => string;
                 paddingTop: (theme: Record<symbol, unknown>) => string;
                 paddingBottom: (theme: Record<symbol, unknown>) => string;
                 display: string;
                 alignItems: string;
+                justifyContent: string;
                 ':first-of-type': {
                     flex: string;
                 };
@@ -3406,6 +3456,12 @@ export declare const defaultTheme: {
                 };
             };
         };
+        itemNoSeparator: {
+            default: {
+                position: string;
+                padding: (theme: Record<symbol, unknown>) => string;
+            };
+        };
         icon: {
             default: {
                 transition: (theme: Record<symbol, unknown>) => string;
@@ -3552,7 +3608,6 @@ export declare const defaultTheme: {
             default: {
                 display: string;
                 position: string;
-                minHeight: string;
                 height: string;
                 width: string;
                 overflow: string;
@@ -3571,18 +3626,17 @@ export declare const defaultTheme: {
                 paddingBottom: string | number;
                 gap: string | number;
                 minHeight: number;
+                margin: string;
             };
             md: {
                 paddingLeft: string;
                 paddingRight: string;
             };
             mdXl: {
-                paddingLeft: string;
-                paddingRight: string;
+                maxWidth: string;
             };
             xl: {
-                paddingLeft: string;
-                paddingRight: string;
+                maxWidth: string;
             };
         };
         mainHeader: {
@@ -3601,52 +3655,76 @@ export declare const defaultTheme: {
             flexDirection: string;
         };
         sidebar: {
-            minWidth: string;
-            maxWidth: string;
-            overflow: string;
-            borderRight: string;
-            backgroundColor: (theme: Record<symbol, unknown>) => string;
-            borderColor: (theme: Record<symbol, unknown>) => string;
-            flex: string;
-            display: string;
-            flexDirection: string;
-            minHeight: string;
+            default: {
+                overflow: string;
+                borderRight: string;
+                position: string;
+                transition: (theme: Record<symbol, unknown>) => string;
+                backgroundColor: (theme: Record<symbol, unknown>) => string;
+                borderColor: (theme: Record<symbol, unknown>) => string;
+                display: string;
+                flexDirection: string;
+                minHeight: string;
+                transform: string;
+                pointerEvents: string;
+            };
+            open: {
+                width: string;
+            };
+            close: {
+                width: number;
+                transform: string;
+                pointerEvents: string;
+            };
+        };
+        sidebarMinified: {
+            default: {
+                overflow: string;
+                borderRight: string;
+                position: string;
+                transition: (theme: Record<symbol, unknown>) => string;
+                backgroundColor: (theme: Record<symbol, unknown>) => string;
+                borderColor: (theme: Record<symbol, unknown>) => string;
+                display: string;
+                flexDirection: string;
+                minHeight: string;
+                transform: string;
+                pointerEvents: string;
+                opacity: number;
+            };
+            open: {};
+            close: {
+                opacity: number;
+                width: number;
+                transform: string;
+                pointerEvents: string;
+            };
         };
         sidebarWrapper: {
-            default: {};
-            auto: {
-                default: {};
-                md: (theme: Record<symbol, unknown>) => {
-                    position: string;
-                    display: string;
-                    flexDirection: string;
-                    left: number;
-                    top: number;
-                    right: number;
-                    bottom: number;
-                    backgroundColor: string;
-                    zIndex: number;
-                };
+            default: {
+                transition: (theme: Record<symbol, unknown>) => string;
             };
-            desktop: {
-                default: {};
-                md: {};
+            open: {
+                opacity: number;
+                pointerEvents: string;
             };
-            drawer: {
-                default: {
-                    position: string;
-                    display: string;
-                    flexDirection: string;
-                    left: number;
-                    top: number;
-                    right: number;
-                    bottom: number;
-                    backgroundColor: (theme: Record<symbol, unknown>) => string;
-                    zIndex: number;
-                };
-                md: {};
+            close: {
+                opacity: number;
+                pointerEvents: string;
+            };
+            md: (theme: Record<symbol, unknown>) => {
+                position: string;
+                display: string;
+                flexDirection: string;
+                left: number;
+                top: number;
+                right: number;
+                bottom: number;
+                backgroundColor: string;
+                zIndex: string;
             };
         };
+        sidebarContentWrapper: {};
         sidebarHeader: {
             minHeight: string;
             height: string;
@@ -3668,7 +3746,7 @@ export declare const defaultTheme: {
                 };
             };
             attrs: {
-                variant: import('../types').ButtonVariant;
+                variant: string;
             };
             open: {
                 transform: string;
@@ -3951,4 +4029,13 @@ export declare const defaultTheme: {
             };
         };
     };
+    zIndex: {
+        zero: number;
+        negative: number;
+        first: number;
+        low: number;
+        medium: number;
+        high: number;
+        top: number;
+    };
 };