gd-design-library 0.0.1

package/tokens/defaultTheme.d.ts

@@ -0,0 +1,1425 @@
+export declare const defaultTheme: {
+    name: string;
+    reset: {};
+    typography: {
+        base: {
+            fontFamily: string;
+        };
+        inherit: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        light: {
+            fontWeight: number;
+        };
+        normal: {
+            fontWeight: number;
+        };
+        semibold: {
+            fontWeight: number;
+        };
+        strong: {
+            fontWeight: number;
+        };
+        i: {
+            fontStyle: string;
+        };
+        uppercase: {
+            textTransform: string;
+        };
+        lowercase: {
+            textTransform: string;
+        };
+        underline: {
+            textDecoration: string;
+        };
+        strike: {
+            textDecoration: 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;
+        };
+        p: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+        };
+        small: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+        };
+        caption: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+        };
+        span: {
+            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;
+            };
+        };
+    };
+    button: {
+        default: {
+            border: string;
+            outline: string;
+            padding: string;
+            display: string;
+            alignItems: string;
+            gap: string;
+            transition: string;
+            cursor: string;
+            '&:focus-visible': {
+                position: string;
+                '&::after': {
+                    content: string;
+                    position: string;
+                    top: string;
+                    right: string;
+                    bottom: string;
+                    left: string;
+                    border: string;
+                };
+            };
+            '&:disabled, &:disabled *': {
+                cursor: string;
+                color: string;
+            };
+        };
+        icon: {
+            padding: string;
+        };
+        content: {};
+        startIcon: {};
+        endIcon: {};
+        contained: {
+            primary: {
+                background: string;
+                color: string;
+                '&:hover': {
+                    background: string;
+                };
+                '&:disabled': {
+                    background: string;
+                };
+            };
+            secondary: {
+                color: string;
+                background: string;
+                '&:hover': {
+                    background: string;
+                };
+                '&:disabled': {
+                    background: string;
+                };
+            };
+        };
+        outlined: {
+            primary: {
+                border: string;
+                background: string;
+                color: string;
+                '&:hover': {
+                    background: string;
+                };
+                '&:disabled': {
+                    background: string;
+                };
+            };
+            secondary: {
+                color: string;
+                background: string;
+                '&:hover': {
+                    background: string;
+                };
+                '&:disabled': {
+                    background: string;
+                };
+            };
+        };
+        text: {
+            primary: {
+                background: string;
+                color: string;
+                '&:hover': {
+                    background: string;
+                };
+                '&:disabled': {
+                    background: string;
+                };
+            };
+            secondary: {
+                background: string;
+                color: string;
+                '&:not(:disabled):hover': {
+                    textDecoration: string;
+                };
+                '&:disabled': {
+                    background: string;
+                };
+            };
+        };
+        inherit: {
+            primary: {
+                padding: string;
+            };
+            secondary: {
+                padding: string;
+            };
+        };
+    };
+    input: {
+        base: {
+            display: string;
+            boxSizing: string;
+            borderRadius: string;
+            border: string;
+            lineHeight: string;
+            paddingLeft: string;
+            paddingRight: string;
+            outline: string;
+            position: string;
+            borderColor: string;
+            '&[type="text"], &[type="password"]': {
+                height: string;
+            };
+            '&[type="text"].input--error': {
+                borderColor: string;
+            };
+            '&[type="text"].input--success': {
+                borderColor: string;
+            };
+            '&[readonly], &:disabled': {
+                backgroundColor: string;
+                cursor: string;
+            };
+            '&[type="checkbox"]': {
+                appearance: string;
+                height: string;
+                width: string;
+                backgroundColor: string;
+                border: string;
+                backgroundImage: string;
+            };
+            '&[type="checkbox"]:checked': {
+                backgroundRepeat: string;
+                backgroundPosition: string;
+                backgroundSize: string;
+                backgroundColor: string;
+                border: string;
+                backgroundImage: string;
+                '&[readonly], &:disabled': {
+                    backgroundImage: string;
+                };
+            };
+            '&[type="radio"]': {
+                appearance: string;
+                height: string;
+                width: string;
+                border: string;
+                backgroundImage: string;
+            };
+            '&[type="radio"]:checked': {
+                backgroundImage: string;
+            };
+        };
+        error: {
+            '&[type="text"]': {
+                borderColor: string;
+            };
+        };
+        success: {
+            '&[type="text"]': {
+                borderColor: string;
+            };
+        };
+    };
+    label: {
+        default: {};
+        variants: {
+            default: {};
+            text: {
+                '&:hover': {};
+                '&:disabled': {};
+                primary: {
+                    '&:hover': {};
+                    '&:disabled': {};
+                };
+                error: {
+                    '&:hover': {};
+                    '&:disabled': {};
+                };
+            };
+        };
+    };
+    flexContainer: {
+        default: {
+            display: string;
+            width: string;
+            margin: 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('..').Cursors;
+                textDecoration: string;
+                backgroundColor: string;
+                '&::after': {
+                    borderBottomColor: string;
+                };
+            };
+        };
+        primary: {
+            '&::after': {
+                content: string;
+                position: string;
+                right: string;
+                bottom: string;
+                left: string;
+                borderBottom: string;
+            };
+            '&:hover': {
+                backgroundColor: string;
+                '&::after': {
+                    borderBottomColor: string;
+                };
+            };
+        };
+        secondary: {
+            '&::after': {
+                content: string;
+                position: string;
+                right: string;
+                bottom: string;
+                left: string;
+                borderBottom: string;
+            };
+            '&:hover': {
+                backgroundColor: string;
+                '&::after': {
+                    borderBottomColor: string;
+                };
+            };
+        };
+        inherit: {
+            color: string;
+        };
+    };
+    form: {
+        default: {};
+    };
+    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: {
+            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;
+        };
+    };
+    display: {
+        flex: string;
+        grid: string;
+        block: string;
+        inline: string;
+        inlineBlock: string;
+        none: string;
+    };
+    cursors: {
+        default: string;
+        pointer: string;
+        text: string;
+        move: string;
+        wait: string;
+        crosshair: string;
+        notAllowed: string;
+        grab: string;
+        grabbing: string;
+        help: string;
+        progress: string;
+        alias: string;
+        zoomIn: string;
+        zoomOut: string;
+    };
+    values: {
+        borderThin: string;
+        borderMedium: string;
+        borderThick: string;
+        borderNone: string;
+        border: {
+            radius: {
+                none: string;
+            };
+        };
+        screenSmall: string;
+        screenMedium: string;
+        screenLarge: string;
+        screenXLarge: string;
+        responsiveSmall: string;
+        responsiveMedium: string;
+        responsiveLarge: string;
+        responsiveXLarge: string;
+        zIndex: {
+            snackbar: number;
+        };
+        transitions: {
+            stepper: {
+                separator: string;
+                stepIcon: string;
+            };
+        };
+    };
+    flexAlignItems: {
+        start: string;
+        center: string;
+        end: string;
+        baseline: string;
+        stretch: string;
+    };
+    textarea: {
+        default: {};
+        variants: {
+            default: {};
+            outlined: {
+                '&:hover': {};
+                '&:active': {};
+                '&:focus': {};
+                '&:disabled': {};
+                '&:read-only': {};
+                primary: {
+                    '&:hover': {};
+                    '&:active': {};
+                    '&:focus': {};
+                    '&:disabled': {};
+                    '&:read-only': {};
+                };
+                secondary: {
+                    '&:hover': {};
+                    '&:active': {};
+                    '&:focus': {};
+                    '&:disabled': {};
+                    '&:read-only': {};
+                };
+                default: {
+                    '&: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': {};
+                };
+            };
+        };
+    };
+    row: {
+        default: {
+            display: string;
+        };
+    };
+    switchToggle: {
+        default: {
+            display: string;
+            position: string;
+            padding: string;
+            border: string;
+        };
+    };
+    column: {
+        default: {
+            display: string;
+        };
+    };
+    tooltip: {
+        default: {
+            position: "absolute";
+            display: string;
+            backgroundColor: string;
+            padding: string;
+            whiteSpace: string;
+            '&::after': {
+                position: "absolute";
+                content: string;
+                border: string;
+            };
+            '&.tooltip-bottom': {
+                transform: string;
+                '&::after': {
+                    top: number;
+                    left: string;
+                    borderLeftColor: string;
+                    borderTopColor: string;
+                    transform: string;
+                };
+            };
+            '&.tooltip-top': {
+                transform: string;
+                '&::after': {
+                    bottom: number;
+                    left: string;
+                    borderRightColor: string;
+                    borderBottomColor: string;
+                    transform: string;
+                };
+            };
+            '&.tooltip-left': {
+                transform: string;
+                '&::after': {
+                    right: number;
+                    top: string;
+                    borderRightColor: string;
+                    borderTopColor: string;
+                    transform: string;
+                };
+            };
+            '&.tooltip-right': {
+                transform: string;
+                '&::after': {
+                    left: number;
+                    top: string;
+                    borderLeftColor: string;
+                    borderBottomColor: string;
+                    transform: string;
+                };
+            };
+        };
+    };
+    animations: {
+        spinKeyframes: {
+            '0%': {
+                transform: string;
+            };
+            '100%': {
+                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;
+            };
+        };
+    };
+    modal: {
+        header: {
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+            padding: string;
+            fontSize: string;
+            fontWeight: string;
+            borderBottom: string;
+        };
+        title: {
+            display: string;
+            alignItems: string;
+            padding: string;
+            margin: string;
+        };
+        body: {
+            padding: string;
+            fontSize: string;
+            color: string;
+        };
+        content: {
+            background: string;
+            padding: string;
+            borderRadius: string;
+            maxWidth: string;
+            width: string;
+            boxShadow: string;
+            position: string;
+            display: string;
+            flexDirection: string;
+        };
+        footer: {
+            display: string;
+            justifyContent: string;
+            gap: string;
+            padding: string;
+            borderTop: string;
+        };
+        closeButton: {
+            background: string;
+            border: string;
+            cursor: string;
+            padding: string;
+        };
+        overlay: {
+            position: string;
+            top: number;
+            left: number;
+            width: string;
+            height: string;
+            background: string;
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+            zIndex: number;
+        };
+    };
+    snackbar: {
+        zIndex: number;
+        backgroundColor: {
+            success: string;
+            error: string;
+            warning: string;
+            info: string;
+        };
+        spacing: {
+            body: string;
+        };
+        closeIcon: {
+            name: string;
+            width: number;
+            height: number;
+        };
+        container: {
+            position: string;
+            display: string;
+            flexDirection: string;
+            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: {
+            base: {
+                position: "relative";
+                boxShadow: string;
+                width: string;
+                fontFamily: "\"Fira Sans\", sans-serif";
+                fontSize: string;
+                display: "flex";
+                flexDirection: "column";
+                gap: string;
+                color: string;
+                '& .content': {
+                    display: "flex";
+                    alignItems: "flex-start";
+                    gap: string;
+                };
+                '& .title': {
+                    fontWeight: number;
+                    margin: number;
+                };
+                '& .description': {
+                    fontWeight: number;
+                    margin: number;
+                    color: string;
+                };
+                '& .actions': {
+                    display: "flex";
+                    justifyContent: "flex-start";
+                    gap: string;
+                    paddingTop: string;
+                    marginLeft: string;
+                };
+            };
+            background: {
+                default: string;
+                variants: {
+                    success: string;
+                    error: string;
+                    warning: string;
+                    info: string;
+                };
+            };
+            spacing: {
+                body: string;
+            };
+            animation: {
+                duration: string;
+                timing: "ease-out";
+            };
+            content: {
+                display: "flex";
+                alignItems: "flex-start";
+                gap: string;
+            };
+            title: {
+                fontWeight: number;
+                margin: number;
+            };
+            description: {
+                fontWeight: number;
+                margin: number;
+                color: string;
+            };
+            actions: {
+                display: "flex";
+                justifyContent: "flex-start";
+                gap: string;
+                paddingTop: string;
+                marginLeft: string;
+            };
+        };
+        scrollbar: {
+            width: string;
+            background: string;
+            thumb: {
+                background: string;
+                borderRadius: string;
+            };
+            track: {
+                background: string;
+            };
+            hoverThumb: {
+                background: string;
+            };
+            scrollingThumb: {
+                background: string;
+            };
+        };
+        positions: {
+            "top-left": {
+                top: number;
+                left: number;
+                alignItems: string;
+            };
+            "top-center": {
+                top: string;
+                left: string;
+                transform: string;
+                alignItems: string;
+            };
+            "top-right": {
+                top: string;
+                right: string;
+                alignItems: string;
+            };
+            "bottom-left": {
+                bottom: string;
+                left: string;
+                alignItems: string;
+                flexDirection: string;
+            };
+            "bottom-center": {
+                bottom: string;
+                left: string;
+                transform: string;
+                alignItems: string;
+                flexDirection: string;
+            };
+            "bottom-right": {
+                bottom: string;
+                right: string;
+                alignItems: string;
+                flexDirection: string;
+            };
+        };
+        defaultPosition: {
+            bottom: string;
+            right: string;
+            alignItems: string;
+            flexDirection: string;
+        };
+        actionButton: {
+            base: {
+                padding: string;
+                borderRadius: string;
+                cursor: string;
+                fontSize: string;
+                transition: "background 0.2s";
+            };
+        };
+        closeButton: {
+            position: "absolute";
+            top: string;
+            right: string;
+            background: string;
+            border: string;
+            cursor: string;
+            padding: string;
+        };
+    };
+    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;
+        };
+    };
+    list: {
+        wrapper: {
+            base: {
+                listStyle: string;
+                padding: string;
+                margin: string;
+            };
+            "ordered-circle": {
+                counterReset: string;
+                paddingLeft: string;
+            };
+            "ordered-square": {
+                counterReset: string;
+                paddingLeft: string;
+            };
+        };
+        item: {
+            base: {
+                display: string;
+                alignItems: string;
+                flexDirection: string;
+                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: string;
+                "& .List__bulletPoint": {
+                    marginRight: string;
+                    color: string;
+                };
+            };
+            "unordered-dot": {
+                counterReset: string;
+                paddingLeft: string;
+                "& .List__bulletPoint": {
+                    marginRight: string;
+                    color: string;
+                };
+            };
+        };
+    };
+    breadcrumbs: {
+        wrapper: {
+            display: string;
+            alignItems: string;
+            gap: number;
+        };
+        bordered: {
+            padding: string;
+            border: string;
+        };
+        itemStart: {
+            color: string;
+        };
+        itemEnd: {
+            color: string;
+        };
+        item: {};
+        separator: {
+            display: string;
+            alignItems: string;
+            color: string;
+        };
+    };
+    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;
+            };
+        };
+    };
+    tabs: {
+        default: {
+            display: string;
+            flexDirection: string;
+            width: string;
+        };
+        header: {
+            display: string;
+            flexDirection: string;
+            position: string;
+            '&::after': {
+                content: string;
+                position: string;
+                width: string;
+                bottom: number;
+                zIndex: number;
+                borderBottom: string;
+            };
+        };
+        label: {
+            default: {
+                fontWeight: number;
+                fontSize: string;
+                color: string;
+                transition: string;
+                borderBottom: string;
+                '&:hover': {
+                    ".Tabs__noticeCounter": {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            active: {
+                borderBottomColor: string;
+            };
+            disabled: {
+                default: {
+                    '&:hover': {
+                        ".Tabs__noticeCounter": {
+                            backgroundColor: string;
+                        };
+                    };
+                    ".Tabs__noticeCounter": {
+                        color: string;
+                    };
+                    borderBottom: string;
+                };
+                active: {
+                    borderBottomWidth: string;
+                    borderBottomColor: string;
+                };
+            };
+        };
+        panelsWrapper: {};
+        panel: {};
+        noticeCounter: {
+            default: {
+                width?: number | undefined;
+                height?: number | undefined;
+                display: string;
+                alignItems: string;
+                justifyContent: string;
+                backgroundColor: string;
+                color: string;
+                fontWeight: number;
+                fontSize: string;
+                borderRadius: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+            disabled: {
+                backgroundColor: 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: string;
+                borderTop: string;
+            };
+            active: {};
+            complete: {
+                borderTopColor: string;
+            };
+            inactive: {};
+        };
+        step: {
+            default: {
+                display: string;
+                flexDirection: string;
+                alignItems: string;
+                justifyContent: string;
+                minWidth: string;
+            };
+            active: {};
+            inactive: {};
+            complete: {
+                cursor: import('..').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: string;
+                colors: string;
+            };
+            active: {
+                default: {
+                    backgroundColor: string;
+                    borderColor: string;
+                };
+                success: {};
+                error: {
+                    backgroundColor: string;
+                    borderColor: string;
+                };
+            };
+            inactive: {
+                default: {
+                    backgroundColor: string;
+                };
+                success: {};
+                error: {};
+            };
+            complete: {
+                default: {
+                    fontWeight: number;
+                    backgroundColor: string;
+                };
+                success: {};
+                error: {
+                    backgroundColor: string;
+                    borderColor: string;
+                };
+            };
+            success: {
+                default: {};
+                success: {};
+                error: {};
+            };
+        };
+        stepLabel: {
+            default: {
+                marginTop: string;
+                fontSize: {
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                };
+                colors: string;
+            };
+            active: {};
+            inactive: {};
+            complete: {};
+            error: {};
+            success: {};
+        };
+    };
+    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.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: string;
+            warning: string;
+            primary: {
+                default: string;
+                hover: string;
+            };
+        };
+        icon: {
+            primary: {
+                default: string;
+                active: string;
+                disabled: string;
+            };
+            success: string;
+            info: string;
+            warning: string;
+            error: string;
+        };
+    };
+};