scorer-ui-kit 2.2.5 → 2.3.0

package/dist/theme/index.d.ts

@@ -325,98 +325,6 @@ declare const _default: {
                 };
             };
         };
-        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;
@@ -1240,46 +1148,6 @@ declare const _default: {
                 };
             };
         };
-        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: {

package/dist/theme/legacy/styles.d.ts

@@ -335,46 +335,6 @@ export declare const styles: {
             };
         };
     };
-    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: {

package/dist/theme/legacy/typography.d.ts

@@ -256,98 +256,6 @@ export declare const typography: {
             };
         };
     };
-    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;

package/dist/theme/variables/Animation.d.ts

@@ -0,0 +1 @@
+export declare const animationVariables: import("styled-components").FlattenSimpleInterpolation;

package/dist/themes/common.d.ts

@@ -0,0 +1,99 @@
+export declare const fontFamily: {
+    ui: string;
+    data: string;
+};
+export declare const 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;
+            };
+        };
+    };
+};
+export declare const animation: {
+    easing: {
+        primary: {
+            inOut: string;
+            out: string;
+            in: string;
+        };
+    };
+    speed: {
+        faster: string;
+        fast: string;
+        normal: string;
+        slow: string;
+        slower: string;
+        slowest: string;
+    };
+};
+export declare const deviceSize: {
+    small: number;
+    medium: number;
+    large: number;
+    xlarge: number;
+    xxlarge: number;
+};
+export declare const deviceMediaQuery: {
+    small: string;
+    medium: string;
+    large: string;
+    xlarge: string;
+    xxlarge: string;
+};

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

@@ -0,0 +1,42 @@
+export declare const colors: {
+    pureBase: string;
+    pureTop: string;
+    divider: string;
+    icons: {
+        inverse: string;
+        mono: string;
+        dimmed: string;
+        subtle: string;
+        primary: string;
+        danger: string;
+        white: 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,148 @@
+export declare const custom: {
+    lines: {
+        primary: {
+            label: {
+                fill: string;
+            };
+            contrastLine: {
+                stroke: string;
+            };
+            highlightLine: {
+                stroke: string;
+            };
+            highlightLineBorder: {
+                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;
+            };
+            highlightLineBorder: {
+                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;
+            };
+            highlightLineBorder: {
+                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;
+            };
+        };
+    };
+};