@trebired/frontend 5.1.2 → 6.0.1

package/dist/src/config/component-tokens.d.ts

@@ -1,149 +1,320 @@
 import type { NormalizedFrontendComponentsConfig } from "./types.js";
 declare const DEFAULT_FRONTEND_COMPONENTS_CONFIG: Readonly<{
-    actionButton: Readonly<{}>;
-    button: Readonly<{
-        disabled: {
-            opacity: string;
-        };
-        font: {
-            size: string;
-            weight: string;
-        };
-        gap: "8px";
-        height: "28px";
-        icon: {
-            fontSize: string;
-            size: string;
-            xs2: {
-                fontSize: string;
-                size: string;
+    data: Readonly<{
+        graph: Readonly<{
+            download: Readonly<{}>;
+            heatmap: Readonly<{}>;
+            upload: Readonly<{}>;
+        }>;
+        log: Readonly<{
+            line: Readonly<{}>;
+            selection: Readonly<{}>;
+        }>;
+    }>;
+    feedback: Readonly<{
+        flash: Readonly<{
+            container: {
+                background: string;
+                border: string;
+                color: string;
+                padding: string;
+                radius: string;
             };
-            xs: {
-                fontSize: string;
-                size: string;
+            intents: {
+                error: {};
+                info: {};
+                success: {};
+                warn: {};
             };
-            sm: {
-                fontSize: string;
-                size: string;
+            layout: {
+                actionsGap: string;
+                bodyGap: string;
+                gap: string;
             };
-            md: {
-                fontSize: string;
-                size: string;
+            placement: {
+                maxWidth: string;
+                offset: string;
             };
-            lg: {
-                fontSize: string;
+            slots: {
+                description: {
+                    fontSize: string;
+                };
+                icon: {
+                    fontWeight: string;
+                    size: string;
+                };
+                progress: {
+                    height: string;
+                };
+                title: {
+                    fontWeight: string;
+                };
+            };
+        }>;
+    }>;
+    overlays: Readonly<{
+        modal: Readonly<{}>;
+        popover: Readonly<{
+            item: {
+                root: {
+                    height: string;
+                    padding: string;
+                    radius: string;
+                };
+                states: {
+                    hover: {};
+                    selected: {};
+                };
+            };
+            panel: {
+                background: string;
+                border: string;
+                color: string;
+                gap: string;
+                padding: string;
+                radius: string;
+            };
+        }>;
+        tooltip: Readonly<{
+            arrow: {
+                borderWidth: string;
                 size: string;
             };
-        };
-        padding: "0 12px";
-        paddingBlock: "0";
-        radius: "var(--radius-md, var(--tbf-radius, 0))";
-        sizes: {
-            sm: {
+            motion: {
+                duration: string;
+                easing: string;
+            };
+            panel: {
+                background: string;
+                border: string;
+                color: string;
+                fontFamily: string;
                 fontSize: string;
-                height: string;
-                paddingInline: string;
+                lineHeight: string;
+                padding: string;
+                radius: string;
             };
-            md: {
+        }>;
+    }>;
+    primitives: Readonly<{
+        actionControl: Readonly<{}>;
+        button: Readonly<{
+            root: {
+                background: string;
+                border: string;
+                color: string;
                 fontSize: string;
+                fontWeight: string;
+                gap: string;
                 height: string;
-                paddingInline: string;
+                padding: string;
+                paddingBlock: string;
+                radius: string;
+            };
+            sizes: {
+                lg: {
+                    fontSize: string;
+                    height: string;
+                    paddingInline: string;
+                };
+                md: {
+                    fontSize: string;
+                    height: string;
+                    paddingInline: string;
+                };
+                sm: {
+                    fontSize: string;
+                    height: string;
+                    paddingInline: string;
+                };
+            };
+            slots: {
+                icon: {
+                    fontSize: string;
+                    size: string;
+                    sizes: {
+                        lg: {
+                            fontSize: string;
+                            size: string;
+                        };
+                        md: {
+                            fontSize: string;
+                            size: string;
+                        };
+                        sm: {
+                            fontSize: string;
+                            size: string;
+                        };
+                        xs: {
+                            fontSize: string;
+                            size: string;
+                        };
+                        xs2: {
+                            fontSize: string;
+                            size: string;
+                        };
+                    };
+                };
             };
-            lg: {
+            states: {
+                disabled: {
+                    opacity: string;
+                };
+                hover: {};
+            };
+            tones: {
+                green: {
+                    states: {
+                        hover: {};
+                    };
+                };
+                highlight: {
+                    states: {
+                        hover: {};
+                    };
+                };
+                red: {
+                    states: {
+                        hover: {};
+                    };
+                };
+                yellow: {
+                    states: {
+                        hover: {};
+                    };
+                };
+            };
+        }>;
+        choice: Readonly<{
+            checked: Readonly<{}>;
+            control: Readonly<{}>;
+        }>;
+        dot: Readonly<{}>;
+        dropdown: Readonly<{
+            arrow: Readonly<{}>;
+            menu: Readonly<{}>;
+            option: Readonly<{
+                states: {
+                    hover: {};
+                    selected: {};
+                };
+            }>;
+        }>;
+        input: Readonly<{
+            file: {
+                button: {
+                    states: {
+                        hover: {};
+                    };
+                };
+            };
+            states: {
+                focus: {};
+            };
+        }>;
+        loader: Readonly<{}>;
+        pill: Readonly<{}>;
+        progress: Readonly<{}>;
+        tabs: Readonly<{
+            list: {
+                gap: string;
+            };
+            responsive: {
+                mobile: {
+                    fontSize: string;
+                    height: string;
+                };
+            };
+            root: {
+                background: string;
+                border: string;
+                color: string;
+                fontFamily: string;
                 fontSize: string;
                 height: string;
                 paddingInline: string;
+                radius: string;
             };
-        };
-    }>;
-    card: Readonly<{
-        minHeight: "var(--height-xs4, 35px)";
-        padding: "14px 14px 12px 14px";
-        radius: "var(--radius-lg, var(--tbf-radius, 0))";
-        row: {
-            padding: string;
-            radius: string;
-        };
-        title: {
-            fontSize: string;
-            fontWeight: string;
-            margin: string;
-        };
-    }>;
-    flash: Readonly<{
-        actionsGap: "8px";
-        bodyGap: "8px";
-        descriptionFontSize: "0.92rem";
-        gap: "10px";
-        icon: {
-            fontSize: string;
-            fontWeight: string;
-        };
-        maxWidth: "520px";
-        offset: "18px";
-        padding: "15px";
-        progressHeight: "4px";
-        radius: "var(--radius-lg, var(--tbf-radius, 0))";
-        title: {
-            fontWeight: string;
-        };
-    }>;
-    header: Readonly<{
-        brand: {
-            tag: {
-                offsetY: string;
+            states: {
+                active: {};
+                hover: {};
             };
-        };
-    }>;
-    progress: Readonly<{
-        height: "3px";
-    }>;
-    surfaceButton: Readonly<{}>;
-    surfaceCard: Readonly<{}>;
-    tabs: Readonly<{
-        font: {
-            family: string;
-            size: string;
-        };
-        gap: "var(--tbf-gap-sm)";
-        height: "34px";
-        mobile: {
-            fontSize: string;
-            height: string;
-        };
-        paddingInline: "14px";
-        radius: "var(--radius-sm, var(--tbf-radius-sm, 0))";
+        }>;
+        textLink: Readonly<{
+            root: {
+                color: string;
+                fontWeight: string;
+                textDecorationLine: string;
+                textDecorationStyle: string;
+                textDecorationThickness: string;
+                textUnderlineOffset: string;
+                transition: string;
+            };
+            states: {
+                hover: {
+                    textDecorationStyle: string;
+                };
+            };
+        }>;
+        toggle: Readonly<{
+            active: Readonly<{}>;
+            thumb: Readonly<{}>;
+            track: Readonly<{}>;
+        }>;
     }>;
-    textLink: Readonly<{
-        color: "var(--text-color-muted, var(--tbf-text-muted, var(--tbf-text, currentColor)))";
-        fontWeight: "inherit";
-        hover: {
-            color: string;
-            textDecorationStyle: string;
-        };
-        textDecorationLine: "underline";
-        textDecorationStyle: "dotted";
-        textDecorationThickness: "1px";
-        textUnderlineOffset: "3px";
-        transition: "color var(--transition-fast, var(--tbf-transition-fast, 120ms ease))";
+    shell: Readonly<{
+        header: Readonly<{
+            brand: {
+                tag: {
+                    offsetY: string;
+                };
+            };
+        }>;
+        language: Readonly<{
+            option: {
+                states: {
+                    current: {};
+                };
+            };
+        }>;
+        sidebar: Readonly<{}>;
+        theme: Readonly<{
+            option: {
+                states: {
+                    current: {};
+                };
+            };
+        }>;
     }>;
-    tooltip: Readonly<{
-        arrow: {
-            background: string;
-            borderColor: string;
-            borderWidth: string;
-            size: string;
-        };
-        border: "var(--tbf-border-width, 1px) solid var(--tbf-border, #000)";
-        duration: "170ms";
-        easing: "cubic-bezier(0.16, 1, 0.3, 1)";
-        font: {
-            family: string;
-            size: string;
-        };
-        lineHeight: "1.3";
-        padding: "7px 9px";
-        radius: "var(--tbf-radius-sm, 0)";
+    surfaces: Readonly<{
+        button: Readonly<{}>;
+        card: Readonly<{
+            body: {
+                divider: {};
+            };
+            root: {
+                background: string;
+                border: string;
+                minHeight: string;
+                padding: string;
+                radius: string;
+            };
+            row: {
+                background: string;
+                padding: string;
+                radius: string;
+                states: {
+                    excluded: {};
+                    hover: {};
+                    selected: {};
+                };
+            };
+            title: {
+                fontSize: string;
+                fontWeight: string;
+                margin: string;
+            };
+        }>;
     }>;
 }>;
 declare function normalizeComponentsConfig(value: unknown): NormalizedFrontendComponentsConfig;

package/dist/src/config/component-tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-tokens.d.ts","sourceRoot":"","sources":["../../../src/config/component-tokens.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kCAAkC,EAGnC,MAAM,YAAY,CAAC;AAIpB,QAAA,MAAM,kCAAkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmGO,CAAC;AA8BhD,iBAAS,yBAAyB,CAAC,KAAK,EAAE,OAAO,GAAG,kCAAkC,CAWrF;AAED,OAAO,EACL,kCAAkC,EAClC,yBAAyB,GAC1B,CAAC"}
+{"version":3,"file":"component-tokens.d.ts","sourceRoot":"","sources":["../../../src/config/component-tokens.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kCAAkC,EAGnC,MAAM,YAAY,CAAC;AAIpB,QAAA,MAAM,kCAAkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkQO,CAAC;AA8ChD,iBAAS,yBAAyB,CAAC,KAAK,EAAE,OAAO,GAAG,kCAAkC,CAiBrF;AAED,OAAO,EACL,kCAAkC,EAClC,yBAAyB,GAC1B,CAAC"}