scorer-ui-kit 2.0.3 → 2.0.4

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

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