elbe-ui 0.2.5 → 0.2.14

package/dist/index.js

@@ -15900,7 +15900,6 @@ var index = Object.freeze({
   ZoomIn,
   ZoomOut
 });
-var $CircleXIcon = CircleX;
 var $X = X;
 var $icons = index;
 // node_modules/preact/dist/preact.mjs
@@ -16873,7 +16872,7 @@ function _ElbeErr(msg) {
     class: "row text-s gap-half",
     style: "background: #ee0044; color: white; border-radius: 4px; text-align: left; padding: .5rem",
     children: [
-      u3($CircleXIcon, {}, undefined, false, undefined, this),
+      u3(Icons.CircleX, {}, undefined, false, undefined, this),
       u3("div", {
         class: "column gap-none cross-stretch",
         children: [
@@ -17429,12 +17428,28 @@ function showToast(message) {
     toast.remove();
   }, 3000);
 }
+// src/ui/util/util.ts
+function share(data, toastMsg = "copied to clipboard. Share it with others.") {
+  const msg = `${data.title}\n${data.text ?? ""}\n\n${data.url}`;
+  if (navigator.share) {
+    navigator.share(data).catch(() => copyToClipboard(msg, toastMsg));
+  } else {
+    copyToClipboard(msg, toastMsg);
+  }
+}
+function copyToClipboard(text, toastMsg = "copied to clipboard") {
+  navigator.clipboard.writeText(text);
+  if (toastMsg)
+    showToast(toastMsg);
+}
 
 // src/index.tsx
 var Icons = $icons;
 export {
   showToast,
   showConfirmDialog,
+  share,
+  copyToClipboard,
   applyProps,
   ToggleButton,
   Text2 as Text,

package/dist/ui/color_theme.d.ts

@@ -0,0 +1,5 @@
+export type ElbeColorStyles = "accent" | "error" | "warning" | "success" | "info";
+export type ElbeColorManners = "major" | "minor" | "action" | "integrated";
+export type ElbeColorThemes = "primary" | "secondary" | "inverse";
+export type ElbeColorModes = "light" | "dark";
+export type ElbeTypeStyles = "header-1" | "header-2" | "header-3" | "header-4" | "header-5" | "header-6" | "text-s" | "text-m" | "text-l" | "code";

package/dist/ui/components/badge.d.ts

@@ -0,0 +1,25 @@
+import React from "preact/compat";
+import type { ElbeColorStyles } from "../color_theme";
+import type { ElbeChild, ElbeChildren } from "../util/util";
+import type { ElbeProps } from "./box";
+export type BadgeProps = {
+    count?: number;
+    message?: string;
+    child?: ElbeChild;
+    hidden?: boolean;
+    children?: ElbeChildren;
+} & ElbeProps;
+export declare function TestBadge(p: BadgeProps): Badge;
+export declare class Badge extends React.Component<BadgeProps & {
+    colorStyle: ElbeColorStyles;
+}> {
+    constructor(props: BadgeProps & {
+        colorStyle: ElbeColorStyles;
+    });
+    static accent(p: BadgeProps): React.JSX.Element;
+    static error(p: BadgeProps): React.JSX.Element;
+    static warning(p: BadgeProps): React.JSX.Element;
+    static success(p: BadgeProps): React.JSX.Element;
+    static info(p: BadgeProps): React.JSX.Element;
+    render(): React.JSX.Element;
+}