scorer-ui-kit 2.0.3 → 2.0.4

package/dist/themes/light/light.d.ts

@@ -0,0 +1,1612 @@
+declare const _default: {
+    fontFamily: {
+        ui: string;
+        data: string;
+    };
+    dimensions: {
+        icons: {
+            weights: {
+                light: number;
+                regular: number;
+                heavy: number;
+                strong: number;
+            };
+        };
+        form: {
+            button: {
+                xsmall: {
+                    height: string;
+                    padding: string;
+                    iconSize: number;
+                };
+                small: {
+                    height: string;
+                    padding: string;
+                    iconSize: number;
+                };
+                normal: {
+                    height: string;
+                    padding: string;
+                    iconSize: number;
+                };
+                large: {
+                    height: string;
+                    padding: string;
+                    iconSize: number;
+                };
+            };
+            input: {
+                height: string;
+            };
+            switch: {
+                outer: {
+                    width: string;
+                    height: string;
+                    borderRadius: string;
+                };
+                inner: {
+                    width: string;
+                    height: string;
+                    borderRadius: string;
+                };
+                positions: {
+                    top: string;
+                    off: string;
+                    neutral: string;
+                    locked: string;
+                    on: string;
+                };
+            };
+        };
+        global: {
+            mainMenu: {
+                width: {
+                    open: string;
+                    closed: string;
+                };
+            };
+        };
+    };
+    typography: {
+        pageHeader: {
+            introduction: {
+                textAlign: string;
+                fontStyle: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: string;
+                textDecoration: string;
+                color: string;
+            };
+            areaTitle: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                textDecoration: string;
+                color: string;
+            };
+            mainTitle: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                textDecoration: string;
+                color: string;
+            };
+        };
+        form: {
+            label: {
+                meta: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+                default: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+                disabled: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+                failure: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+                "meta(Selected)": {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+            };
+            tip: {
+                textAlign: string;
+                fontStyle: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: string;
+                textDecoration: string;
+                color: string;
+            };
+            button: {
+                secondary: {
+                    normal: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    large: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    small: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    xsmall: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+                primary: {
+                    large: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    normal: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    small: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    xsmall: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+                danger: {
+                    large: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    normal: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    small: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    xsmall: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+            };
+            input: {
+                label: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+                placeholder: {
+                    normal: {
+                        textAlign: string;
+                        fontStyle: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    compact: {
+                        textAlign: string;
+                        fontStyle: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        lineHeight: string;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+                value: {
+                    normal: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        lineHeight: string;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    compact: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        lineHeight: string;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+            };
+            labelInformation: {
+                textAlign: string;
+                fontStyle: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: string;
+                textDecoration: string;
+                color: string;
+            };
+            select: {
+                option: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    textDecoration: string;
+                    color: string;
+                };
+                selectedValue: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    textDecoration: string;
+                    color: string;
+                };
+                "option(Hover)": {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    textDecoration: string;
+                    color: string;
+                };
+            };
+            feedback: {
+                message: {
+                    textAlign: string;
+                    fontStyle: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    textDecoration: string;
+                    color: string;
+                };
+            };
+        };
+        global: {
+            mainMenu: {
+                menuItem: {
+                    default: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    active: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    hover: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+                subheader: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textTransform: string;
+                    letterSpacing: string;
+                    textDecoration: string;
+                    color: string;
+                };
+                hidePrompt: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+                subItem: {
+                    default: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    active: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    hover: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+                identity: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+            };
+            topBar: {
+                search: {
+                    value: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    placeholder: {
+                        textAlign: string;
+                        fontStyle: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+            };
+        };
+        content: {
+            "section-H2": {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                textDecoration: string;
+                color: string;
+            };
+            sectionH3: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                textDecoration: string;
+                color: string;
+            };
+            actionParagraph: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: string;
+                textDecoration: string;
+                color: string;
+            };
+            hyperlink: {
+                hover: {
+                    textAlign: string;
+                    fontStyle: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    textDecoration: string;
+                    color: string;
+                };
+                base: {
+                    textAlign: string;
+                    fontStyle: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    textDecoration: string;
+                    color: string;
+                };
+            };
+        };
+        feedbackBar: {
+            message: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: string;
+                letterSpacing: string;
+                textDecoration: string;
+                color: string;
+            };
+        };
+        searchBar: {
+            placeholder: {
+                textAlign: string;
+                fontStyle: string;
+                fontSize: string;
+                fontWeight: number;
+                textDecoration: string;
+                color: string;
+            };
+            value: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                textDecoration: string;
+                color: string;
+            };
+        };
+        meta: {
+            tagList: {
+                emptyStates: {
+                    normal: {
+                        textAlign: string;
+                        fontStyle: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    small: {
+                        textAlign: string;
+                        fontStyle: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+                item: {
+                    normal: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    small: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+            };
+        };
+        table: {
+            columnData: {
+                normalImportance: {
+                    right: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    left: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    center: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+                highImportance: {
+                    right: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    center: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    left: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+                firstColumn: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+                lowImportance: {
+                    right: {
+                        textAlign: string;
+                        fontStyle: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    center: {
+                        textAlign: string;
+                        fontStyle: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    left: {
+                        textAlign: string;
+                        fontStyle: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+                unit: {
+                    textAlign: string;
+                    fontStyle: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+            };
+            header: {
+                center: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    letterSpacing: string;
+                    textDecoration: string;
+                    color: string;
+                };
+                left: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    letterSpacing: string;
+                    textDecoration: string;
+                    color: string;
+                };
+                right: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    letterSpacing: string;
+                    textDecoration: string;
+                    color: string;
+                };
+            };
+            subHeader: {
+                center: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    letterSpacing: string;
+                    textDecoration: string;
+                    color: string;
+                };
+                left: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    letterSpacing: string;
+                    textDecoration: string;
+                    color: string;
+                };
+                right: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    letterSpacing: string;
+                    textDecoration: string;
+                    color: string;
+                };
+            };
+        };
+        filters: {
+            datepicker: {
+                metaHeader: {
+                    default: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    active: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+                calendar: {
+                    active: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    otherMonth: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    default: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    header: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+                monthLink: {
+                    default: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        lineHeight: string;
+                        textTransform: string;
+                        letterSpacing: string;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    hover: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        lineHeight: string;
+                        textTransform: string;
+                        letterSpacing: string;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+                focusedMonth: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    letterSpacing: string;
+                    textDecoration: string;
+                    color: string;
+                };
+                focusedYear: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    textTransform: string;
+                    letterSpacing: string;
+                    textDecoration: string;
+                    color: string;
+                };
+            };
+            value: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                letterSpacing: string;
+                textDecoration: string;
+                color: string;
+            };
+            subOption: {
+                label: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+                value: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+            };
+            presetAction: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                textDecoration: string;
+                color: string;
+            };
+            filterButton: {
+                default: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+                active: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+                hover: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+            };
+            searchInput: {
+                placeholder: {
+                    textAlign: string;
+                    fontStyle: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+                value: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+            };
+        };
+        tables: {
+            groupName: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                letterSpacing: string;
+                textDecoration: string;
+                color: string;
+            };
+        };
+        modal: {
+            title: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                textShadow: string;
+                textDecoration: string;
+                color: string;
+            };
+            basicContent: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: string;
+                textDecoration: string;
+                color: string;
+            };
+        };
+    };
+    colors: {
+        pureBase: string;
+        pureTop: string;
+        divider: string;
+        icons: {
+            inverse: string;
+            mono: string;
+            dimmed: string;
+            subtle: string;
+            primary: string;
+            danger: string;
+        };
+        menu: {
+            active: string;
+            hover: string;
+            default: string;
+            indicator: string;
+            passive: string;
+        };
+        feedback: {
+            error: string;
+            info: string;
+            neutral: string;
+            success: string;
+            warning: string;
+        };
+        status: {
+            caution: string;
+            danger: string;
+            folder: string;
+            highlight: string;
+            good: string;
+            neutral: string;
+        };
+        transparent: string;
+        input: {
+            border: {
+                default: string;
+            };
+        };
+    };
+    styles: {
+        generic: {
+            transparent: {};
+        };
+        form: {
+            input: {
+                default: {
+                    normal: {
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                    focused: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                disabled: {
+                    normal: {
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                subdivision: {
+                    backgroundColor: string;
+                };
+                required: {
+                    focused: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                    normal: {
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                valid: {
+                    focused: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                    normal: {
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                invalid: {
+                    focused: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                    normal: {
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                processing: {
+                    focused: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                    normal: {
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                seperatedValues: {
+                    background: {
+                        backgroundColor: string;
+                        backgroundImage: string;
+                    };
+                    hoverHighlight: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            button: {
+                primary: {
+                    default: {
+                        backgroundColor: string;
+                        backgroundImage: string;
+                    };
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    active: {
+                        backgroundColor: string;
+                    };
+                    divider: {
+                        backgroundColor: string;
+                    };
+                    disabled: {
+                        backgroundColor: string;
+                        backgroundImage: string;
+                    };
+                    actionArea: {
+                        backgroundColor: string;
+                        backgroundImage: string;
+                    };
+                };
+                secondary: {
+                    default: {
+                        backgroundColor: string;
+                    };
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    active: {
+                        backgroundColor: string;
+                    };
+                    disabled: {
+                        backgroundColor: string;
+                    };
+                    divider: {
+                        backgroundColor: string;
+                    };
+                    actionArea: {
+                        backgroundColor: string;
+                    };
+                };
+                danger: {
+                    default: {
+                        backgroundColor: string;
+                        backgroundImage: string;
+                    };
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    active: {
+                        backgroundColor: string;
+                    };
+                    disabled: {
+                        backgroundColor: string;
+                    };
+                    divider: {
+                        backgroundColor: string;
+                    };
+                    actionArea: {
+                        backgroundColor: string;
+                        backgroundImage: string;
+                    };
+                };
+            };
+            switch: {
+                off: {
+                    default: {
+                        outer: {
+                            backgroundColor: string;
+                            backgroundImage: string;
+                            borderColor: string;
+                            border: string;
+                        };
+                        inner: {
+                            backgroundColor: string;
+                            backgroundImage: string;
+                        };
+                    };
+                    disabled: {
+                        outer: {
+                            backgroundColor: string;
+                            backgroundImage: string;
+                            borderColor: string;
+                            border: string;
+                        };
+                        inner: {
+                            backgroundColor: string;
+                        };
+                    };
+                    loading: {
+                        outer: {
+                            backgroundColor: string;
+                            backgroundImage: string;
+                            borderColor: string;
+                            border: string;
+                        };
+                    };
+                };
+                on: {
+                    default: {
+                        outer: {
+                            backgroundColor: string;
+                            backgroundImage: string;
+                            borderColor: string;
+                            border: string;
+                        };
+                        inner: {
+                            backgroundColor: string;
+                        };
+                    };
+                    disabled: {
+                        outer: {
+                            backgroundColor: string;
+                            backgroundImage: string;
+                            borderColor: string;
+                            border: string;
+                        };
+                        inner: {
+                            backgroundColor: string;
+                        };
+                    };
+                    loading: {
+                        outer: {
+                            backgroundColor: string;
+                            backgroundImage: string;
+                            borderColor: string;
+                            border: string;
+                        };
+                    };
+                };
+                failure: {
+                    default: {
+                        outer: {
+                            backgroundColor: string;
+                            backgroundImage: string;
+                            borderColor: string;
+                            border: string;
+                        };
+                        inner: {
+                            backgroundColor: string;
+                        };
+                    };
+                    loading: {
+                        outer: {
+                            backgroundColor: string;
+                            backgroundImage: string;
+                            borderColor: string;
+                            border: string;
+                        };
+                        inner: {
+                            backgroundColor: string;
+                        };
+                    };
+                };
+                danger: {
+                    default: {
+                        outer: {
+                            backgroundColor: string;
+                            backgroundImage: string;
+                            borderColor: string;
+                            border: string;
+                        };
+                        inner: {
+                            backgroundColor: string;
+                        };
+                    };
+                    loading: {
+                        outer: {
+                            backgroundColor: string;
+                            backgroundImage: string;
+                            borderColor: string;
+                            border: string;
+                        };
+                    };
+                    disabled: {
+                        outer: {
+                            backgroundColor: string;
+                            backgroundImage: string;
+                            borderColor: string;
+                            border: string;
+                        };
+                        inner: {
+                            backgroundColor: string;
+                        };
+                    };
+                };
+                locked: {
+                    default: {
+                        outer: {
+                            backgroundColor: string;
+                            backgroundImage: string;
+                            borderColor: string;
+                            border: string;
+                        };
+                        inner: {
+                            backgroundColor: string;
+                        };
+                    };
+                };
+            };
+            checkbox: {
+                unchecked: {
+                    disabled: {
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                    default: {
+                        borderColor: string;
+                        border: string;
+                    };
+                    hover: {
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                checked: {
+                    disabled: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                    };
+                    default: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                    };
+                    hover: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                    };
+                };
+                indeterminate: {
+                    hover: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                    };
+                    default: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                    };
+                };
+            };
+        };
+        global: {
+            mainMenu: {
+                iconBackground: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    default: {
+                        backgroundColor: string;
+                    };
+                };
+                background: {
+                    boxShadow: string;
+                    backgroundColor: string;
+                };
+                lines: {
+                    backgroundColor: string;
+                };
+                footerBackground: {
+                    backgroundColor: string;
+                };
+            };
+            background: {
+                backgroundColor: string;
+                backgroundImage: string;
+            };
+            drawer: {
+                background: {
+                    boxShadow: string;
+                    backgroundColor: string;
+                };
+            };
+            topBar: {
+                lines: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        indicators: {
+            spinner: {
+                danger: {
+                    base: {
+                        borderColor: string;
+                        border: string;
+                    };
+                    top: {
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                secondary: {
+                    top: {
+                        borderColor: string;
+                        border: string;
+                    };
+                    base: {
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                primary: {
+                    top: {
+                        borderColor: string;
+                        border: string;
+                    };
+                    base: {
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                simple: {
+                    top: {
+                        borderColor: string;
+                        border: string;
+                    };
+                    base: {
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+            };
+        };
+        filters: {
+            dropdownContainer: {
+                background: {
+                    boxShadow: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                    border: string;
+                };
+                topBorder: {
+                    backgroundColor: string;
+                };
+            };
+            filterButton: {
+                default: {
+                    boxShadow: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                    border: string;
+                    textColor: string;
+                };
+                active: {
+                    boxShadow: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                    border: string;
+                    textColor: string;
+                };
+                hover: {
+                    boxShadow: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                    border: string;
+                    textColor: string;
+                };
+            };
+            searchInput: {
+                default: {
+                    boxShadow: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                    border: string;
+                };
+                focused: {
+                    boxShadow: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                    border: string;
+                };
+            };
+        };
+        tables: {
+            loadingOverlay: {
+                backgroundColor: string;
+                backgroundImage: string;
+            };
+            rows: {
+                divider: {
+                    backgroundColor: string;
+                };
+            };
+            header: {
+                groupLine: {
+                    backgroundColor: string;
+                };
+                divider: {
+                    backgroundColor: string;
+                };
+                sortable: {
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    default: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+        };
+        general: {
+            divider: {
+                backgroundColor: string;
+            };
+        };
+        feedbackBar: {
+            neutral: {
+                backgroundColor: string;
+            };
+            error: {
+                backgroundColor: string;
+            };
+            info: {
+                backgroundColor: string;
+            };
+            success: {
+                backgroundColor: string;
+            };
+            warning: {
+                backgroundColor: string;
+            };
+        };
+        filterButton: {
+            active: {
+                boxShadow: string;
+                backgroundColor: string;
+                borderColor: string;
+                border: string;
+            };
+        };
+        modal: {
+            overlay: {
+                backgroundColor: string;
+            };
+            container: {
+                boxShadow: string;
+                backgroundColor: string;
+                borderColor: string;
+                border: string;
+            };
+        };
+    };
+    animation: {
+        easing: {
+            primary: {
+                inOut: string;
+                out: string;
+                in: string;
+            };
+        };
+        speed: {
+            faster: string;
+            fast: string;
+            normal: string;
+            slow: string;
+            slower: string;
+            slowest: string;
+        };
+    };
+    custom: {
+        lines: {
+            primary: {
+                label: {
+                    fill: string;
+                };
+                contrastLine: {
+                    stroke: string;
+                };
+                highlightLine: {
+                    stroke: string;
+                };
+                grabHandle: {
+                    fill: string;
+                    stroke: string;
+                };
+                point: {
+                    fill: string;
+                };
+                grabHandleContrast: {
+                    stroke: string;
+                };
+                grabHandleText: {
+                    fill: string;
+                };
+                handleBase: {
+                    fill: string;
+                };
+                handleRingLayer: {
+                    stroke: string;
+                };
+                handleReactiveFill: {
+                    fill: string;
+                };
+                handleReactiveRing: {
+                    stroke: string;
+                };
+                handleContrastLayer: {
+                    stroke: string;
+                };
+                stopStart: {
+                    stopColor: string;
+                };
+                stopEnd: {
+                    stopColor: string;
+                };
+            };
+            secondary: {
+                label: {
+                    fill: string;
+                };
+                contrastLine: {
+                    stroke: string;
+                };
+                highlightLine: {
+                    stroke: string;
+                };
+                grabHandle: {
+                    fill: string;
+                    stroke: string;
+                };
+                point: {
+                    fill: string;
+                };
+                grabHandleContrast: {
+                    stroke: string;
+                };
+                grabHandleText: {
+                    fill: string;
+                };
+                handleBase: {
+                    fill: string;
+                };
+                handleRingLayer: {
+                    stroke: string;
+                };
+                handleReactiveFill: {
+                    fill: string;
+                };
+                handleReactiveRing: {
+                    stroke: string;
+                };
+                handleContrastLayer: {
+                    stroke: string;
+                };
+                stopStart: {
+                    stopColor: string;
+                };
+                stopEnd: {
+                    stopColor: string;
+                };
+            };
+            danger: {
+                label: {
+                    fill: string;
+                };
+                contrastLine: {
+                    stroke: string;
+                };
+                highlightLine: {
+                    stroke: string;
+                };
+                grabHandle: {
+                    fill: string;
+                    stroke: string;
+                };
+                point: {
+                    fill: string;
+                };
+                grabHandleText: {
+                    fill: string;
+                };
+                grabHandleContrast: {
+                    stroke: string;
+                };
+                handleBase: {
+                    fill: string;
+                };
+                handleRingLayer: {
+                    stroke: string;
+                };
+                handleReactiveFill: {
+                    fill: string;
+                };
+                handleReactiveRing: {
+                    stroke: string;
+                };
+                handleContrastLayer: {
+                    stroke: string;
+                };
+                stopStart: {
+                    stopColor: string;
+                };
+                stopEnd: {
+                    stopColor: string;
+                };
+            };
+        };
+    };
+    deviceSize: {
+        small: number;
+        medium: number;
+        large: number;
+        xlarge: number;
+        xxlarge: number;
+    };
+    deviceMediaQuery: {
+        small: string;
+        medium: string;
+        large: string;
+        xlarge: string;
+        xxlarge: string;
+    };
+};
+export default _default;