gd-design-library 0.7.0 → 0.7.2

package/tokens/index.d.ts

@@ -1,3390 +0,0 @@
-export * from './separator';
-export * from './draganddrop';
-export * from './avatar';
-export * from './chatbubble';
-export * from './radiogroup';
-export * from './searchModal';
-export * from './inputfile';
-export * from './searchModal';
-export * from './carousel';
-export * from './progressbar';
-export * from './card';
-export * from './counter';
-export * from './chat';
-export * from './values';
-export * from './font';
-export * from './colors';
-export * from './breakpoints';
-export * from './menu';
-export * from './spacing';
-export * from './radius';
-export * from './typography';
-export * from './borders';
-export * from './button';
-export * from './input';
-export * from './label';
-export * from './link';
-export * from './form';
-export * from './cursors';
-export * from './textarea';
-export * from './wrapper';
-export * from './loader';
-export * from './switch';
-export * from './animations';
-export * from './skeleton';
-export * from './defaultTheme';
-export * from './snackbar';
-export * from './list';
-export * from './select';
-export * from './search';
-export * from './breadcrumbs';
-export * from './icon';
-export * from './reset';
-export * from './toggle';
-export * from './tabs';
-export * from './stepper';
-export * from './rating';
-export * from './header';
-export * from './draganddropfiles';
-export * from './slider';
-export * from './scroll';
-export * from './utils';
-export * from './types/index.types';
-export declare const defaultTokens: {
-    breakpoints: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-    };
-    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: {
-                overflow: string;
-                textOverflow: string;
-                whiteSpace: string;
-            };
-            attrs: {
-                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;
-            float: string;
-            backgroundColor: string;
-        };
-        answer: {
-            padding: string | number;
-            width: string;
-        };
-        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;
-            };
-        };
-    };
-    radiogroup: {
-        input: {
-            position: string;
-            opacity: number;
-            pointerEvents: string;
-        };
-        default: {
-            margin: number;
-            padding: number;
-            border: number;
-        };
-        label: {
-            default: {
-                display: string;
-                padding: string;
-                fontSize: string;
-                fontWeight: number;
-                cursor: string;
-                color: string;
-                width: string;
-                height: string;
-                alignContent: import('../types').TextAlign;
-                textAlign: import('../types').TextAlign;
-            };
-            disabled: {};
-            selected: {};
-            hover: {
-                '&:hover': {
-                    color: string;
-                };
-            };
-        };
-        item: {
-            default: {
-                position: string;
-                cursor: string;
-                border: string;
-                '&:focus-within': {
-                    outline: string;
-                    outlineOffset: string;
-                };
-            };
-            disabled: {
-                cursor: string;
-                backgroundColor: string;
-                '&::after': {
-                    content: string;
-                    position: string;
-                    top: number;
-                    left: number;
-                    width: string;
-                    height: string;
-                    background: string;
-                };
-            };
-            selected: {
-                boxShadow: string;
-                border: string;
-            };
-            hover: {
-                '&:hover': {
-                    border: string;
-                };
-            };
-        };
-        layouts: {
-            column: {
-                display: string;
-                flexDirection: import('../types').FlexDirection;
-            };
-            row: {
-                display: string;
-                flexDirection: import('../types').FlexDirection;
-            };
-            grid: {
-                display: string;
-            };
-        };
-    };
-    draganddropfiles: {
-        default: {};
-    };
-    inputfile: {
-        default: {
-            overflow: string;
-            position: string;
-        };
-        input: {
-            opacity: number;
-            inset: number;
-            width: string;
-            height: string;
-            position: string;
-            zIndex: number;
-        };
-    };
-    carousel: {
-        default: {};
-        container: {
-            default: {
-                position: string;
-                overflow: string;
-                width: string;
-                display: string;
-                zIndex: number;
-                gap: string;
-            };
-            variant: {
-                cards: {
-                    gap: string;
-                };
-                single: {
-                    '.embla__slide': {
-                        padding: number;
-                    };
-                };
-            };
-            layout: {
-                horizontal: {
-                    flexDirection: string;
-                };
-                vertical: {
-                    flexDirection: string;
-                    height: string;
-                };
-            };
-        };
-        contentContainer: {
-            flexDirection: string;
-            height: string;
-            width: string;
-            position: string;
-            justifyContent: string;
-            alignItems: string;
-            zIndex: string;
-        };
-        carouselViewport: {
-            overflow: string;
-        };
-        carouselViewportSlideWrapper: {
-            display: string;
-        };
-        carouselSlide: {
-            flex: string;
-            width: string;
-            padding: number;
-            '& img': {
-                width: string;
-                height: string;
-                objectFit: string;
-                borderRadius: number;
-            };
-        };
-        footer: {
-            display: string;
-            justifyContent: string;
-            alignItems: string;
-        };
-        footerControls: {
-            display: string;
-        };
-        contentSlide: {
-            display: string;
-            paddingLeft: string;
-            '&:first-child': {
-                paddingLeft: number;
-            };
-        };
-        carouselControlsWrapper: {
-            position: string;
-        };
-        carouselControls: {
-            display: string;
-            justifyContent: string;
-            alignItems: string;
-            position: string;
-            top: string;
-            left: number;
-            transform: string;
-            width: string;
-            padding: string;
-            zIndex: number;
-        };
-        carouselDots: {
-            display: string;
-            justifyContent: string;
-            gap: string;
-            marginTop: string;
-        };
-        carouselDot: {
-            default: {
-                width: string;
-                height: string;
-                border: string;
-                cursor: string;
-                transition: string;
-            };
-            active: {
-                backgroundColor: string;
-                width: string;
-                '&:hover': {};
-            };
-            nonActive: {
-                backgroundColor: string;
-                '&:hover': {};
-            };
-        };
-        carouselThumbs: {
-            default: {
-                display: string;
-                justifyContent: string;
-                gap: string;
-            };
-            vertical: {
-                flexDirection: import('../types').FlexDirection;
-                flex: string;
-                overflowX: string;
-                alignItems: string;
-            };
-            horizontal: {
-                overflowX: string;
-            };
-        };
-        carouselThumbsViewport: {
-            default: {
-                overflow: string;
-            };
-            vertical: {
-                maxHeight: string;
-            };
-            horizontal: {
-                width: string;
-            };
-        };
-        carouselThumbsWrapper: {
-            default: {};
-            vertical: {
-                display: string;
-                height: string;
-            };
-            horizontal: {
-                display: string;
-            };
-        };
-        carouselThumb: {
-            default: {
-                minWidth: string;
-                minHeight: string;
-                border: string;
-                padding: number;
-                background: string;
-                cursor: string;
-                opacity: number;
-                transition: string;
-                '&:hover': {
-                    opacity: number;
-                };
-            };
-            active: {
-                opacity: number;
-            };
-            vertical: {
-                height: string;
-            };
-            horizontal: {
-                marginLeft: string;
-            };
-        };
-        controlsButton: {
-            default: {
-                width: string;
-                height: string;
-            };
-            attrs: {
-                variant: import('../types').ButtonVariant;
-                color: import('../types').ButtonColorVariant;
-                isIcon: boolean;
-            };
-        };
-        icons: {
-            base: {
-                width: number;
-                height: number;
-            };
-            controlLeft: {
-                name: string;
-            };
-            controlRight: {
-                name: string;
-            };
-        };
-    };
-    searchModal: {
-        default: {};
-        wrapper: {
-            padding: string;
-            overflowY: string;
-        };
-        input: {
-            default: {
-                '& input[type="search"]': {
-                    padding: string;
-                    height: string;
-                    fontSize: string;
-                    '&::placeholder': {
-                        color: any;
-                    };
-                    '&::-webkit-search-cancel-button': {
-                        appearance: string;
-                    };
-                    '&::-ms-clear': {
-                        display: string;
-                    };
-                };
-            };
-            endIcon: {
-                margin: string;
-                padding: string | number;
-                cursor: string;
-            };
-            icons: {
-                close: {
-                    name: string;
-                    width: number;
-                    height: number;
-                };
-            };
-        };
-        loader: {
-            default: {
-                display: string;
-                flexDirection: import('../types').FlexDirection;
-                gap: string | number;
-            };
-        };
-        items: {
-            default: {
-                display: string;
-                flexDirection: import('../types').FlexDirection;
-            };
-            newSearchBtn: {
-                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('../types').FlexDirection;
-                alignItems: string;
-                gap: string | number;
-                padding: string;
-                color: string;
-            };
-            groupTitle: {
-                fontSize: string;
-                fontWeight: number;
-                lineHeight: string;
-                textAlign: string;
-                padding: string;
-                color: string;
-            };
-            item: {
-                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;
-                justifyContent: string;
-                gap: string | number;
-                flexWrap: string;
-            };
-            itemColumn: {
-                gap: string | number;
-                minWidth: number;
-                flexWrap: string;
-            };
-            itemContent: {
-                default: {};
-                title: {
-                    flex: number;
-                    minWidth: number;
-                    whiteSpace: string;
-                    textOverflow: string;
-                    overflow: string;
-                };
-                description: {
-                    flex: number;
-                    minWidth: number;
-                    whiteSpace: string;
-                    textOverflow: string;
-                    overflow: string;
-                    color: string;
-                };
-                date: {
-                    flex: string;
-                    whiteSpace: string;
-                    color: string;
-                };
-            };
-            icons: {
-                newChat: {
-                    width: number;
-                    height: number;
-                    name: string;
-                    fill: string;
-                };
-                noResults: {
-                    width: number;
-                    height: number;
-                    name: string;
-                };
-                item: {
-                    width: number;
-                    height: number;
-                    fill: string;
-                };
-            };
-        };
-    };
-    progressbar: {
-        styledProgressBar: {
-            default: {
-                width: string;
-                display: string;
-            };
-        };
-        styledTrack: {
-            default: {
-                position: string;
-                width: string;
-                height: string;
-                overflow: string;
-                backgroundColor: string;
-            };
-        };
-        styledDeterminateFill: {
-            default: {
-                display: string;
-                alignItems: string;
-                justifyContent: string;
-                paddingRight: number;
-                whiteSpace: string;
-                height: string;
-                backgroundColor: string;
-                transition: string;
-            };
-        };
-        styledIndeterminateFill: {
-            default: {
-                backgroundColor: string;
-                width: string;
-                height: string;
-            };
-        };
-        styledIndeterminateFillAnimations: {
-            animationName: string;
-            animationProps: string;
-        };
-        styledPercentLabel: {
-            default: {
-                display: string;
-                alignItems: string;
-                color: string;
-                fontSize: string;
-                fontWeight: number;
-                height: string;
-                userSelect: string;
-            };
-        };
-    };
-    card: {
-        default: {
-            display: string;
-            '&:focus-visible': {
-                outline: string;
-                '&:hover': {
-                    boxShadow: string;
-                };
-            };
-        };
-        Vertical: {
-            default: {
-                flexDirection: import('../types').FlexDirection;
-                '&:hover': {
-                    boxShadow: string;
-                };
-            };
-            bordered: {
-                border: string;
-            };
-            highlighted: {
-                '&:not(:focus-visible):hover': {
-                    boxShadow: string;
-                    outline: string;
-                };
-            };
-        };
-        Horizontal: {
-            default: {
-                flexDirection: import('../types').FlexDirection;
-                '&:hover': {
-                    boxShadow: string;
-                };
-            };
-            bordered: {
-                border: string;
-            };
-            highlighted: {
-                '&:not(:focus-visible):hover': {
-                    boxShadow: string;
-                    outline: string;
-                };
-            };
-        };
-        title: {
-            default: {
-                margin: number;
-                padding: number;
-            };
-            Vertical: {
-                default: {};
-                sm: {};
-            };
-            Horizontal: {
-                default: {};
-                sm: {};
-            };
-        };
-        description: {
-            default: {
-                margin: number;
-                padding: number;
-            };
-            Vertical: {
-                default: {};
-                sm: {};
-            };
-            Horizontal: {
-                default: {};
-                sm: {};
-            };
-        };
-        rating: {
-            default: {
-                display: string;
-                alignItems: string;
-                gap: string;
-            };
-            Vertical: {
-                default: {
-                    fontSize: string;
-                    fontWeight: number;
-                    lineHeight: string;
-                    color: string;
-                };
-                sm: {
-                    fontSize: string;
-                    fontWeight: number;
-                    lineHeight: string;
-                    color: string;
-                    flexDirection: import('../types').FlexDirection;
-                };
-            };
-            Horizontal: {
-                default: {
-                    fontSize: string;
-                    fontWeight: number;
-                    lineHeight: string;
-                    color: string;
-                };
-                sm: {
-                    fontSize: string;
-                    fontWeight: number;
-                    lineHeight: string;
-                    color: string;
-                    flexDirection: import('../types').FlexDirection;
-                };
-            };
-        };
-        button: {
-            default: {
-                display: string;
-            };
-            Vertical: {
-                default: {};
-                sm: {};
-            };
-            Horizontal: {
-                default: {};
-                sm: {};
-            };
-        };
-        image: {
-            default: {};
-            Vertical: {
-                default: {};
-                sm: {};
-            };
-            Horizontal: {
-                default: {};
-                sm: {};
-            };
-        };
-        counter: {
-            default: {};
-            Vertical: {
-                default: {};
-                sm: {};
-            };
-            Horizontal: {
-                default: {};
-                sm: {};
-            };
-        };
-        price: {
-            default: {
-                display: string;
-            };
-            Vertical: {
-                default: {};
-                sm: {
-                    '& > div > *': {
-                        fontWeight: number;
-                        fontSize: string;
-                        lineHeight: string;
-                        marginTop: string;
-                        marginBottom: string;
-                    };
-                };
-            };
-            Horizontal: {
-                default: {};
-                sm: {
-                    '& > div > *': {
-                        fontWeight: number;
-                        fontSize: string;
-                        lineHeight: string;
-                        marginTop: string;
-                        marginBottom: string;
-                    };
-                };
-            };
-        };
-    };
-    counter: {
-        default: {
-            display: string;
-            width: string;
-            '& input': {
-                width: string;
-                textAlign: import('../types').TextAlign;
-            };
-        };
-        navButton: {
-            default: {
-                padding: string | number;
-                borderWidth: string;
-                '&:disabled': {
-                    opacity: number;
-                    backgroundColor: string;
-                    borderWidth: string;
-                };
-            };
-            attrs: {
-                variant: import('../types').ButtonVariant;
-                isIcon: boolean;
-            };
-        };
-        icons: {
-            plus: {
-                name: string;
-                width: number;
-                height: number;
-            };
-            minus: {
-                name: string;
-                width: number;
-                height: number;
-            };
-        };
-    };
-    font: {
-        family: string;
-        weight: {
-            light: number;
-            normal: number;
-            medium: number;
-            bold: number;
-        };
-        size: {
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            h1: string;
-            h2: string;
-            h3: string;
-            h4: string;
-            h5: string;
-            h6: string;
-            p: string;
-            small: string;
-            caption: string;
-            sub: string;
-            sup: string;
-        };
-        line: {
-            height: {
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-                xl: string;
-                h1: string;
-                h2: string;
-                h3: string;
-                h4: string;
-                h5: string;
-                h6: string;
-                p: string;
-                small: string;
-                caption: string;
-                sub: string;
-                sup: string;
-            };
-        };
-    };
-    colors: {
-        transparent: string;
-        primary: {
-            default: string;
-            'default.80': string;
-            'default.10': string;
-        };
-        secondary: {
-            default: string;
-            'default.80': string;
-            'default.10': string;
-        };
-        neutral: {
-            white: string;
-            black: string;
-            'grey.100': string;
-            'grey.90': string;
-            'grey.80': string;
-            'grey.60': string;
-            'grey.40': string;
-            'grey.30': string;
-            'grey.10': string;
-        };
-        status: {
-            red: string;
-            'red.80': string;
-            'red.20': string;
-            'red.10': string;
-            green: string;
-            'green.80': string;
-            'green.20': string;
-            'green.10': string;
-            blue: string;
-            'blue.80': string;
-            'blue.20': string;
-            'blue.10': string;
-            orange: string;
-            'orange.80': string;
-            'orange.20': string;
-            'orange.10': string;
-        };
-        bg: {
-            default: string;
-            surface: string;
-            input: {
-                default: string;
-                disabled: string;
-            };
-            fill: {
-                disabled: string;
-                primary: {
-                    default: string;
-                    hover: string;
-                };
-                secondary: {
-                    default: string;
-                    hover: string;
-                };
-                error: {
-                    primary: {
-                        default: string;
-                        hover: string;
-                    };
-                    secondary: {
-                        default: string;
-                        hover: string;
-                    };
-                };
-                success: {
-                    primary: {
-                        default: string;
-                        hover: string;
-                    };
-                    secondary: {
-                        default: string;
-                        hover: string;
-                    };
-                };
-                warning: {
-                    primary: {
-                        default: string;
-                        hover: string;
-                    };
-                    secondary: {
-                        default: string;
-                        hover: string;
-                    };
-                };
-                info: {
-                    primary: {
-                        default: string;
-                        hover: string;
-                    };
-                    secondary: {
-                        default: string;
-                        hover: string;
-                    };
-                };
-            };
-            toast: {
-                success: string;
-                error: string;
-                warning: string;
-                info: string;
-            };
-        };
-        border: {
-            primary: {
-                default: string;
-                hover: string;
-            };
-            secondary: {
-                default: string;
-                disabled: string;
-                hover: string;
-            };
-            error: string;
-            success: string;
-            info: string;
-            warning: string;
-            default: string;
-            focus: string;
-        };
-        text: {
-            default: string;
-            active: string;
-            disabled: string;
-            title: string;
-            caption: string;
-            error: string;
-            success: string;
-            info: string;
-            link: {
-                default: string;
-                hover: string;
-            };
-            warning: string;
-            primary: {
-                default: string;
-                hover: string;
-            };
-        };
-        icon: {
-            primary: {
-                default: string;
-                active: string;
-                disabled: string;
-            };
-            success: string;
-            info: string;
-            warning: string;
-            error: string;
-        };
-    };
-    spacing: {
-        none: number;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-    };
-    borders: {
-        none: number;
-        generic: ({ width, color, type, }?: {
-            width?: string;
-            color?: string;
-            type?: string;
-        }) => string;
-        focus: string;
-    };
-    scroll: {
-        container: {
-            default: {
-                position: string;
-                display: string;
-                overflow: string;
-                isolation: string;
-                maxBlockSize: string;
-                '&::-webkit-scrollbar, &::-webkit-scrollbar-thumb': {
-                    background: string;
-                    width: string;
-                    height: string;
-                };
-            };
-        };
-        content: {
-            default: {
-                position: string;
-                zIndex: number;
-                flex: number;
-                flexBasis: string;
-                height: string;
-            };
-        };
-        scrollbars: {
-            default: {
-                position: string;
-                top: string;
-                left: string;
-                zIndex: number;
-                minWidth: string;
-                minHeight: string;
-                maxWidth: string;
-                maxHeight: string;
-                float: string;
-                marginRight: string;
-                marginInlineStart: string;
-                marginInlineEnd: string;
-                pointerEvents: string;
-            };
-        };
-        scrollbar: {
-            default: {
-                position: string;
-                pointerEvents: string;
-                opacity: number;
-                transition: string;
-                '&:hover': {
-                    opacity: number;
-                };
-            };
-            vertical: {
-                right: number;
-                bottom: string;
-                top: number;
-                width: string;
-            };
-            horizontal: {
-                left: number;
-                bottom: number;
-                right: string;
-                height: string;
-            };
-        };
-        thumb: {
-            default: {
-                position: string;
-                cursor: string;
-                pointerEvents: string;
-                background: string;
-                backgroundClip: string;
-                boxSizing: string;
-            };
-            vertical: {
-                right: number;
-                bottom: number;
-                top: number;
-                width: string;
-                minHeight: string;
-                transition: string;
-            };
-            horizontal: {
-                left: number;
-                right: number;
-                bottom: number;
-                height: string;
-                minWidth: string;
-                transition: string;
-            };
-        };
-    };
-    radius: {
-        default: string;
-        none: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        round: string;
-    };
-    button: {
-        default: {
-            border: number;
-            outline: number;
-            padding: string;
-            display: string;
-            alignItems: string;
-            gap: string;
-            transition: any;
-            cursor: string;
-            '&:focus-visible': {
-                position: string;
-                '&::after': {
-                    content: string;
-                    position: string;
-                    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}%` | `${number}em` | undefined;
-                };
-            };
-            '&:disabled, &:disabled *': {
-                cursor: string;
-                color: any;
-            };
-        };
-        icon: {
-            padding: string;
-            '& span': {
-                display: string;
-                justifyContent: string;
-                alignItems: string;
-            };
-        };
-        content: {
-            default: {
-                display: string;
-                alignItems: string;
-                justifyContent: string;
-                width: string;
-                minWidth: string;
-            };
-        };
-        fullWidth: {
-            width: string;
-        };
-        startIcon: {
-            default: {};
-        };
-        endIcon: {
-            default: {};
-        };
-        contained: {
-            primary: {
-                border: string;
-                background: any;
-                color: any;
-                '&:hover': {
-                    background: any;
-                    border: string;
-                };
-                '&:disabled': {
-                    background: any;
-                    border: string;
-                };
-            };
-            secondary: {
-                border: string;
-                color: any;
-                background: any;
-                '&:hover': {
-                    background: any;
-                    border: string;
-                };
-                '&:disabled': {
-                    border: string;
-                    background: any;
-                };
-            };
-        };
-        outlined: {
-            primary: {
-                border: string;
-                background: any;
-                color: any;
-                '&:hover': {
-                    background: any;
-                };
-                '&:disabled': {
-                    background: any;
-                    color: any;
-                    border: string;
-                };
-            };
-            secondary: {
-                color: any;
-                border: string;
-                background: any;
-                '&:hover': {
-                    background: any;
-                    border: string;
-                };
-                '&:disabled': {
-                    background: any;
-                    border: string;
-                };
-            };
-        };
-        text: {
-            primary: {
-                background: any;
-                border: string;
-                color: any;
-                '&:not(:disabled):hover': {
-                    border: string;
-                    background: any;
-                };
-                '&:disabled': {
-                    background: any;
-                };
-            };
-            secondary: {
-                background: any;
-                border: string;
-                color: any;
-                '&:not(:disabled):hover': {
-                    textDecoration: string;
-                };
-                '&:disabled': {
-                    background: any;
-                };
-            };
-        };
-        inherit: {
-            primary: {
-                backgroundColor: string;
-                padding: string;
-                '&:hover': {
-                    background: any;
-                };
-                '&:disabled': {
-                    background: string;
-                };
-            };
-            secondary: {
-                padding: string;
-                backgroundColor: string;
-                '&:not(:disabled):hover': {
-                    background: string;
-                };
-            };
-        };
-    };
-    input: {
-        wrapper: {
-            default: {
-                boxSizing: string;
-                display: string;
-                alignSelf: string;
-                alignItems: string;
-                borderRadius: number;
-                position: string;
-            };
-            withGap: {
-                flexDirection: import('../types').FlexDirection;
-                alignItems: string;
-                gap: string;
-            };
-        };
-        input: {
-            default: {
-                borderRadius: number;
-                padding: string;
-                outline: string;
-                position: string;
-                cursor: string;
-                border: number;
-                backgroundColor: string;
-                '&::placeholder': {
-                    color: string;
-                };
-                '&:not([type="radio"], [type="checkbox"], [type="range"])': {
-                    height: string;
-                    width: string;
-                    zIndex: number;
-                };
-                '&[type="number"]': {
-                    appearance: string;
-                    '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
-                        appearance: string;
-                        margin: number;
-                    };
-                };
-                '&[readonly], &:disabled': {
-                    color: string;
-                    cursor: string;
-                };
-                '&[type="checkbox"]': {
-                    cursor: string;
-                    appearance: string;
-                    height: string;
-                    width: string;
-                    backgroundColor: string;
-                    border: string;
-                    backgroundImage: string;
-                    '&:focus-visible': {
-                        position: string;
-                        '&::after': {
-                            content: string;
-                            position: string;
-                            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}%` | `${number}em` | undefined;
-                        };
-                    };
-                };
-                '&[type="checkbox"]:not(:checked)': {
-                    '&[readonly], &:disabled': {
-                        opacity: number;
-                    };
-                };
-                '&[type="checkbox"]:checked': {
-                    backgroundRepeat: string;
-                    backgroundPosition: string;
-                    backgroundSize: string;
-                    backgroundColor: string;
-                    border: string;
-                    backgroundImage: string;
-                    '&[readonly], &:disabled': {
-                        backgroundImage: string;
-                    };
-                };
-                '&[type="radio"]': {
-                    cursor: string;
-                    appearance: string;
-                    height: string;
-                    width: string;
-                    border: string;
-                    backgroundImage: string;
-                    '&:focus-visible': {
-                        position: string;
-                        '&::after': {
-                            content: string;
-                            position: string;
-                            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}%` | `${number}em` | undefined;
-                        };
-                    };
-                    '&[readonly], &:disabled': {
-                        opacity: number;
-                    };
-                };
-                '&[type="radio"]:checked': {
-                    backgroundImage: string;
-                };
-            };
-            defaultInteraction: {
-                "&:focus-visible ~ .Input__outline": {
-                    position: string;
-                    top: number;
-                    left: number;
-                    bottom: number;
-                    width: string;
-                    outline: string;
-                    outlineOffset: string;
-                };
-            };
-            mouseInteraction: {};
-            primary: {
-                "& + .Input__border": {
-                    position: string;
-                    top: number;
-                    left: number;
-                    width: string;
-                    height: string;
-                    border: string;
-                };
-            };
-            success: {
-                "& + .Input__border": {
-                    position: string;
-                    top: number;
-                    left: number;
-                    width: string;
-                    height: string;
-                    border: string;
-                };
-            };
-            warning: {
-                "& + .Input__border": {
-                    position: string;
-                    top: number;
-                    left: number;
-                    width: string;
-                    height: string;
-                    border: string;
-                };
-            };
-            error: {
-                "& + .Input__border": {
-                    position: string;
-                    top: number;
-                    left: number;
-                    width: string;
-                    height: string;
-                    border: string;
-                };
-            };
-        };
-        helper: {
-            default: {
-                sm: {
-                    fontSize: string;
-                    fontWeight: number;
-                    lineHeight: string;
-                };
-                md: {
-                    fontSize: string;
-                    fontWeight: number;
-                    lineHeight: string;
-                    color: string;
-                };
-            };
-            primary: {
-                sm: {
-                    color: string;
-                };
-                md: {};
-            };
-            success: {
-                sm: {
-                    color: string;
-                };
-                md: {};
-            };
-            warning: {
-                sm: {
-                    color: string;
-                };
-                md: {};
-            };
-            error: {
-                sm: {
-                    color: string;
-                };
-                md: {};
-            };
-        };
-        adornment: {
-            default: {
-                display: string;
-                alignItems: string;
-                position: string;
-                zIndex: number;
-            };
-        };
-    };
-    label: {
-        default: {
-            cursor: string;
-            display: string;
-        };
-    };
-    link: {
-        default: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            lineHeight: string;
-            color: string;
-            position: string;
-            '&:visited': {
-                color: string;
-                '&::after': {
-                    borderBottom: string;
-                };
-            };
-            '&:focus, &:active, &:focus-visible': {
-                outline: string;
-            };
-            "&.Link--disabled": {
-                color: string;
-                cursor: import('../types').Cursors;
-                textDecoration: string;
-                backgroundColor: string;
-                '&::after': {
-                    borderBottomColor: string;
-                };
-            };
-        };
-        primary: {
-            '&::after': {
-                content: string;
-                position: string;
-                right: number;
-                bottom: number;
-                left: number;
-                borderBottom: string;
-            };
-            '&:hover': {
-                backgroundColor: string;
-                '&::after': {
-                    borderBottomColor: string;
-                };
-            };
-        };
-        secondary: {
-            '&::after': {
-                content: string;
-                position: string;
-                right: number;
-                bottom: number;
-                left: number;
-                borderBottom: string;
-            };
-            '&:hover': {
-                backgroundColor: string;
-                '&::after': {
-                    borderBottomColor: string;
-                };
-            };
-        };
-        inverted: {
-            '&::after': {
-                content: string;
-                position: string;
-                right: number;
-                bottom: number;
-                left: number;
-                borderBottom: string;
-            };
-            '&:hover': {
-                backgroundColor: string;
-                '&::after': {
-                    borderBottomColor: string;
-                };
-            };
-        };
-        inherit: {
-            color: string;
-        };
-    };
-    form: {
-        default: {};
-    };
-    typography: {
-        base: {
-            fontFamily: string;
-        };
-        span: {
-            fontSize: string;
-            fontWeight: string;
-            lineHeight: string;
-        };
-        h1: {
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            marginTop: string;
-            marginBottom: string;
-        };
-        h2: {
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            marginTop: string;
-            marginBottom: string;
-        };
-        h3: {
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            marginTop: string;
-            marginBottom: string;
-        };
-        h4: {
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            marginTop: string;
-            marginBottom: string;
-        };
-        h5: {
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            marginTop: string;
-            marginBottom: string;
-        };
-        h6: {
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            marginTop: string;
-            marginBottom: string;
-        };
-        strong: {
-            fontWeight: number;
-        };
-        i: {
-            fontStyle: string;
-        };
-        p: {
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-        };
-        small: {
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-        };
-        caption: {
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-        };
-        div: {
-            xs: {
-                fontSize: string;
-                lineHeight: string;
-            };
-            sm: {
-                fontSize: string;
-                lineHeight: string;
-            };
-            md: {
-                fontSize: string;
-                lineHeight: string;
-            };
-            lg: {
-                fontSize: string;
-                lineHeight: string;
-            };
-            xl: {
-                fontSize: string;
-                lineHeight: string;
-            };
-        };
-        styleVariant: {
-            light: {
-                fontWeight: number;
-            };
-            normal: {
-                fontWeight: number;
-            };
-            semibold: {
-                fontWeight: number;
-            };
-            bold: {
-                fontWeight: number;
-            };
-            italic: {
-                fontStyle: string;
-            };
-            small: {
-                fontSize: string;
-            };
-            uppercase: {
-                textTransform: string;
-            };
-            lowercase: {
-                textTransform: string;
-            };
-            underline: {
-                textDecoration: string;
-            };
-            strike: {
-                textDecoration: string;
-            };
-        };
-    };
-    textarea: {
-        default: {
-            width: string;
-        };
-        outlined: {
-            primary: {
-                '&:hover': {};
-                '&:active': {};
-                '&:focus': {};
-                '&:disabled': {};
-                '&:read-only': {};
-            };
-            secondary: {
-                '&:hover': {};
-                '&:active': {};
-                '&:focus': {};
-                '&:disabled': {};
-                '&:read-only': {};
-            };
-            success: {
-                '&:hover': {};
-                '&:active': {};
-                '&:focus': {};
-                '&:disabled': {};
-                '&:read-only': {};
-            };
-            warning: {
-                '&:hover': {};
-                '&:active': {};
-                '&:focus': {};
-                '&:disabled': {};
-                '&:read-only': {};
-            };
-            error: {
-                '&:hover': {};
-                '&:active': {};
-                '&:focus': {};
-                '&:disabled': {};
-                '&:read-only': {};
-            };
-        };
-        contained: {};
-        text: {};
-    };
-    wrapper: {
-        default: {
-            justifyContent: string;
-            alignItems: string;
-            backdropFilter: string;
-            backgroundColor: string;
-        };
-        inline: {
-            display: string;
-        };
-        section: {
-            display: string;
-            top: number;
-            left: number;
-            width: string;
-            height: string;
-            position: string;
-            zIndex: number;
-        };
-        fullPage: {
-            display: string;
-            position: string;
-            top: number;
-            left: number;
-            width: string;
-            height: string;
-            zIndex: number;
-        };
-    };
-    loader: {
-        default: {
-            display: string;
-        };
-        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;
-            };
-        };
-        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;
-                    };
-                };
-            };
-        };
-        animation: {
-            circle: {
-                name: string;
-            };
-            dots: {
-                name: string;
-            };
-        };
-    };
-    switchToggle: {
-        default: {
-            display: string;
-            position: string;
-            padding: string;
-            border: string;
-        };
-        disabled: {};
-    };
-    skeleton: {
-        default: {
-            display: string;
-            position: string;
-            backgroundColor: string;
-            alignItems: string;
-            justifyContent: string;
-            width: string;
-            height: string;
-            overflow: string;
-            '&:empty::before': {
-                content: string;
-            };
-        };
-        rounded: {
-            borderRadius: string;
-        };
-        rectangular: {
-            borderRadius: string;
-        };
-        circular: {
-            borderRadius: string;
-        };
-        cards: {
-            search: {
-                default: {};
-                container: {
-                    padding: string;
-                    boxSizing: string;
-                    flexWrap: string;
-                    flexDirection: string;
-                };
-                header: {
-                    width: string;
-                    marginBottom: string;
-                };
-                row: {
-                    width: string;
-                    marginBottom: string;
-                    gap: string;
-                };
-                columnImage: {
-                    default: {
-                        flex: number;
-                    };
-                    image: {
-                        width: string;
-                        height: string;
-                    };
-                };
-                columnText: {
-                    default: {
-                        flex: number;
-                    };
-                    description: {
-                        width: string;
-                        height: string;
-                        marginBottom: string;
-                    };
-                    price: {
-                        width: string;
-                        height: string;
-                        marginBottom: string;
-                    };
-                };
-            };
-        };
-    };
-    animations: {
-        spinKeyframes: {
-            '0%': {
-                transform: string;
-            };
-            '100%': {
-                transform: string;
-            };
-        };
-        bounceKeyframes: {
-            '0%, 80%, 100%': {
-                transform: string;
-            };
-            '40%': {
-                transform: string;
-            };
-        };
-        slideIn: {
-            '0%': {
-                transform: string;
-                opacity: number;
-            };
-            '100%': {
-                transform: string;
-                opacity: number;
-            };
-        };
-        slideOut: {
-            '0%': {
-                transform: string;
-                opacity: number;
-            };
-            '100%': {
-                transform: string;
-                opacity: number;
-            };
-        };
-        blinkKeyframes: {
-            '0%': {
-                opacity: number;
-            };
-            '50%': {
-                opacity: number;
-            };
-            '100%': {
-                opacity: number;
-            };
-        };
-        progressIndeterminate: {
-            '0%': {
-                transform: string;
-            };
-            '50%': {
-                transform: string;
-            };
-            '100%': {
-                transform: string;
-            };
-        };
-    };
-    snackbar: {
-        container: {
-            default: {
-                position: string;
-                display: string;
-                flexDirection: import('../types').FlexDirection;
-                gap: string;
-                padding: string;
-                boxSizing: string;
-                maxHeight: string;
-                overflowY: string;
-                overflowX: string;
-                scrollbarWidth: string;
-                scrollbarColor: string;
-                zIndex: number;
-                '&::-webkit-scrollbar': {
-                    width: string;
-                    background: string;
-                };
-                '&::-webkit-scrollbar-thumb': {
-                    background: string;
-                    borderRadius: string;
-                };
-                '&::-webkit-scrollbar-track': {
-                    background: string;
-                };
-                '&:hover::-webkit-scrollbar-thumb': {
-                    background: string;
-                };
-                '&.scrolling::-webkit-scrollbar-thumb': {
-                    background: string;
-                };
-            };
-        };
-        snackbar: {
-            default: {
-                position: string;
-                boxShadow: string;
-                width: string;
-                fontSize: string;
-                display: string;
-                flexDirection: import('../types').FlexDirection;
-                gap: string;
-                color: string;
-                padding: string;
-            };
-            background: {
-                default: string;
-                variants: {
-                    success: string;
-                    error: string;
-                    warning: string;
-                    info: string;
-                };
-            };
-            animation: {
-                duration: string;
-                timing: string;
-            };
-        };
-        positions: {
-            "top-left": {
-                top: number;
-                left: number;
-                alignItems: string;
-            };
-            "top-center": {
-                top: number;
-                left: string;
-                transform: string;
-                alignItems: string;
-            };
-            "top-right": {
-                top: number;
-                right: number;
-                alignItems: string;
-            };
-            "bottom-left": {
-                bottom: number;
-                left: number;
-                alignItems: string;
-                flexDirection: import('../types').FlexDirection;
-            };
-            "bottom-center": {
-                bottom: number;
-                left: string;
-                transform: string;
-                alignItems: string;
-                flexDirection: import('../types').FlexDirection;
-            };
-            "bottom-right": {
-                bottom: number;
-                right: number;
-                alignItems: string;
-                flexDirection: import('../types').FlexDirection;
-            };
-        };
-        closeButton: {
-            position: string;
-            top: string;
-            right: string;
-            background: string;
-            border: number;
-            cursor: string;
-            padding: number;
-            width: number;
-            height: number;
-        };
-        icons: {
-            close: {
-                name: string;
-                width: number;
-                height: number;
-            };
-            success: {
-                name: string;
-                fill: string;
-                width: number;
-                height: number;
-            };
-            error: {
-                name: string;
-                fill: string;
-                width: number;
-                height: number;
-            };
-            warning: {
-                name: string;
-                fill: string;
-                width: number;
-                height: number;
-            };
-            info: {
-                name: string;
-                fill: string;
-                width: number;
-                height: number;
-            };
-        };
-        snackbarBody: {
-            display: string;
-            alignItems: string;
-            gap: string;
-        };
-        snackbarContent: {
-            display: string;
-            flexDirection: import('../types').FlexDirection;
-            alignItems: string;
-            gap: string | number;
-            flex: number;
-        };
-        actionsContainer: {
-            paddingTop: string | number;
-        };
-    };
-    list: {
-        wrapper: {
-            default: {
-                listStyle: string;
-                padding: number;
-                margin: number;
-            };
-            "ordered-circle": {
-                counterReset: string;
-                paddingLeft: number;
-            };
-            "ordered-square": {
-                counterReset: string;
-                paddingLeft: number;
-            };
-        };
-        item: {
-            default: {
-                display: string;
-                alignItems: string;
-                flexDirection: string;
-                margin: string;
-                '&:first-child': {
-                    margin: string;
-                };
-            };
-            "ordered-circle": {
-                '&::before': {
-                    content: string;
-                    counterIncrement: string;
-                    background: string;
-                    fontFamily: string;
-                    fontSize: string;
-                    fontWeight: number;
-                    width: string;
-                    height: string;
-                    color: string;
-                    display: string;
-                    alignItems: string;
-                    justifyContent: string;
-                    marginRight: string;
-                    borderRadius: string;
-                };
-            };
-            "ordered-square": {
-                '&::before': {
-                    content: string;
-                    counterIncrement: string;
-                    background: string;
-                    fontFamily: string;
-                    fontSize: string;
-                    fontWeight: number;
-                    width: string;
-                    height: string;
-                    color: string;
-                    display: string;
-                    alignItems: string;
-                    justifyContent: string;
-                    marginRight: string;
-                };
-            };
-            "unordered-check": {
-                counterReset: string;
-                paddingLeft: number;
-                "& .List__bulletPoint": {
-                    marginRight: string;
-                    color: string;
-                };
-            };
-            "unordered-dot": {
-                counterReset: string;
-                paddingLeft: number;
-                "& .List__bulletPoint": {
-                    marginRight: string;
-                    color: string;
-                };
-            };
-        };
-        icons: {
-            bulletDot: {
-                name: string;
-                width: number;
-                height: number;
-            };
-            bulletCheck: {
-                name: string;
-            };
-        };
-    };
-    select: {
-        default: {
-            display: string;
-            position: string;
-        };
-        initiatorWrapper: {
-            '& > *': {
-                width: string;
-            };
-            '.gd-button__content': {
-                whiteSpace: string;
-                overflow: string;
-                textOverflow: string;
-                display: string;
-            };
-        };
-        dropdown: {
-            position: string;
-            textAlign: string;
-            background: string;
-            boxShadow: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            listStyleType: string;
-            margin: number;
-            padding: number;
-            zIndex: number;
-            overflowY: string;
-        };
-        button: {
-            default: {
-                borderColor: string;
-                padding: string;
-                width: string;
-                display: string;
-                flexDirection: string;
-                justifyContent: string;
-                alignItems: string;
-                textAlign: import('../types').TextAlign;
-                '.gd-button__content': {
-                    justifyContent: string;
-                };
-            };
-            attrs: {
-                variant: import('../types').ButtonVariant;
-                color: import('../types').ButtonColorVariant;
-            };
-        };
-        item: {
-            default: {
-                cursor: import('../types').Cursors;
-                padding: string | number;
-                '&:hover, &.active': {
-                    backgroundColor: string;
-                };
-            };
-            disabled: {
-                opacity: number;
-                cursor: import('../types').Cursors;
-                pointerEvents: string;
-            };
-        };
-        arrowIconWrapper: {
-            default: {
-                transition: string;
-            };
-            transform: {
-                open: {
-                    transform: string;
-                };
-                close: {
-                    transform: string;
-                };
-            };
-        };
-        arrowIcon: {
-            name: string;
-            fill: string;
-            width: number;
-            height: number;
-        };
-        adornment: {
-            default: {
-                display: string;
-                alignItems: string;
-                flexDirection: import('../types').FlexDirection;
-                position: string;
-                zIndex: number;
-            };
-        };
-    };
-    search: {
-        default: {};
-        input: {
-            default: {
-                width: string;
-                boxSizing: string;
-            };
-        };
-        dropdownHeader: {
-            row: {};
-            link: {
-                default: {};
-                typography: {};
-            };
-            icon: {};
-        };
-        renderer: {
-            row: {
-                width: string;
-                padding: string;
-            };
-            link: {
-                display: string;
-                alignItems: string;
-                '&:after': {
-                    borderBottom: string;
-                };
-                '& svg': {
-                    marginLeft: string;
-                };
-            };
-            linkIcon: {
-                fill: string;
-                name: string;
-                width: number;
-                height: number;
-            };
-        };
-    };
-    breadcrumbs: {
-        default: {
-            display: string;
-            alignItems: string;
-            gap: number;
-        };
-        bordered: {
-            padding: string;
-            border: string;
-        };
-        item: {
-            itemStart: {
-                default: {
-                    color: any;
-                };
-            };
-            itemEnd: {
-                default: {
-                    color: any;
-                };
-            };
-        };
-        separator: {
-            default: {
-                display: string;
-                alignItems: string;
-                color: any;
-            };
-        };
-    };
-    icon: {
-        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;
-            };
-            xxl: {
-                width: number;
-                height: number;
-            };
-        };
-    };
-    reset: {};
-    tabs: {
-        default: {
-            display: string;
-            flexDirection: string;
-            width: string;
-        };
-        header: {
-            default: {
-                display: string;
-                flexDirection: string;
-                position: string;
-                overflow: string;
-                '&::after': {
-                    content: string;
-                    position: string;
-                    width: string;
-                    bottom: number;
-                    zIndex: number;
-                    borderBottom: string;
-                };
-            };
-        };
-        label: {
-            default: {
-                fontWeight: any;
-                fontSize: any;
-                color: any;
-                transition: string;
-                borderBottom: string;
-                whiteSpace: string;
-                flex: number;
-                '&:hover': {
-                    ".Tabs__noticeCounter": {
-                        backgroundColor: any;
-                    };
-                };
-            };
-            active: {
-                borderBottomColor: any;
-            };
-            disabled: {
-                default: {
-                    '&:hover': {
-                        ".Tabs__noticeCounter": {
-                            backgroundColor: any;
-                        };
-                    };
-                    ".Tabs__noticeCounter": {
-                        color: string;
-                    };
-                    borderBottom: string;
-                };
-                active: {
-                    borderBottomWidth: string;
-                    borderBottomColor: any;
-                };
-            };
-        };
-        panelsWrapper: {
-            default: {};
-        };
-        panel: {
-            default: {};
-        };
-        noticeCounter: {
-            default: {
-                display: string;
-                alignItems: string;
-                justifyContent: string;
-                backgroundColor: any;
-                color: any;
-                fontWeight: any;
-                fontSize: any;
-                borderRadius: string;
-            };
-            active: {
-                backgroundColor: any;
-            };
-            disabled: {
-                backgroundColor: any;
-            };
-        };
-        tabButton: {
-            default: {
-                width: string;
-            };
-        };
-    };
-    stepper: {
-        default: {
-            display: string;
-            flexDirection: string;
-            justifyContent: string;
-            width: string;
-        };
-        separator: {
-            default: {
-                width: string;
-                position: string;
-                zIndex: number;
-                top: string;
-                marginLeft: string;
-                marginRight: string;
-                transition: any;
-                borderTop: string;
-            };
-            active: {};
-            complete: {
-                borderTopColor: any;
-            };
-            inactive: {};
-        };
-        step: {
-            default: {
-                display: string;
-                flexDirection: string;
-                alignItems: string;
-                justifyContent: string;
-                minWidth: string;
-            };
-            active: {};
-            inactive: {};
-            complete: {
-                cursor: import('../types').Cursors;
-            };
-        };
-        stepIcon: {
-            default: {
-                width: number;
-                height: number;
-                display: string;
-                alignItems: string;
-                justifyContent: string;
-                borderRadius: string;
-                border: string;
-                fontSize: {
-                    fontSize: string;
-                    fontWeight: number;
-                    lineHeight: string;
-                    marginTop: string;
-                    marginBottom: string;
-                };
-                transition: any;
-                colors: any;
-            };
-            active: {
-                default: {
-                    backgroundColor: any;
-                    borderColor: any;
-                };
-                success: {};
-                error: {
-                    backgroundColor: any;
-                    borderColor: any;
-                };
-            };
-            inactive: {
-                default: {
-                    backgroundColor: any;
-                };
-                success: {};
-                error: {};
-            };
-            complete: {
-                default: {
-                    fontWeight: number;
-                    backgroundColor: any;
-                };
-                success: {};
-                error: {
-                    backgroundColor: any;
-                    borderColor: any;
-                };
-            };
-            success: {
-                default: {};
-                success: {};
-                error: {};
-            };
-        };
-        stepLabel: {
-            default: {
-                marginTop: string;
-                fontSize: {
-                    fontSize: string;
-                    fontWeight: number;
-                    lineHeight: string;
-                };
-                colors: any;
-            };
-            active: {};
-            inactive: {};
-            complete: {};
-            error: {};
-            success: {};
-        };
-        icons: {
-            active: {
-                name: string;
-                fill: any;
-            };
-            inactive: {
-                name: string;
-                fill: any;
-            };
-            complete: {
-                name: string;
-                fill: any;
-            };
-            error: {
-                name: string;
-                fill: any;
-            };
-            errorActive: {
-                name: string;
-                fill: any;
-            };
-        };
-    };
-    rating: {
-        default: {
-            display: string;
-            gap: number;
-            position: string;
-            overflow: string;
-        };
-        progress: {
-            default: {
-                position: string;
-                display: string;
-                overflow: string;
-                left: number;
-                svg: {
-                    flexShrink: number;
-                    flexGrow: number;
-                };
-            };
-        };
-        radioInput: {
-            default: {
-                display: string;
-            };
-        };
-        label: {
-            default: {
-                cursor: string;
-            };
-            active: {
-                '&:hover': {
-                    transform: string;
-                    transition: any;
-                };
-            };
-            readOnly: {
-                cursor: string;
-            };
-        };
-        size: {
-            sm: {
-                width: number;
-                height: number;
-            };
-            md: {
-                width: number;
-                height: number;
-            };
-            lg: {
-                width: number;
-                height: number;
-            };
-            xl: {
-                width: number;
-                height: number;
-            };
-        };
-        icons: {
-            rateActive: {
-                name: string;
-            };
-            rateInactive: {
-                name: string;
-            };
-        };
-    };
-    header: {
-        container: {
-            fontFamily: string;
-            alignItems: string;
-            backgroundColor: string;
-            maxWidth: string;
-        };
-        topBannerRow: {
-            width: string;
-            backgroundColor: string;
-            color: string;
-        };
-        searchColumn: {
-            default: {
-                flexDirection: string;
-                justifyContent: string;
-                '& a': {
-                    margin: string;
-                };
-            };
-        };
-        navigationRow: {
-            default: {
-                width: string;
-                padding: string;
-                alignItems: string;
-            };
-        };
-        actionsColumn: {
-            default: {
-                flexDirection: string;
-                '& > button': {
-                    margin: string;
-                };
-            };
-        };
-        menuRow: {
-            default: {
-                width: string;
-                justifyContent: string;
-            };
-            column: {
-                flexDirection: string;
-                '& a': {
-                    margin: string;
-                };
-            };
-        };
-        children: {
-            default: {
-                margin: string;
-            };
-        };
-        mobile: {
-            openedDropdownWrapper: {
-                position: string;
-                top: number;
-                left: number;
-                zIndex: number;
-                background: string;
-                width: string;
-                height: string;
-                padding: string;
-                overflowY: string;
-            };
-            closeMenuIconWrapper: {
-                width: string;
-                height: string;
-                display: string;
-                justifyContent: string;
-                alignItems: string;
-            };
-            openMenuIconWrapper: {
-                width: string;
-                height: string;
-                display: string;
-                justifyContent: string;
-                alignItems: string;
-            };
-            menuWrapper: {
-                margin: string;
-                borderTop: string;
-            };
-            menuItemWrapper: {
-                padding: string;
-                borderBottom: string;
-                cursor: string;
-            };
-        };
-        icons: {
-            close: {
-                name: string;
-                width: number;
-                height: number;
-            };
-            right: {
-                name: string;
-                width: number;
-                height: number;
-            };
-            menu: {
-                name: string;
-                width: number;
-                height: number;
-            };
-        };
-    };
-    switchToken: {
-        default: {
-            position: string;
-            display: string;
-            width: string;
-            height: string;
-            flexShrink: number;
-            borderRadius: string;
-        };
-        label: {
-            right: {
-                order: number;
-            };
-        };
-        wrapper: {
-            default: {
-                display: string;
-                gap: string | number;
-                justifyContent: string;
-                cursor: string;
-            };
-            disabled: {
-                cursor: string;
-                opacity: string;
-            };
-        };
-        slider: {
-            default: {
-                position: string;
-                left: number;
-                right: number;
-                top: number;
-                bottom: number;
-                transition: string;
-                backgroundColor: string;
-                borderRadius: string;
-                '&::before': {
-                    position: string;
-                    content: string;
-                    borderRadius: string;
-                    width: string;
-                    height: string;
-                    left: string;
-                    bottom: string;
-                    transition: string;
-                    backgroundColor: string;
-                };
-            };
-            checked: {
-                backgroundColor: string;
-                '&::before': {
-                    transform: string;
-                };
-            };
-        };
-        checkbox: {
-            border: number;
-            clip: string;
-            height: string;
-            margin: string;
-            overflow: string;
-            padding: number;
-            position: string;
-            whiteSpace: string;
-            width: string;
-        };
-    };
-    chat: {
-        wrapper: {
-            default: {
-                display: string;
-                position: string;
-                minHeight: string;
-                height: string;
-                width: string;
-                overflow: string;
-            };
-        };
-        content: {
-            default: {
-                boxSizing: string;
-                position: string;
-                width: string;
-                height: string;
-                display: string;
-                flexDirection: string;
-                justifyContent: string;
-                alignItems: string;
-                paddingBottom: string | number;
-                gap: string | number;
-                minHeight: 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;
-            display: string;
-            overflow: string;
-            alignItems: string;
-            padding: string;
-            borderBottom: string;
-            borderColor: string;
-        };
-        body: {
-            display: string;
-            flex: number;
-            flexDirection: string;
-        };
-        sidebar: {
-            minWidth: string;
-            maxWidth: string;
-            overflow: string;
-            borderRight: string;
-            backgroundColor: string;
-            borderColor: string;
-            flex: string;
-            display: string;
-            flexDirection: string;
-            minHeight: string;
-        };
-        sidebarWrapper: {
-            default: {};
-            auto: {
-                '@media (max-width: 768px)': {
-                    position: string;
-                    display: string;
-                    flexDirection: string;
-                    left: number;
-                    top: number;
-                    right: number;
-                    bottom: number;
-                    backgroundColor: string;
-                    zIndex: number;
-                };
-            };
-            desktop: {};
-            drawer: {
-                position: string;
-                display: string;
-                flexDirection: string;
-                left: number;
-                top: number;
-                right: number;
-                bottom: number;
-                backgroundColor: string;
-                zIndex: number;
-            };
-        };
-        sidebarHeader: {
-            minHeight: string;
-            height: string;
-            display: string;
-            overflow: string;
-            alignItems: string;
-            padding: string;
-            borderBottom: string;
-            borderColor: string;
-        };
-        toggleButton: {
-            default: {
-                height: string;
-                backgroundColor: string;
-                padding: number;
-                transform: string;
-                '&:hover': {
-                    backgroundColor: string;
-                };
-            };
-            attrs: {
-                variant: import('../types').ButtonVariant;
-            };
-            open: {
-                transform: string;
-            };
-        };
-        toggleIcon: {
-            name: string;
-            fill: string;
-            width: number;
-            height: number;
-        };
-    };
-    slider: {
-        default: {
-            position: string;
-            display: string;
-            inlineSize: string;
-            color: string;
-            cursor: string;
-            WebkitAppearance: string;
-            appearance: string;
-            padding: string;
-            backgroundColor: string;
-            outline: string;
-            '&[disabled]': {
-                opacity: string;
-                cursor: 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;
-            };
-        };
-    };
-    menu: {
-        wrapper: {
-            default: {
-                padding: string;
-                height: string;
-            };
-        };
-        content: {
-            default: {
-                backgroundColor: string;
-                position: string;
-                boxShadow: string;
-            };
-        };
-    };
-};