scorer-ui-kit 2.0.3 → 2.0.4

package/dist/themes/dark/dark.d.ts

@@ -0,0 +1,1051 @@
+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: {
+        form: {
+            label: {
+                default: {
+                    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;
+                    };
+                };
+                value: {
+                    normal: {
+                        textAlign: 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;
+                    };
+                };
+            };
+        };
+        global: {
+            mainMenu: {
+                subItem: {
+                    default: {
+                        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;
+                };
+                identity: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+                menuItem: {
+                    active: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    default: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    hover: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+                hidePrompt: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+                "sub-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;
+                    };
+                };
+            };
+            topBar: {
+                search: {
+                    value: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+            };
+        };
+        pageHeader: {
+            introduction: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: string;
+                textDecoration: string;
+                color: string;
+            };
+            mainTitle: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                textDecoration: string;
+                color: string;
+            };
+            areaTitle: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                textDecoration: string;
+                color: string;
+            };
+        };
+        styleGuide: {
+            guideTitle: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                textDecoration: string;
+                color: string;
+                textTransform: string;
+                letterSpacing: string;
+            };
+            guideNotes: {
+                textAlign: string;
+                fontStyle: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: string;
+                paragraphSpacing: string;
+                textDecoration: string;
+                color: string;
+            };
+            itemName: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                textDecoration: string;
+                color: string;
+            };
+            guideAreaSubtitle: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                textTransform: string;
+                textDecoration: string;
+                color: string;
+            };
+            guideAreaTitle: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                textTransform: string;
+                textDecoration: string;
+                color: string;
+            };
+        };
+        active: {
+            textAlign: string;
+            fontSize: string;
+            fontWeight: number;
+            textDecoration: string;
+            color: string;
+        };
+        filters: {
+            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;
+                };
+            };
+        };
+        table: {
+            columnData: {
+                firstColumn: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+                lowImportance: {
+                    left: {
+                        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;
+                    };
+                    right: {
+                        textAlign: string;
+                        fontStyle: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+                highImportance: {
+                    left: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    right: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                    center: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+                normalImportance: {
+                    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;
+                    };
+                };
+                unit: {
+                    textAlign: string;
+                    fontStyle: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    textDecoration: string;
+                    color: string;
+                };
+            };
+            header: {
+                right: {
+                    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;
+                };
+                center: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    letterSpacing: string;
+                    textDecoration: string;
+                    color: string;
+                };
+            };
+            subHeader: {
+                right: {
+                    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;
+                };
+                center: {
+                    textAlign: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    letterSpacing: string;
+                    textDecoration: string;
+                    color: string;
+                };
+            };
+        };
+        tables: {
+            groupName: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                letterSpacing: string;
+                textDecoration: string;
+                color: string;
+            };
+        };
+        meta: {
+            tagList: {
+                item: {
+                    normal: {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+            };
+        };
+        searchBar: {
+            placeholder: {
+                textAlign: string;
+                fontStyle: string;
+                fontSize: string;
+                fontWeight: number;
+                textDecoration: string;
+                color: string;
+            };
+        };
+        modal: {
+            basicContent: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: string;
+                textDecoration: string;
+                color: string;
+            };
+            title: {
+                textAlign: string;
+                fontSize: string;
+                fontWeight: number;
+                textShadow: string;
+                textDecoration: string;
+                color: string;
+            };
+        };
+    };
+    colors: {
+        divider: string;
+        menu: {
+            active: string;
+            hover: string;
+            default: string;
+        };
+        icons: {
+            subtle: string;
+            dimmed: string;
+            inverse: string;
+            mono: string;
+            danger: string;
+            primary: string;
+        };
+        status: {
+            good: string;
+        };
+        input: {
+            border: {
+                default: string;
+            };
+        };
+    };
+    styles: {
+        global: {
+            mainMenu: {
+                background: {
+                    boxShadow: string;
+                    backgroundColor: string;
+                };
+                footerBackground: {
+                    backgroundColor: string;
+                };
+                lines: {
+                    backgroundColor: string;
+                };
+                iconBackground: {
+                    default: {
+                        backgroundColor: string;
+                    };
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    active: {
+                        backgroundColor: string;
+                    };
+                };
+                desktop: {
+                    open: {};
+                };
+            };
+            drawer: {
+                background: {
+                    boxShadow: string;
+                    backgroundColor: string;
+                };
+            };
+            topBar: {
+                lines: {
+                    backgroundColor: string;
+                };
+            };
+            background: {
+                backgroundColor: string;
+                backgroundImage: string;
+            };
+        };
+        general: {
+            divider: {
+                backgroundColor: string;
+            };
+        };
+        tables: {
+            loadingOverlay: {
+                backgroundColor: string;
+                backgroundImage: string;
+            };
+            rows: {
+                divider: {
+                    backgroundColor: string;
+                };
+            };
+            header: {
+                groupLine: {
+                    backgroundColor: string;
+                };
+                divider: {
+                    backgroundColor: string;
+                };
+                sortable: {
+                    default: {
+                        backgroundColor: string;
+                    };
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+        };
+        filters: {
+            filterButton: {
+                hover: {
+                    boxShadow: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                    border: string;
+                    textColor: string;
+                };
+                default: {
+                    boxShadow: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                    border: string;
+                    textColor: string;
+                };
+                active: {
+                    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;
+                };
+            };
+            dropdownContainer: {
+                topBorder: {
+                    backgroundColor: string;
+                };
+                background: {
+                    boxShadow: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                    border: string;
+                };
+            };
+        };
+        form: {
+            checkbox: {
+                unchecked: {
+                    disabled: {
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                    default: {
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                checked: {
+                    default: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                    };
+                    disabled: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                    };
+                };
+            };
+            button: {
+                secondary: {
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    disabled: {
+                        backgroundColor: string;
+                    };
+                    actionArea: {
+                        backgroundColor: string;
+                    };
+                    default: {
+                        backgroundColor: string;
+                    };
+                    divider: {
+                        backgroundColor: string;
+                    };
+                    active: {
+                        backgroundColor: string;
+                    };
+                };
+                danger: {
+                    disabled: {
+                        backgroundColor: string;
+                    };
+                    divider: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            input: {
+                default: {
+                    normal: {
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                    focused: {
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                        boxShadow: string;
+                    };
+                };
+                required: {
+                    normal: {
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                    focused: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                processing: {
+                    focused: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                    normal: {
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                disabled: {
+                    normal: {
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                valid: {
+                    normal: {
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                    focused: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                invalid: {
+                    normal: {
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                    focused: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+            };
+        };
+        indicators: {
+            spinner: {
+                secondary: {
+                    top: {
+                        borderColor: string;
+                        border: string;
+                    };
+                    base: {
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                simple: {
+                    base: {
+                        borderColor: string;
+                        border: string;
+                    };
+                    top: {
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+                primary: {
+                    base: {
+                        borderColor: string;
+                        border: string;
+                    };
+                    top: {
+                        borderColor: string;
+                        border: string;
+                    };
+                };
+            };
+        };
+        modal: {
+            container: {
+                boxShadow: string;
+                backgroundColor: string;
+                borderColor: string;
+                border: string;
+            };
+            overlay: {
+                backgroundColor: 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;