@punkbit/cui 0.0.251-rc.16 → 0.2.0-rc.3

package/dist/theme/tokens/variables.light.d.ts

@@ -1,3795 +0,0 @@
-declare const theme: {
-    click: {
-        accordion: {
-            sm: {
-                icon: {
-                    size: {
-                        height: string;
-                        width: string;
-                    };
-                };
-                space: {
-                    gap: string;
-                };
-                typography: {
-                    label: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                };
-            };
-            md: {
-                icon: {
-                    size: {
-                        height: string;
-                        width: string;
-                    };
-                };
-                space: {
-                    gap: string;
-                };
-                typography: {
-                    label: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                };
-            };
-            lg: {
-                icon: {
-                    size: {
-                        height: string;
-                        width: string;
-                    };
-                };
-                space: {
-                    gap: string;
-                };
-                typography: {
-                    label: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                };
-            };
-            color: {
-                default: {
-                    label: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                    icon: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                };
-                link: {
-                    label: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                    icon: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                };
-            };
-        };
-        alert: {
-            medium: {
-                space: {
-                    y: string;
-                    x: string;
-                    gap: string;
-                    banner: string;
-                };
-                typography: {
-                    title: {
-                        default: string;
-                    };
-                    text: {
-                        default: string;
-                    };
-                };
-                icon: {
-                    height: string;
-                    width: string;
-                };
-            };
-            small: {
-                space: {
-                    y: string;
-                    x: string;
-                    gap: string;
-                    banner: string;
-                };
-                icon: {
-                    height: string;
-                    width: string;
-                };
-                typography: {
-                    title: {
-                        default: string;
-                    };
-                    text: {
-                        default: string;
-                    };
-                };
-            };
-            radii: {
-                center: string;
-                end: string;
-            };
-            color: {
-                background: {
-                    default: string;
-                    success: string;
-                    neutral: string;
-                    danger: string;
-                    warning: string;
-                    info: string;
-                };
-                text: {
-                    default: string;
-                    success: string;
-                    neutral: string;
-                    danger: string;
-                    warning: string;
-                    info: string;
-                };
-                iconBackground: {
-                    default: string;
-                    success: string;
-                    neutral: string;
-                    danger: string;
-                    warning: string;
-                    info: string;
-                };
-                iconForeground: {
-                    default: string;
-                    success: string;
-                    neutral: string;
-                    danger: string;
-                    warning: string;
-                    info: string;
-                };
-            };
-        };
-        avatar: {
-            typography: {
-                label: {
-                    sm: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                    md: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                };
-            };
-            size: {
-                label: {
-                    width: string;
-                };
-                width: string;
-                height: string;
-            };
-            radii: {
-                all: string;
-            };
-            color: {
-                background: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                };
-                text: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                };
-            };
-        };
-        badge: {
-            space: {
-                md: {
-                    x: string;
-                    y: string;
-                    gap: string;
-                };
-                sm: {
-                    x: string;
-                    y: string;
-                    gap: string;
-                };
-            };
-            typography: {
-                label: {
-                    md: {
-                        default: string;
-                    };
-                    sm: {
-                        default: string;
-                    };
-                };
-            };
-            radii: {
-                all: string;
-            };
-            stroke: string;
-            icon: {
-                md: {
-                    size: {
-                        height: string;
-                        width: string;
-                    };
-                };
-                sm: {
-                    size: {
-                        height: string;
-                        width: string;
-                    };
-                };
-            };
-            opaque: {
-                color: {
-                    background: {
-                        default: string;
-                        success: string;
-                        neutral: string;
-                        danger: string;
-                        disabled: string;
-                        info: string;
-                        warning: string;
-                    };
-                    text: {
-                        default: string;
-                        success: string;
-                        neutral: string;
-                        danger: string;
-                        disabled: string;
-                        info: string;
-                        warning: string;
-                    };
-                    stroke: {
-                        default: string;
-                        success: string;
-                        neutral: string;
-                        danger: string;
-                        disabled: string;
-                        info: string;
-                        warning: string;
-                    };
-                };
-            };
-            solid: {
-                color: {
-                    background: {
-                        default: string;
-                        success: string;
-                        neutral: string;
-                        danger: string;
-                        disabled: string;
-                        info: string;
-                        warning: string;
-                    };
-                    text: {
-                        default: string;
-                        success: string;
-                        neutral: string;
-                        danger: string;
-                        disabled: string;
-                        info: string;
-                        warning: string;
-                    };
-                    stroke: {
-                        default: string;
-                        success: string;
-                        neutral: string;
-                        danger: string;
-                        disabled: string;
-                        info: string;
-                        warning: string;
-                    };
-                };
-            };
-        };
-        bigStat: {
-            space: {
-                all: string;
-                sm: {
-                    gap: string;
-                };
-                lg: {
-                    gap: string;
-                };
-            };
-            radii: {
-                all: string;
-            };
-            stroke: string;
-            typography: {
-                lg: {
-                    label: {
-                        default: string;
-                        muted: string;
-                    };
-                    title: {
-                        default: string;
-                        muted: string;
-                    };
-                };
-                sm: {
-                    label: {
-                        default: string;
-                        muted: string;
-                    };
-                    title: {
-                        default: string;
-                        muted: string;
-                    };
-                };
-            };
-            color: {
-                stroke: {
-                    default: string;
-                    muted: string;
-                    danger: string;
-                };
-                background: {
-                    default: string;
-                    muted: string;
-                };
-                label: {
-                    default: string;
-                    muted: string;
-                    danger: string;
-                };
-                title: {
-                    default: string;
-                    muted: string;
-                };
-            };
-        };
-        button: {
-            radii: {
-                all: string;
-            };
-            basic: {
-                space: {
-                    x: string;
-                    y: string;
-                    gap: string;
-                    group: string;
-                };
-                typography: {
-                    label: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    mobile: {
-                        label: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                    };
-                };
-                size: {
-                    icon: {
-                        height: string;
-                        all: string;
-                        width: string;
-                    };
-                };
-                color: {
-                    primary: {
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                            loading: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        text: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                    };
-                    secondary: {
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                            loading: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        text: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                    };
-                    danger: {
-                        text: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                            loading: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                    };
-                    empty: {
-                        text: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                            loading: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                    };
-                };
-            };
-            iconButton: {
-                default: {
-                    space: {
-                        x: string;
-                        y: string;
-                    };
-                };
-                size: {
-                    small: string;
-                    medium: string;
-                    large: string;
-                };
-                radii: {
-                    all: string;
-                };
-                sm: {
-                    space: {
-                        x: string;
-                        y: string;
-                    };
-                };
-                xs: {
-                    space: {
-                        x: string;
-                        y: string;
-                    };
-                };
-                color: {
-                    primary: {
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                        text: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                    };
-                    secondary: {
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                        text: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                    };
-                    disabled: {
-                        background: {
-                            default: string;
-                        };
-                        text: {
-                            default: string;
-                        };
-                    };
-                    danger: {
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                        text: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                    };
-                    ghost: {
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                        text: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                    };
-                    info: {
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                        text: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                    };
-                };
-            };
-            stroke: string;
-            split: {
-                icon: {
-                    space: {
-                        y: string;
-                        x: string;
-                    };
-                };
-                space: {
-                    x: string;
-                    y: string;
-                    gap: string;
-                };
-                typography: {
-                    label: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    mobile: {
-                        label: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                    };
-                };
-                primary: {
-                    divide: {
-                        default: string;
-                        active: string;
-                        hover: string;
-                        disabled: string;
-                    };
-                    background: {
-                        main: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        action: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                    };
-                    text: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    stroke: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                };
-                secondary: {
-                    divide: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    background: {
-                        main: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        action: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                    };
-                    text: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    stroke: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                };
-            };
-            mobile: {
-                button: {
-                    space: {
-                        x: string;
-                        y: string;
-                        gap: string;
-                    };
-                };
-                basic: {
-                    size: {
-                        icon: {
-                            all: string;
-                        };
-                    };
-                };
-            };
-            group: {
-                radii: {
-                    button: {
-                        default: {
-                            all: string;
-                        };
-                        borderless: {
-                            all: string;
-                        };
-                    };
-                    panel: {
-                        all: string;
-                    };
-                };
-                typography: {
-                    label: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    mobile: {
-                        label: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                    };
-                };
-                space: {
-                    panel: {
-                        default: {
-                            x: string;
-                            y: string;
-                            gap: string;
-                        };
-                        borderless: {
-                            x: string;
-                            y: string;
-                            gap: string;
-                        };
-                    };
-                    button: {
-                        default: {
-                            y: string;
-                            x: string;
-                        };
-                        borderless: {
-                            y: string;
-                            x: string;
-                        };
-                    };
-                };
-                color: {
-                    background: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                        "disabled-active": string;
-                        panel: string;
-                    };
-                    text: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                        "disabled-active": string;
-                    };
-                    stroke: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                        "disabled-active": string;
-                        panel: string;
-                    };
-                    panel: {
-                        stroke: {
-                            default: string;
-                            borderless: string;
-                        };
-                    };
-                };
-            };
-            alignLeft: {
-                size: {
-                    icon: {
-                        all: string;
-                    };
-                };
-                space: {
-                    x: string;
-                    y: string;
-                    gap: string;
-                };
-                typography: {
-                    label: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    mobile: {
-                        label: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                    };
-                };
-            };
-            alignedLeft: {
-                color: {
-                    background: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                    stroke: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                    text: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                };
-            };
-        };
-        card: {
-            secondary: {
-                space: {
-                    all: string;
-                    gap: string;
-                    link: {
-                        gap: string;
-                    };
-                };
-                radii: {
-                    all: string;
-                };
-                icon: {
-                    size: {
-                        all: string;
-                    };
-                };
-                stroke: string;
-                color: {
-                    background: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    title: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    description: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    link: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    stroke: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                };
-            };
-            typography: {
-                title: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                };
-                description: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                };
-                link: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                };
-            };
-            primary: {
-                size: {
-                    icon: {
-                        sm: {
-                            all: string;
-                        };
-                        md: {
-                            all: string;
-                        };
-                    };
-                };
-                space: {
-                    md: {
-                        y: string;
-                        x: string;
-                        gap: string;
-                    };
-                    sm: {
-                        y: string;
-                        x: string;
-                        gap: string;
-                    };
-                };
-                radii: {
-                    all: string;
-                };
-                stroke: string;
-                color: {
-                    background: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    title: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    description: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    stroke: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                };
-            };
-            shadow: string;
-            horizontal: {
-                radii: {
-                    all: string;
-                };
-                typography: {
-                    title: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    description: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                };
-                icon: {
-                    size: {
-                        all: string;
-                    };
-                };
-                space: {
-                    md: {
-                        y: string;
-                        x: string;
-                        gap: string;
-                    };
-                    sm: {
-                        y: string;
-                        x: string;
-                        gap: string;
-                    };
-                };
-                default: {
-                    color: {
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        title: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        description: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                    };
-                };
-                muted: {
-                    color: {
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        title: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        description: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                    };
-                };
-            };
-            promotion: {
-                radii: {
-                    all: string;
-                };
-                typography: {
-                    text: {
-                        default: string;
-                    };
-                };
-                space: {
-                    y: string;
-                    x: string;
-                    gap: string;
-                };
-                icon: {
-                    size: {
-                        all: string;
-                    };
-                };
-                color: {
-                    background: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                    icon: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                    stroke: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        focus: string;
-                    };
-                    text: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                };
-            };
-        };
-        checkbox: {
-            radii: {
-                all: string;
-            };
-            space: {
-                all: string;
-                gap: string;
-            };
-            size: {
-                all: string;
-            };
-            typography: {
-                label: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                };
-            };
-            color: {
-                variations: {
-                    default: {
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        check: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                    };
-                    var1: {
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        check: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                    };
-                    var2: {
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        check: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                    };
-                    var3: {
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        check: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                    };
-                    var4: {
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        check: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                    };
-                    var5: {
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        check: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                    };
-                    var6: {
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        stroke: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        check: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                    };
-                };
-                check: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                };
-                background: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                };
-                stroke: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                };
-            };
-        };
-        codeblock: {
-            space: {
-                x: string;
-                y: string;
-                gap: string;
-            };
-            radii: {
-                all: string;
-            };
-            stroke: string;
-            typography: {
-                text: {
-                    default: string;
-                };
-            };
-            numbers: {
-                size: {
-                    width: string;
-                };
-            };
-            darkMode: {
-                color: {
-                    background: {
-                        default: string;
-                    };
-                    text: {
-                        default: string;
-                    };
-                    numbers: {
-                        default: string;
-                    };
-                    button: {
-                        background: {
-                            default: string;
-                            hover: string;
-                        };
-                        foreground: {
-                            default: string;
-                        };
-                    };
-                    stroke: {
-                        default: string;
-                    };
-                };
-            };
-            lightMode: {
-                color: {
-                    background: {
-                        default: string;
-                    };
-                    text: {
-                        default: string;
-                    };
-                    numbers: {
-                        default: string;
-                    };
-                    button: {
-                        background: {
-                            default: string;
-                            hover: string;
-                        };
-                        foreground: {
-                            default: string;
-                        };
-                    };
-                    stroke: {
-                        default: string;
-                    };
-                };
-            };
-            monacoTheme: {
-                parameter: {
-                    foreground: string;
-                    background: string;
-                };
-            };
-        };
-        codeInline: {
-            space: {
-                x: string;
-            };
-            stroke: string;
-            typography: {
-                text: {
-                    default: string;
-                };
-            };
-            radii: {
-                all: string;
-            };
-            color: {
-                background: {
-                    default: string;
-                };
-                text: {
-                    default: string;
-                };
-                stroke: {
-                    default: string;
-                };
-            };
-        };
-        container: {
-            space: {
-                none: string;
-                xxs: string;
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-                xl: string;
-                xxl: string;
-            };
-            gap: {
-                none: string;
-                xxs: string;
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-                xl: string;
-                xxl: string;
-            };
-        };
-        datePicker: {
-            dateOption: {
-                space: {
-                    gap: string;
-                };
-                radii: {
-                    default: string;
-                    range: string;
-                };
-                stroke: string;
-                size: {
-                    height: string;
-                    width: string;
-                };
-                typography: {
-                    label: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                        range: string;
-                    };
-                };
-                color: {
-                    label: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                        range: string;
-                    };
-                    background: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                        range: string;
-                    };
-                    stroke: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                        range: string;
-                    };
-                };
-            };
-            space: {
-                gap: string;
-            };
-            typography: {
-                daytitle: {
-                    default: string;
-                };
-                title: {
-                    default: string;
-                };
-            };
-            color: {
-                title: {
-                    default: string;
-                };
-                daytitle: {
-                    default: string;
-                };
-            };
-        };
-        dialog: {
-            space: {
-                y: string;
-                x: string;
-                gap: string;
-            };
-            title: {
-                space: {
-                    gap: string;
-                };
-            };
-            radii: {
-                all: string;
-            };
-            shadow: {
-                default: string;
-            };
-            stroke: {
-                default: string;
-            };
-            typography: {
-                title: {
-                    default: string;
-                };
-                description: {
-                    default: string;
-                };
-            };
-            color: {
-                background: {
-                    default: string;
-                };
-                title: {
-                    default: string;
-                };
-                description: {
-                    default: string;
-                };
-                opaqueBackground: {
-                    default: string;
-                };
-            };
-        };
-        docs: {
-            typography: {
-                titles: {
-                    lg: string;
-                    md: string;
-                    sm: string;
-                };
-                text: {
-                    default: string;
-                };
-                breadcrumbs: {
-                    default: string;
-                    active: string;
-                };
-                toc: {
-                    title: {
-                        default: string;
-                    };
-                    item: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                };
-            };
-        };
-        field: {
-            typography: {
-                label: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                    error: string;
-                };
-                fieldText: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                    error: string;
-                };
-                placeholder: {
-                    default: string;
-                };
-                format: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                    error: string;
-                };
-                genericLabel: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                    error: string;
-                };
-            };
-            type: {
-                mobile: {
-                    label: string;
-                    "field-value": string;
-                };
-            };
-            space: {
-                x: string;
-                y: string;
-                gap: string;
-            };
-            size: {
-                icon: string;
-            };
-            radii: {
-                all: string;
-            };
-            mobile: {
-                space: {
-                    x: string;
-                    y: string;
-                    gap: string;
-                };
-            };
-            color: {
-                genericLabel: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                };
-                background: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                    error: string;
-                };
-                text: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                    error: string;
-                };
-                stroke: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                    error: string;
-                };
-                label: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                    error: string;
-                };
-                placeholder: {
-                    default: string;
-                    disabled: string;
-                };
-                format: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                    error: string;
-                };
-            };
-        };
-        fileUpload: {
-            sm: {
-                icon: {
-                    size: {
-                        height: string;
-                        width: string;
-                    };
-                };
-                space: {
-                    gap: string;
-                    x: string;
-                    y: string;
-                };
-                radii: {
-                    all: string;
-                };
-                color: {
-                    icon: {
-                        default: string;
-                    };
-                };
-            };
-            md: {
-                icon: {
-                    size: {
-                        height: string;
-                        width: string;
-                    };
-                };
-                space: {
-                    gap: string;
-                    x: string;
-                    y: string;
-                };
-                radii: {
-                    all: string;
-                };
-                color: {
-                    icon: {
-                        default: string;
-                    };
-                };
-            };
-            typography: {
-                title: {
-                    default: string;
-                };
-                description: {
-                    default: string;
-                };
-            };
-            hasFile: {
-                space: {
-                    gap: string;
-                };
-                header: {
-                    space: {
-                        gap: string;
-                    };
-                };
-            };
-            transitions: {
-                all: string;
-            };
-            color: {
-                background: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    error: string;
-                };
-                stroke: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    error: string;
-                };
-                title: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    error: string;
-                };
-                description: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    error: string;
-                };
-            };
-        };
-        flyout: {
-            space: {
-                default: {
-                    x: string;
-                    y: string;
-                    gap: string;
-                    top: string;
-                    content: {
-                        x: string;
-                        y: string;
-                        "row-gap": string;
-                        "column-gap": string;
-                    };
-                };
-                inline: {
-                    x: string;
-                    y: string;
-                    gap: string;
-                    top: string;
-                    content: {
-                        x: string;
-                        y: string;
-                        "row-gap": string;
-                        "column-gap": string;
-                    };
-                };
-            };
-            shadow: {
-                default: string;
-                reverse: string;
-            };
-            size: {
-                default: {
-                    width: string;
-                    height: string;
-                };
-                wide: {
-                    width: string;
-                    height: string;
-                };
-                narrow: {
-                    width: string;
-                    height: string;
-                };
-                widest: {
-                    width: string;
-                    height: string;
-                };
-            };
-            typography: {
-                default: {
-                    description: {
-                        default: string;
-                    };
-                    title: {
-                        default: string;
-                    };
-                };
-                inline: {
-                    description: {
-                        default: string;
-                    };
-                    title: {
-                        default: string;
-                    };
-                };
-            };
-            color: {
-                background: {
-                    default: string;
-                };
-                title: {
-                    default: string;
-                };
-                description: {
-                    default: string;
-                };
-                stroke: {
-                    default: string;
-                };
-            };
-        };
-        genericMenu: {
-            item: {
-                space: {
-                    x: string;
-                    y: string;
-                    gap: string;
-                };
-                icon: {
-                    size: {
-                        height: string;
-                        width: string;
-                    };
-                };
-                typography: {
-                    label: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    sectionHeader: {
-                        default: string;
-                    };
-                    subtext: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                };
-                "two-lines": {
-                    space: {
-                        x: string;
-                        y: string;
-                        gap: string;
-                    };
-                };
-                size: {
-                    minWidth: string;
-                };
-                color: {
-                    default: {
-                        text: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                            muted: string;
-                        };
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        stroke: {
-                            default: string;
-                        };
-                    };
-                    format: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    subtext: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    danger: {
-                        text: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                        background: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                            disabled: string;
-                        };
-                    };
-                };
-            };
-            itemCustom: {
-                typography: {
-                    label: {
-                        sm: string;
-                        lg: string;
-                    };
-                };
-            };
-            button: {
-                space: {
-                    gap: string;
-                    y: string;
-                };
-                typography: {
-                    label: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                };
-                color: {
-                    background: {
-                        default: string;
-                    };
-                    label: {
-                        default: string;
-                    };
-                    stroke: {
-                        default: string;
-                    };
-                };
-            };
-            panel: {
-                radii: {
-                    all: string;
-                };
-                shadow: {
-                    default: string;
-                };
-                size: {
-                    height: string;
-                };
-                color: {
-                    background: {
-                        default: string;
-                    };
-                    stroke: {
-                        default: string;
-                    };
-                };
-            };
-            autocomplete: {
-                typography: {
-                    results: {
-                        label: {
-                            default: string;
-                        };
-                    };
-                    search: {
-                        placeholder: {
-                            default: string;
-                        };
-                        term: {
-                            default: string;
-                        };
-                    };
-                };
-                search: {
-                    stroke: {
-                        default: string;
-                    };
-                };
-                color: {
-                    placeholder: {
-                        default: string;
-                    };
-                    searchTerm: {
-                        default: string;
-                    };
-                    background: {
-                        default: string;
-                    };
-                    stroke: {
-                        default: string;
-                    };
-                };
-            };
-            sectionHeader: {
-                space: {
-                    bottom: string;
-                    top: string;
-                };
-            };
-            placeholder: {
-                space: {
-                    gap: string;
-                };
-            };
-        };
-        grid: {
-            header: {
-                cell: {
-                    space: {
-                        y: string;
-                        x: string;
-                    };
-                    size: {
-                        height: string;
-                    };
-                    color: {
-                        background: {
-                            default: string;
-                            selectIndirect: string;
-                            selectDirect: string;
-                        };
-                        title: {
-                            default: string;
-                            selectIndirect: string;
-                            selectDirect: string;
-                        };
-                        stroke: {
-                            default: string;
-                            selectIndirect: string;
-                            selectDirect: string;
-                        };
-                    };
-                };
-                title: {
-                    default: string;
-                };
-            };
-            body: {
-                cell: {
-                    space: {
-                        y: string;
-                        x: string;
-                    };
-                    size: {
-                        height: string;
-                    };
-                    color: {
-                        background: {
-                            default: string;
-                            selectIndirect: string;
-                            selectDirect: string;
-                        };
-                        stroke: {
-                            default: string;
-                            selectIndirect: string;
-                            selectDirect: string;
-                        };
-                        text: {
-                            default: string;
-                            selectIndirect: string;
-                            selectDirect: string;
-                        };
-                    };
-                };
-            };
-            cell: {
-                text: {
-                    default: string;
-                };
-            };
-            radii: {
-                none: string;
-                sm: string;
-                md: string;
-                lg: string;
-            };
-            global: {
-                color: {
-                    stroke: {
-                        default: string;
-                    };
-                    background: {
-                        default: string;
-                    };
-                };
-            };
-        };
-        gridContainer: {
-            gap: {
-                none: string;
-                xxs: string;
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-                xl: string;
-                xxl: string;
-                unset: string;
-            };
-        };
-        icon: {
-            space: {
-                xs: {
-                    all: string;
-                };
-                sm: {
-                    all: string;
-                };
-                md: {
-                    all: string;
-                };
-                lg: {
-                    all: string;
-                };
-                xl: {
-                    all: string;
-                };
-                xxl: {
-                    all: string;
-                };
-            };
-            color: {
-                background: {
-                    default: string;
-                    success: string;
-                    neutral: string;
-                    danger: string;
-                    info: string;
-                    warning: string;
-                };
-                text: {
-                    default: string;
-                    success: string;
-                    neutral: string;
-                    danger: string;
-                    info: string;
-                    warning: string;
-                };
-                stroke: {
-                    default: string;
-                    success: string;
-                    neutral: string;
-                    danger: string;
-                    info: string;
-                    warning: string;
-                };
-            };
-        };
-        image: {
-            sm: {
-                size: {
-                    height: string;
-                    width: string;
-                };
-            };
-            xs: {
-                size: {
-                    height: string;
-                    width: string;
-                };
-            };
-            md: {
-                size: {
-                    height: string;
-                    width: string;
-                };
-            };
-            lg: {
-                size: {
-                    height: string;
-                    width: string;
-                };
-            };
-            xl: {
-                size: {
-                    height: string;
-                    width: string;
-                };
-            };
-            xxl: {
-                size: {
-                    height: string;
-                    width: string;
-                };
-            };
-            borderWidth: {
-                default: string;
-                thin: string;
-            };
-            color: {
-                stroke: string;
-            };
-        };
-        link: {
-            space: {
-                md: {
-                    gap: string;
-                };
-                sm: {
-                    gap: string;
-                };
-            };
-            icon: {
-                size: {
-                    sm: {
-                        height: string;
-                        width: string;
-                    };
-                    md: {
-                        height: string;
-                        width: string;
-                    };
-                };
-            };
-        };
-        panel: {
-            strokeWidth: {
-                default: string;
-            };
-            radii: {
-                none: string;
-                sm: string;
-                md: string;
-                lg: string;
-            };
-            stroke: {
-                default: string;
-            };
-            shadow: {
-                default: string;
-            };
-            space: {
-                y: {
-                    none: string;
-                    xs: string;
-                    sm: string;
-                    md: string;
-                    lg: string;
-                    xl: string;
-                };
-                x: {
-                    none: string;
-                    xs: string;
-                    sm: string;
-                    md: string;
-                    lg: string;
-                    xl: string;
-                };
-                gap: {
-                    none: string;
-                    xs: string;
-                    sm: string;
-                    md: string;
-                    lg: string;
-                    xl: string;
-                };
-            };
-            color: {
-                background: {
-                    default: string;
-                    muted: string;
-                    transparent: string;
-                };
-                stroke: {
-                    default: string;
-                };
-            };
-        };
-        popover: {
-            space: {
-                y: string;
-                x: string;
-                gap: string;
-            };
-            radii: {
-                all: string;
-            };
-            shadow: {
-                default: string;
-            };
-            icon: {
-                size: {
-                    height: string;
-                    width: string;
-                };
-            };
-            color: {
-                panel: {
-                    background: {
-                        default: string;
-                    };
-                    stroke: {
-                        default: string;
-                    };
-                };
-            };
-        };
-        radio: {
-            radii: {
-                all: string;
-            };
-            typography: {
-                label: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                };
-            };
-            color: {
-                background: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                };
-                stroke: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                };
-                indicator: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                };
-            };
-        };
-        separator: {
-            horizontal: {
-                space: {
-                    y: {
-                        xs: string;
-                        sm: string;
-                        md: string;
-                        ml: string;
-                        lg: string;
-                        xl: string;
-                        xxl: string;
-                    };
-                    x: {
-                        all: string;
-                    };
-                };
-            };
-            vertical: {
-                space: {
-                    x: {
-                        xs: string;
-                        sm: string;
-                        md: string;
-                        lg: string;
-                        xl: string;
-                        xxl: string;
-                    };
-                    y: {
-                        all: string;
-                    };
-                };
-            };
-            color: {
-                stroke: {
-                    default: string;
-                };
-            };
-        };
-        sidebar: {
-            navigation: {
-                item: {
-                    radii: {
-                        all: string;
-                    };
-                    default: {
-                        space: {
-                            right: string;
-                            y: string;
-                            gap: string;
-                            left: string;
-                        };
-                    };
-                    typography: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                    mobile: {
-                        typography: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                        space: {
-                            left: string;
-                            right: string;
-                            y: string;
-                            gap: string;
-                        };
-                    };
-                    collapsible: {
-                        space: {
-                            left: string;
-                            right: string;
-                            y: string;
-                            gap: string;
-                        };
-                    };
-                    icon: {
-                        size: {
-                            height: string;
-                            width: string;
-                        };
-                    };
-                    global: {
-                        gap: string;
-                    };
-                };
-                title: {
-                    typography: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                };
-                subItem: {
-                    default: {
-                        space: {
-                            left: string;
-                            right: string;
-                            y: string;
-                        };
-                    };
-                    mobile: {
-                        space: {
-                            left: string;
-                            right: string;
-                            y: string;
-                            gap: string;
-                        };
-                        typography: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                    };
-                    radii: {
-                        all: string;
-                    };
-                    typography: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                        disabled: string;
-                    };
-                };
-                dragControl: {
-                    separator: {
-                        size: {
-                            height: string;
-                        };
-                    };
-                };
-            };
-            main: {
-                color: {
-                    background: {
-                        default: string;
-                    };
-                    text: {
-                        default: string;
-                        muted: string;
-                    };
-                    stroke: {
-                        default: string;
-                    };
-                };
-                navigation: {
-                    item: {
-                        color: {
-                            background: {
-                                default: string;
-                                hover: string;
-                                active: string;
-                            };
-                            text: {
-                                default: string;
-                                hover: string;
-                                active: string;
-                                muted: string;
-                                disabled: string;
-                            };
-                            icon: {
-                                default: string;
-                                disabled: string;
-                            };
-                        };
-                    };
-                    title: {
-                        color: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                    };
-                    subItem: {
-                        color: {
-                            text: {
-                                default: string;
-                                hover: string;
-                                active: string;
-                                disabled: string;
-                            };
-                            background: {
-                                default: string;
-                                hover: string;
-                                active: string;
-                                disabled: string;
-                            };
-                            icon: {
-                                default: string;
-                                disabled: string;
-                            };
-                        };
-                    };
-                    dragControl: {
-                        separator: {
-                            color: {
-                                default: string;
-                            };
-                        };
-                    };
-                };
-            };
-            sqlSidebar: {
-                navigation: {
-                    item: {
-                        color: {
-                            text: {
-                                disabled: string;
-                                default: string;
-                                hover: string;
-                                active: string;
-                                muted: string;
-                            };
-                            background: {
-                                default: string;
-                                hover: string;
-                                active: string;
-                            };
-                            icon: {
-                                default: string;
-                            };
-                        };
-                    };
-                    title: {
-                        color: {
-                            default: string;
-                            hover: string;
-                            active: string;
-                        };
-                    };
-                    subItem: {
-                        color: {
-                            text: {
-                                default: string;
-                                hover: string;
-                                active: string;
-                                disabled: string;
-                            };
-                            background: {
-                                default: string;
-                                hover: string;
-                                active: string;
-                            };
-                        };
-                    };
-                    dragControl: {
-                        separator: {
-                            color: {
-                                default: string;
-                            };
-                        };
-                    };
-                };
-                color: {
-                    background: {
-                        default: string;
-                    };
-                    stroke: {
-                        default: string;
-                    };
-                };
-            };
-        };
-        spacer: {
-            horizontal: {
-                space: {
-                    y: {
-                        xs: string;
-                        sm: string;
-                        md: string;
-                        ml: string;
-                        lg: string;
-                        xl: string;
-                        xxl: string;
-                    };
-                    x: {
-                        all: string;
-                    };
-                };
-            };
-        };
-        stepper: {
-            vertical: {
-                numbered: {
-                    connector: {
-                        size: {
-                            width: string;
-                        };
-                        stroke: {
-                            default: string;
-                        };
-                        color: {
-                            stroke: {
-                                incomplete: string;
-                                complete: string;
-                                active: string;
-                            };
-                        };
-                    };
-                    typography: {
-                        title: {
-                            default: string;
-                        };
-                    };
-                    step: {
-                        typography: {
-                            number: {
-                                default: string;
-                            };
-                        };
-                        size: {
-                            height: string;
-                            width: string;
-                            icon: {
-                                height: string;
-                                width: string;
-                            };
-                        };
-                        stroke: {
-                            default: string;
-                        };
-                        radii: {
-                            default: string;
-                        };
-                        color: {
-                            stroke: {
-                                incomplete: string;
-                                complete: string;
-                                active: string;
-                            };
-                            background: {
-                                incomplete: string;
-                                complete: string;
-                                active: string;
-                            };
-                            icon: {
-                                incomplete: string;
-                                complete: string;
-                                active: string;
-                            };
-                        };
-                    };
-                    content: {
-                        space: {
-                            gap: {
-                                x: string;
-                                y: string;
-                            };
-                            left: string;
-                            bottom: {
-                                default: string;
-                                active: string;
-                            };
-                        };
-                    };
-                    color: {
-                        title: {
-                            incomplete: string;
-                            complete: string;
-                            active: string;
-                        };
-                    };
-                };
-                bulleted: {
-                    connector: {
-                        size: {
-                            width: string;
-                        };
-                        stroke: {
-                            default: string;
-                        };
-                        color: {
-                            stroke: {
-                                incomplete: string;
-                                complete: string;
-                                active: string;
-                            };
-                        };
-                    };
-                    step: {
-                        size: {
-                            height: string;
-                            width: string;
-                            icon: {
-                                height: string;
-                                width: string;
-                            };
-                        };
-                        radii: {
-                            default: string;
-                        };
-                        stroke: {
-                            default: string;
-                        };
-                        color: {
-                            stroke: {
-                                incomplete: string;
-                                complete: string;
-                                active: string;
-                            };
-                            background: {
-                                incomplete: string;
-                                complete: string;
-                                active: string;
-                            };
-                            icon: {
-                                incomplete: string;
-                                complete: string;
-                                active: string;
-                            };
-                        };
-                    };
-                    typography: {
-                        title: {
-                            default: string;
-                        };
-                    };
-                    content: {
-                        space: {
-                            gap: {
-                                x: string;
-                                y: string;
-                            };
-                            left: string;
-                            bottom: {
-                                default: string;
-                                active: string;
-                            };
-                        };
-                    };
-                    color: {
-                        title: {
-                            incomplete: string;
-                            complete: string;
-                            active: string;
-                        };
-                    };
-                };
-            };
-        };
-        switch: {
-            space: {
-                gap: string;
-            };
-            radii: {
-                all: string;
-            };
-            size: {
-                width: string;
-                height: string;
-            };
-            typography: {
-                label: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    disabled: string;
-                };
-            };
-            color: {
-                background: {
-                    default: string;
-                    active: string;
-                    disabled: string;
-                };
-                stroke: {
-                    default: string;
-                    active: string;
-                    disabled: string;
-                };
-                indicator: {
-                    default: string;
-                    active: string;
-                    disabled: string;
-                };
-            };
-        };
-        table: {
-            header: {
-                title: {
-                    default: string;
-                };
-                cell: {
-                    space: {
-                        md: {
-                            y: string;
-                            x: string;
-                        };
-                        sm: {
-                            y: string;
-                            x: string;
-                        };
-                    };
-                };
-                color: {
-                    background: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                    title: {
-                        default: string;
-                    };
-                    icon: {
-                        default: string;
-                    };
-                    checkbox: {
-                        background: {
-                            default: string;
-                        };
-                        border: {
-                            default: string;
-                        };
-                    };
-                };
-            };
-            cell: {
-                text: {
-                    default: string;
-                };
-                label: {
-                    default: string;
-                };
-                stroke: string;
-            };
-            radii: {
-                all: string;
-            };
-            body: {
-                cell: {
-                    space: {
-                        md: {
-                            y: string;
-                            x: string;
-                        };
-                        sm: {
-                            y: string;
-                            x: string;
-                        };
-                    };
-                };
-            };
-            mobile: {
-                cell: {
-                    space: {
-                        y: string;
-                        x: string;
-                        gap: string;
-                    };
-                };
-            };
-            row: {
-                color: {
-                    background: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                    stroke: {
-                        default: string;
-                    };
-                    text: {
-                        default: string;
-                        disabled: string;
-                    };
-                    link: {
-                        default: string;
-                    };
-                    label: {
-                        default: string;
-                    };
-                    barChart: {
-                        default: string;
-                        hover: string;
-                    };
-                };
-            };
-            global: {
-                color: {
-                    stroke: {
-                        default: string;
-                    };
-                    background: {
-                        default: string;
-                    };
-                };
-            };
-        };
-        tabs: {
-            space: {
-                y: string;
-                x: string;
-            };
-            radii: {
-                all: string;
-            };
-            typography: {
-                label: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                };
-            };
-            basic: {
-                strokeWidth: {
-                    default: string;
-                    hover: string;
-                    active: string;
-                    global: string;
-                };
-                color: {
-                    background: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                    text: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                    stroke: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                    global: {
-                        default: string;
-                    };
-                };
-            };
-            fileTabs: {
-                icon: {
-                    size: {
-                        height: string;
-                        width: string;
-                    };
-                };
-                space: {
-                    y: string;
-                    x: string;
-                    gap: string;
-                };
-                typography: {
-                    label: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                };
-                radii: {
-                    all: string;
-                };
-                color: {
-                    background: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                    text: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                    stroke: {
-                        default: string;
-                        hover: string;
-                        active: string;
-                    };
-                    closeButton: {
-                        background: {
-                            default: string;
-                            hover: string;
-                        };
-                    };
-                };
-            };
-        };
-        toast: {
-            icon: {
-                size: {
-                    height: string;
-                    width: string;
-                };
-            };
-            space: {
-                title: {
-                    gap: string;
-                };
-                y: string;
-                x: string;
-                gap: string;
-            };
-            radii: {
-                all: string;
-            };
-            shadow: string;
-            typography: {
-                title: {
-                    default: string;
-                };
-                description: {
-                    default: string;
-                };
-            };
-            size: {
-                width: string;
-            };
-            color: {
-                title: {
-                    default: string;
-                };
-                description: {
-                    default: string;
-                };
-                stroke: {
-                    default: string;
-                };
-                icon: {
-                    default: string;
-                    success: string;
-                    warning: string;
-                    danger: string;
-                };
-            };
-        };
-        tooltip: {
-            radii: {
-                all: string;
-            };
-            space: {
-                x: string;
-                y: string;
-            };
-            typography: {
-                label: {
-                    default: string;
-                };
-            };
-            color: {
-                background: {
-                    default: string;
-                };
-                label: {
-                    default: string;
-                };
-            };
-        };
-        dashboards: {
-            chartWidget: {
-                space: {
-                    gap: string;
-                    element: {
-                        gap: string;
-                    };
-                };
-                borderWidth: {
-                    default: string;
-                };
-                stroke: {
-                    default: string;
-                    element: {
-                        default: string;
-                    };
-                    hover: string;
-                    selected: string;
-                };
-                element: {
-                    radii: {
-                        all: string;
-                    };
-                };
-                radii: {
-                    all: string;
-                };
-                typography: {
-                    title: {
-                        default: string;
-                    };
-                    description: {
-                        default: {
-                            default: string;
-                        };
-                    };
-                    label: {
-                        default: {
-                            default: string;
-                        };
-                    };
-                };
-                shadow: {
-                    default: string;
-                    hover: string;
-                };
-                size: {
-                    icon: {
-                        all: {
-                            drag: string;
-                            menu: string;
-                            resize: string;
-                        };
-                    };
-                };
-                color: {
-                    background: {
-                        default: string;
-                        hover: string;
-                        selected: string;
-                    };
-                    stroke: {
-                        default: string;
-                        hover: string;
-                        selected: string;
-                    };
-                    title: {
-                        default: string;
-                    };
-                    description: {
-                        default: string;
-                    };
-                    legend: {
-                        default: string;
-                        hover: string;
-                        selected: string;
-                    };
-                    element: {
-                        stroke: {
-                            default: string;
-                        };
-                    };
-                    icon: {
-                        default: string;
-                        hover: string;
-                        selected: string;
-                    };
-                    opacity: {
-                        bar: {
-                            default: number;
-                            hover: number;
-                        };
-                    };
-                    label: {
-                        default: string;
-                        hover: string;
-                        selected: string;
-                    };
-                };
-            };
-        };
-        global: {
-            color: {
-                stroke: {
-                    default: string;
-                    muted: string;
-                    intense: string;
-                };
-                accent: {
-                    default: string;
-                };
-                background: {
-                    default: string;
-                    muted: string;
-                };
-                text: {
-                    default: string;
-                    muted: string;
-                    disabled: string;
-                    link: {
-                        default: string;
-                        hover: string;
-                    };
-                    danger: string;
-                };
-                title: {
-                    default: string;
-                    muted: string;
-                };
-                outline: {
-                    default: string;
-                };
-                shadow: {
-                    default: string;
-                };
-            };
-        };
-        feedback: {
-            color: {
-                info: {
-                    background: string;
-                    foreground: string;
-                };
-                success: {
-                    background: string;
-                    foreground: string;
-                };
-                warning: {
-                    background: string;
-                    foreground: string;
-                };
-                danger: {
-                    background: string;
-                    foreground: string;
-                };
-                neutral: {
-                    background: string;
-                    foreground: string;
-                    stroke: string;
-                };
-            };
-        };
-        storybook: {
-            global: {
-                background: string;
-            };
-        };
-        chart: {
-            color: {
-                default: {
-                    blue: string;
-                    orange: string;
-                    green: string;
-                    fuchsia: string;
-                    yellow: string;
-                    violet: string;
-                    babyblue: string;
-                    red: string;
-                    teal: string;
-                    sunrise: string;
-                    slate: string;
-                };
-                label: {
-                    default: string;
-                    deselected: string;
-                };
-            };
-            bars: {
-                color: {
-                    blue: string;
-                    orange: string;
-                    green: string;
-                    fuchsia: string;
-                    yellow: string;
-                    violet: string;
-                    babyblue: string;
-                    red: string;
-                    teal: string;
-                    sunrise: string;
-                    slate: string;
-                };
-            };
-        };
-        serviceCard: {
-            color: {
-                background: {
-                    default: string;
-                    hover: string;
-                };
-                stroke: {
-                    default: string;
-                    hover: string;
-                };
-            };
-        };
-        gareth: {
-            test: {
-                main: {
-                    text: string;
-                    danger: string;
-                };
-            };
-        };
-    };
-    transition: {
-        default: string;
-        duration: {
-            slow: string;
-            smooth: string;
-            medium: string;
-            fast: string;
-        };
-        delay: {
-            slow: string;
-            fast: string;
-        };
-        function: {
-            ease: string;
-            "ease-in": string;
-            "ease-in-out": string;
-            linear: string;
-        };
-    };
-    grid: {
-        header: {
-            cell: {
-                borderWidth: {
-                    default: string;
-                    selectIndirect: string;
-                    selectDirect: string;
-                };
-            };
-        };
-        body: {
-            cell: {
-                borderWidth: {
-                    default: string;
-                    selectIndirect: string;
-                    selectDirect: string;
-                };
-            };
-        };
-    };
-    palette: {
-        brand: {
-            "50": string;
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-            "900": string;
-            base: string;
-        };
-        neutral: {
-            "0": string;
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "650": string;
-            "700": string;
-            "712": string;
-            "725": string;
-            "750": string;
-            "800": string;
-            "900": string;
-            base: string;
-        };
-        slate: {
-            "25": string;
-            "50": string;
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-            "900": string;
-            base: string;
-            "50a": string;
-        };
-        indigo: {
-            "50": string;
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-            "900": string;
-            base: string;
-        };
-        info: {
-            "50": string;
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "650": string;
-            "700": string;
-            "800": string;
-            "900": string;
-            base: string;
-        };
-        success: {
-            "50": string;
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-            "850": string;
-            "900": string;
-            base: string;
-        };
-        warning: {
-            "50": string;
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-            "900": string;
-            base: string;
-        };
-        danger: {
-            "50": string;
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-            "900": string;
-            base: string;
-        };
-        gradients: {
-            base: string;
-            yellowToblack: string;
-            whiteToblack: string;
-            transparent: string;
-        };
-        utility: {
-            transparent: string;
-        };
-        teal: {
-            "50": string;
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-            "850": string;
-            "900": string;
-        };
-        violet: {
-            "50": string;
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-            "850": string;
-            "900": string;
-        };
-        fuchsia: {
-            "50": string;
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-            "850": string;
-            "900": string;
-        };
-        sunrise: {
-            "50": string;
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-            "900": string;
-        };
-        babyblue: {
-            "50": string;
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-            "900": string;
-        };
-    };
-    sizes: {
-        "0": string;
-        "1": string;
-        "2": string;
-        "3": string;
-        "4": string;
-        "5": string;
-        "6": string;
-        "7": string;
-        "8": string;
-        "9": string;
-        "10": string;
-        "11": string;
-    };
-    typography: {
-        font: {
-            families: {
-                regular: string;
-                mono: string;
-                display: string;
-            };
-            weights: {
-                "1": string;
-                "2": string;
-                "3": string;
-                "4": string;
-            };
-            sizes: {
-                "0": string;
-                "1": string;
-                "2": string;
-                "3": string;
-                "4": string;
-                "5": string;
-                "6": string;
-                base: string;
-            };
-            "line-height": {
-                "1": number;
-                "2": number;
-                "3": number;
-                "4": number;
-            };
-        };
-        styles: {
-            product: {
-                titles: {
-                    xs: string;
-                    sm: string;
-                    md: string;
-                    lg: string;
-                    xl: string;
-                    "2xl": string;
-                };
-                text: {
-                    normal: {
-                        xs: string;
-                        sm: string;
-                        md: string;
-                        lg: string;
-                    };
-                    medium: {
-                        xs: string;
-                        sm: string;
-                        md: string;
-                        lg: string;
-                    };
-                    semibold: {
-                        xs: string;
-                        sm: string;
-                        md: string;
-                        lg: string;
-                    };
-                    mono: {
-                        xs: string;
-                        sm: string;
-                        md: string;
-                        lg: string;
-                    };
-                    bold: {
-                        xs: string;
-                        sm: string;
-                        md: string;
-                        lg: string;
-                    };
-                };
-            };
-            brand: {
-                titles: {
-                    xs: string;
-                    sm: string;
-                    md: string;
-                    lg: string;
-                    xl: string;
-                    "2xl": string;
-                };
-            };
-            field: {
-                md: string;
-            };
-        };
-    };
-    border: {
-        radii: {
-            "0": string;
-            "1": string;
-            "2": string;
-            "3": string;
-            full: string;
-        };
-        width: {
-            "1": string;
-            "2": string;
-        };
-    };
-    spaces: {
-        "0": string;
-        "1": string;
-        "2": string;
-        "3": string;
-        "4": string;
-        "5": string;
-        "6": string;
-        "7": string;
-        "8": string;
-    };
-    shadow: {
-        "1": string;
-        "2": string;
-        "3": string;
-        "4": string;
-        "5": string;
-    };
-    breakpoint: {
-        sizes: {
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-        };
-    };
-    global: {
-        color: {
-            gradients: {
-                yellowToBlack: string;
-                whiteToBlack: string;
-            };
-            background: {
-                default: string;
-                muted: string;
-                sidebar: string;
-                split: string;
-                muted_a: string;
-            };
-            stroke: {
-                default: string;
-                muted: string;
-                intense: string;
-                split: string;
-            };
-            accent: {
-                default: string;
-            };
-            text: {
-                default: string;
-                muted: string;
-                disabled: string;
-                link: {
-                    default: string;
-                    hover: string;
-                };
-            };
-            outline: {
-                default: string;
-            };
-            shadow: {
-                default: string;
-            };
-            feedback: {
-                info: {
-                    background: string;
-                    foreground: string;
-                };
-                success: {
-                    background: string;
-                    foreground: string;
-                };
-                warning: {
-                    background: string;
-                    foreground: string;
-                };
-                danger: {
-                    background: string;
-                    foreground: string;
-                };
-                neutral: {
-                    background: string;
-                    foreground: string;
-                    stroke: string;
-                };
-            };
-            chart: {
-                default: {
-                    blue: string;
-                    orange: string;
-                    green: string;
-                    fuchsia: string;
-                    yellow: string;
-                    violet: string;
-                    babyblue: string;
-                    red: string;
-                    danger: string;
-                    teal: string;
-                    sunrise: string;
-                    slate: string;
-                };
-                bars: {
-                    blue: string;
-                    orange: string;
-                    green: string;
-                    fuchsia: string;
-                    yellow: string;
-                    violet: string;
-                    babyblue: string;
-                    red: string;
-                    teal: string;
-                    sunrise: string;
-                    slate: string;
-                };
-                label: {
-                    default: string;
-                    deselected: string;
-                };
-            };
-            iconButton: {
-                badge: {
-                    foreground: string;
-                    background: string;
-                };
-            };
-            icon: {
-                background: string;
-            };
-        };
-    };
-    name: string;
-};
-export default theme;