elbe-ui 1.0.2 → 1.0.4

package/dist/ui/components/base/box.js

@@ -11,11 +11,14 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { Component, createElement } from "react";
 export function applyProps(typeLabel, p, classes, style) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     if (Array.isArray(classes)) {
         classes = classes.filter((c) => c).join(" ");
     }
-    return Object.assign(Object.assign({ id: p.id, className: `${classes || ""} ${p.className || ""}`, style: Object.assign(Object.assign(Object.assign({}, (style !== null && style !== void 0 ? style : {})), ((_a = p.style) !== null && _a !== void 0 ? _a : {})), (p.flex ? { flex: p.flex === true ? 1 : p.flex } : {})) }, (p.tooltip ? { ["data-tooltip"]: p.tooltip } : {})), { ["aria-label"]: (_b = p.ariaLabel) !== null && _b !== void 0 ? _b : undefined, ["data-type"]: (_c = p.typeLabel) !== null && _c !== void 0 ? _c : (!!typeLabel ? `elbe_${typeLabel}` : undefined) });
+    const args = Object.assign(Object.assign({ id: p.id, onKeyDown: p.onKeyDown, onKeyUp: p.onKeyUp, onClick: p.onClick, onContextMenu: p.onContextMenu, onDoubleClick: p.onDoubleClick, onMouseDown: p.onMouseDown, onMouseUp: p.onMouseUp, onMouseEnter: p.onMouseEnter, onMouseLeave: p.onMouseLeave, onFocus: p.onFocus, onBlur: p.onBlur, tabIndex: p.tabIndex, autoFocus: p.autoFocus, role: (_a = p.role) !== null && _a !== void 0 ? _a : undefined, className: `${classes || ""} ${p.className || ""}`, style: Object.assign(Object.assign(Object.assign({}, (style !== null && style !== void 0 ? style : {})), ((_b = p.style) !== null && _b !== void 0 ? _b : {})), (p.flex ? { flex: p.flex === true ? 1 : p.flex } : {})) }, (p.tooltip ? { ["data-tooltip"]: p.tooltip } : {})), { ["aria-label"]: (_c = p.ariaLabel) !== null && _c !== void 0 ? _c : undefined, 
+        //@ts-ignore
+        ["data-type"]: (_d = p.typeLabel) !== null && _d !== void 0 ? _d : (!!typeLabel ? `elbe_${typeLabel}` : undefined) });
+    return args;
 }
 export class Box extends Component {
     render() {

package/dist/ui/components/dialog.js

@@ -24,5 +24,9 @@ export function ElbeDialog({ title, open, onClose, children, _style, barrierDism
                                 e.stopPropagation();
                                 e.preventDefault();
                                 onClose();
-                            } })] }), _jsx(Spaced, { amount: 0.5 }), _jsx("div", { className: "padded", style: { maxHeight: "80vh", overflow: "auto" }, children: children })] }) }));
+                            } })] }), _jsx(Spaced, { amount: 0.5 }), _jsx("div", { className: "padded", style: {
+                        paddingTop: 0,
+                        maxHeight: "80vh",
+                        overflow: "auto",
+                    }, children: children })] }) }));
 }

package/dist/ui/theme/theme.js

@@ -31,7 +31,9 @@ export function ElbeTheme(p) {
     const theme = "theme" in p ? p.theme : ElbeThemeData.fromSeed((_a = p.seed) !== null && _a !== void 0 ? _a : {});
     const config = makeThemeConfig(p);
     _addTooltip();
-    return (_jsxs("div", { className: `elbe ${config.dark ? "dark" : ""} ${config.highVis ? "highvis" : ""} ${config.reducedMotion ? "reduced_motion" : ""}`, children: [p.todoOverlay && _jsx(ToDo.Overlay, {}), _jsx("style", { children: theme.asCss() }), _jsx("style", { children: _configCss(theme, config) }), _jsx(ThemeConfigContext.Provider, { value: config, children: _jsx(ThemeContext.Provider, { value: theme, children: p.children }) })] }));
+    return (_jsxs("div", { ["type-label"]: "elbe-theme", style: {
+            width: "100%",
+        }, className: `elbe ${config.dark ? "dark" : ""} ${config.highVis ? "highvis" : ""} ${config.reducedMotion ? "reduced_motion" : ""}`, children: [p.todoOverlay && _jsx(ToDo.Overlay, {}), _jsx("style", { children: theme.asCss() }), _jsx("style", { children: _configCss(theme, config) }), _jsx(ThemeConfigContext.Provider, { value: config, children: _jsx(ThemeContext.Provider, { value: theme, children: p.children }) })] }));
 }
 function _addTooltip() {
     return useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elbe-ui",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "author": "Robin Naumann",
   "license": "MIT",
   "repository": {