scorer-ui-kit 2.0.3 → 2.0.4

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

@@ -0,0 +1,485 @@
+export declare const 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;
+        };
+    };
+};

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

@@ -0,0 +1,41 @@
+export declare const 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;
+        };
+    };
+};

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

@@ -0,0 +1,139 @@
+export declare const 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;
+            };
+        };
+    };
+};