@trebired/frontend 6.0.1 → 6.0.5

package/dist/src/config/component-tokens.js

@@ -1,265 +1,7 @@
 import { assertPlainObject, invalidConfig, isPlainObject } from "./shared.js";
 import { normalizeThemeTokens } from "./theme.js";
+import { DEFAULT_FRONTEND_COMPONENTS_CONFIG } from "./default-component-tokens.js";
 const COMPONENT_KEY_RE = /^[a-z][a-z0-9]*$/iu;
-const DEFAULT_FRONTEND_COMPONENTS_CONFIG = Object.freeze({
-    data: Object.freeze({
-        graph: Object.freeze({
-            download: Object.freeze({}),
-            heatmap: Object.freeze({}),
-            upload: Object.freeze({}),
-        }),
-        log: Object.freeze({
-            line: Object.freeze({}),
-            selection: Object.freeze({}),
-        }),
-    }),
-    feedback: Object.freeze({
-        flash: Object.freeze({
-            container: {
-                background: "transparent",
-                border: "1px solid currentColor",
-                color: "currentColor",
-                padding: "15px",
-                radius: "0",
-            },
-            intents: {
-                error: {},
-                info: {},
-                success: {},
-                warn: {},
-            },
-            layout: {
-                actionsGap: "8px",
-                bodyGap: "8px",
-                gap: "10px",
-            },
-            placement: {
-                maxWidth: "520px",
-                offset: "18px",
-            },
-            slots: {
-                description: { fontSize: "0.92rem" },
-                icon: { fontWeight: "700", size: "15px" },
-                progress: { height: "4px" },
-                title: { fontWeight: "400" },
-            },
-        }),
-    }),
-    overlays: Object.freeze({
-        modal: Object.freeze({}),
-        popover: Object.freeze({
-            item: {
-                root: {
-                    height: "35px",
-                    padding: "5px 10px",
-                    radius: "0",
-                },
-                states: {
-                    hover: {},
-                    selected: {},
-                },
-            },
-            panel: {
-                background: "transparent",
-                border: "1px solid currentColor",
-                color: "currentColor",
-                gap: "2px",
-                padding: "8px",
-                radius: "0",
-            },
-        }),
-        tooltip: Object.freeze({
-            arrow: {
-                borderWidth: "1px",
-                size: "8px",
-            },
-            motion: {
-                duration: "170ms",
-                easing: "cubic-bezier(0.16, 1, 0.3, 1)",
-            },
-            panel: {
-                background: "transparent",
-                border: "1px solid currentColor",
-                color: "currentColor",
-                fontFamily: "sans-serif",
-                fontSize: "12px",
-                lineHeight: "1.3",
-                padding: "7px 9px",
-                radius: "0",
-            },
-        }),
-    }),
-    primitives: Object.freeze({
-        actionControl: Object.freeze({}),
-        button: Object.freeze({
-            root: {
-                background: "transparent",
-                border: "1px solid currentColor",
-                color: "currentColor",
-                fontSize: "12px",
-                fontWeight: "600",
-                gap: "8px",
-                height: "28px",
-                padding: "0 12px",
-                paddingBlock: "0",
-                radius: "0",
-            },
-            sizes: {
-                lg: { fontSize: "13px", height: "34px", paddingInline: "14px" },
-                md: { fontSize: "12px", height: "28px", paddingInline: "12px" },
-                sm: { fontSize: "11px", height: "24px", paddingInline: "9px" },
-            },
-            slots: {
-                icon: {
-                    fontSize: "15px",
-                    size: "28px",
-                    sizes: {
-                        lg: { fontSize: "18px", size: "34px" },
-                        md: { fontSize: "16px", size: "30px" },
-                        sm: { fontSize: "14px", size: "26px" },
-                        xs: { fontSize: "12px", size: "22px" },
-                        xs2: { fontSize: "10px", size: "18px" },
-                    },
-                },
-            },
-            states: {
-                disabled: { opacity: "0.55" },
-                hover: {},
-            },
-            tones: {
-                green: { states: { hover: {} } },
-                highlight: { states: { hover: {} } },
-                red: { states: { hover: {} } },
-                yellow: { states: { hover: {} } },
-            },
-        }),
-        choice: Object.freeze({
-            checked: Object.freeze({}),
-            control: Object.freeze({}),
-        }),
-        dot: Object.freeze({}),
-        dropdown: Object.freeze({
-            arrow: Object.freeze({}),
-            menu: Object.freeze({}),
-            option: Object.freeze({
-                states: {
-                    hover: {},
-                    selected: {},
-                },
-            }),
-        }),
-        input: Object.freeze({
-            file: {
-                button: {
-                    states: {
-                        hover: {},
-                    },
-                },
-            },
-            states: {
-                focus: {},
-            },
-        }),
-        loader: Object.freeze({}),
-        pill: Object.freeze({}),
-        progress: Object.freeze({}),
-        tabs: Object.freeze({
-            list: { gap: "8px" },
-            responsive: {
-                mobile: { fontSize: "13px", height: "36px" },
-            },
-            root: {
-                background: "transparent",
-                border: "1px solid currentColor",
-                color: "currentColor",
-                fontFamily: "sans-serif",
-                fontSize: "14px",
-                height: "34px",
-                paddingInline: "14px",
-                radius: "0",
-            },
-            states: {
-                active: {},
-                hover: {},
-            },
-        }),
-        textLink: Object.freeze({
-            root: {
-                color: "currentColor",
-                fontWeight: "inherit",
-                textDecorationLine: "underline",
-                textDecorationStyle: "dotted",
-                textDecorationThickness: "1px",
-                textUnderlineOffset: "3px",
-                transition: "color 120ms ease",
-            },
-            states: {
-                hover: {
-                    textDecorationStyle: "solid",
-                },
-            },
-        }),
-        toggle: Object.freeze({
-            active: Object.freeze({}),
-            thumb: Object.freeze({}),
-            track: Object.freeze({}),
-        }),
-    }),
-    shell: Object.freeze({
-        header: Object.freeze({
-            brand: {
-                tag: {
-                    offsetY: "0",
-                },
-            },
-        }),
-        language: Object.freeze({
-            option: {
-                states: {
-                    current: {},
-                },
-            },
-        }),
-        sidebar: Object.freeze({}),
-        theme: Object.freeze({
-            option: {
-                states: {
-                    current: {},
-                },
-            },
-        }),
-    }),
-    surfaces: Object.freeze({
-        button: Object.freeze({}),
-        card: Object.freeze({
-            body: {
-                divider: {},
-            },
-            root: {
-                background: "transparent",
-                border: "1px solid currentColor",
-                minHeight: "35px",
-                padding: "14px 14px 12px 14px",
-                radius: "0",
-            },
-            row: {
-                background: "transparent",
-                padding: "9px 12px",
-                radius: "0",
-                states: {
-                    excluded: {},
-                    hover: {},
-                    selected: {},
-                },
-            },
-            title: {
-                fontSize: "15px",
-                fontWeight: "700",
-                margin: "0 0 10px 0",
-            },
-        }),
-    }),
-});
 const COMPONENT_GROUP_KEYS = Object.keys(DEFAULT_FRONTEND_COMPONENTS_CONFIG);
 function componentKeys(group) {
     return Object.keys(DEFAULT_FRONTEND_COMPONENTS_CONFIG[group]);

package/dist/src/config/component-tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-tokens.js","sourceRoot":"","sources":["../../../src/config/component-tokens.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"component-tokens.js","sourceRoot":"","sources":["../../../src/config/component-tokens.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,406 @@
+declare const DEFAULT_FRONTEND_COMPONENTS_CONFIG: Readonly<{
+    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;
+            };
+            intents: {
+                error: {};
+                info: {};
+                success: {};
+                warn: {};
+            };
+            layout: {
+                actionsGap: string;
+                bodyGap: string;
+                gap: string;
+            };
+            placement: {
+                maxWidth: string;
+                offset: 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;
+            };
+            motion: {
+                duration: string;
+                easing: string;
+            };
+            panel: {
+                background: string;
+                border: string;
+                color: string;
+                fontFamily: string;
+                fontSize: string;
+                lineHeight: string;
+                padding: string;
+                radius: string;
+            };
+        }>;
+    }>;
+    primitives: Readonly<{
+        actionControl: Readonly<{}>;
+        button: Readonly<{
+            root: {
+                background: string;
+                border: string;
+                color: string;
+                fontSize: string;
+                fontWeight: string;
+                gap: string;
+                height: 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;
+                        };
+                    };
+                };
+            };
+            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;
+            };
+            states: {
+                active: {};
+                hover: {};
+            };
+        }>;
+        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<{}>;
+        }>;
+        upload: Readonly<{
+            actions: {
+                gap: string;
+            };
+            content: {
+                gap: string;
+            };
+            cropper: {
+                actions: {
+                    gap: string;
+                };
+                description: {
+                    color: string;
+                };
+                header: {
+                    gap: string;
+                };
+                modal: {
+                    maxHeight: string;
+                    width: string;
+                };
+                stage: {
+                    background: string;
+                    border: string;
+                    faceColor: string;
+                    height: string;
+                    lineColor: string;
+                    minHeight: string;
+                    overlayColor: string;
+                    pointBackground: string;
+                    pointBorder: string;
+                    pointRadius: string;
+                    pointSize: string;
+                    radius: string;
+                };
+            };
+            hint: {
+                color: string;
+                fontSize: string;
+            };
+            list: {
+                gap: string;
+                paddingLeft: string;
+            };
+            preview: {
+                background: string;
+                border: string;
+                emptyColor: string;
+                emptyFontSize: string;
+                emptyLineHeight: string;
+                emptyPadding: string;
+                radius: string;
+                roundRadius: string;
+                size: string;
+            };
+            responsive: {
+                mobile: {
+                    cropperModalMaxHeight: string;
+                    cropperModalWidth: string;
+                    cropperStageHeight: string;
+                    cropperStageMinHeight: string;
+                };
+            };
+            root: {
+                color: string;
+                gap: string;
+            };
+            surface: {
+                background: string;
+                border: string;
+                color: string;
+                gap: string;
+                minHeight: string;
+                padding: string;
+                radius: string;
+                states: {
+                    drag: {
+                        background: string;
+                        borderColor: string;
+                    };
+                    hasFiles: {
+                        borderStyle: string;
+                    };
+                };
+            };
+        }>;
+    }>;
+    shell: Readonly<{
+        header: Readonly<{
+            brand: {
+                tag: {
+                    offsetY: string;
+                };
+            };
+        }>;
+        language: Readonly<{
+            option: {
+                states: {
+                    current: {};
+                };
+            };
+        }>;
+        sidebar: Readonly<{}>;
+        theme: Readonly<{
+            option: {
+                states: {
+                    current: {};
+                };
+            };
+        }>;
+    }>;
+    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;
+            };
+        }>;
+    }>;
+}>;
+export { DEFAULT_FRONTEND_COMPONENTS_CONFIG };
+//# sourceMappingURL=default-component-tokens.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-component-tokens.d.ts","sourceRoot":"","sources":["../../../src/config/default-component-tokens.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,kCAAkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+TS,CAAC;AAElD,OAAO,EAAE,kCAAkC,EAAE,CAAC"}