@protonradio/proton-ui 0.4.0 → 0.4.1

package/dist/proton-ui.es.d.ts

@@ -340,11 +340,11 @@ export { TableHeader }
 declare type TableProps = AriaTableProps & TableStateProps<object>;
 
 export declare const TextEmphasis: {
-    ({ to, children }: TextEmphasisProps): JSX_2.Element;
-    Tooltip: ({ to, children, tooltipProps, }: TextEmphasisTooltipProps) => JSX_2.Element;
+    ({ to, children, ...props }: TextEmphasisProps): JSX_2.Element;
+    Tooltip: ({ to, children, tooltipProps, ...props }: TextEmphasisTooltipProps) => JSX_2.Element;
 };
 
-declare interface TextEmphasisProps {
+declare interface TextEmphasisProps extends React.HTMLAttributes<HTMLSpanElement> {
     to?: string;
     onClick?: () => void;
     children: string;

package/dist/proton-ui.es.js

@@ -7270,14 +7270,8 @@ const tf = (t) => {
   const e = window.location.hostname, n = tf(t);
   return e !== n;
 }, rf = (t, e) => {
-  if (t.metaKey || t.altKey || t.ctrlKey || t.shiftKey) {
-    console.log("modifier keys pressed");
+  if (t.metaKey || t.altKey || t.ctrlKey || t.shiftKey || t.button && t.button !== 0)
     return;
-  }
-  if (t.button && t.button !== 0) {
-    console.log("middle or right click");
-    return;
-  }
   t.preventDefault();
   const n = e.startsWith("/") ? e : `/${e}`;
   window.history.pushState({}, "", n), window.dispatchEvent(new PopStateEvent("popstate"));
@@ -9447,58 +9441,58 @@ const Sp = {
     }
   );
 };
-const sp = ({ to: t, children: e }) => {
-  const { className: n } = st();
-  return t ? /* @__PURE__ */ C.jsx($a, { to: t, children: e }) : /* @__PURE__ */ C.jsx(
+const sp = ({ to: t, children: e, ...n }) => {
+  const { className: r } = st();
+  return t ? /* @__PURE__ */ C.jsx($a, { to: t, "data-testid": n["data-testid"], children: e }) : /* @__PURE__ */ C.jsx(
     "span",
     {
-      className: ee(
-        "proton-TextEmphasis",
-        "proton-TextEmphasis--title",
-        n
-      ),
+      className: ee("proton-TextEmphasis", r),
+      "data-testid": n["data-testid"],
       children: e
     }
   );
 }, $a = ({
   to: t,
   className: e,
-  children: n
+  children: n,
+  ...r
 }) => {
-  const { className: r } = st(), l = nf(t);
-  return /* @__PURE__ */ C.jsx(
-    "span",
+  const { className: l } = st(), i = nf(t);
+  return /* @__PURE__ */ C.jsx("span", { className: ee("proton-TextEmphasis", l, e), children: /* @__PURE__ */ C.jsx(
+    "a",
     {
-      className: ee(
-        "proton-TextEmphasis ",
-        "proton-TextEmphasis--title",
-        r,
-        e
-      ),
-      children: /* @__PURE__ */ C.jsx(
-        "a",
-        {
-          href: t,
-          onClick: l ? void 0 : (i) => rf(i, t),
-          children: n
-        }
-      )
-    }
-  );
+      "data-testid": r["data-testid"],
+      href: t,
+      target: i ? "_blank" : void 0,
+      rel: i ? "noopener noreferrer" : void 0,
+      onClick: i ? void 0 : (o) => rf(o, t),
+      children: n
+    }
+  ) });
 }, cp = ({
   to: t,
   children: e,
-  tooltipProps: n
+  tooltipProps: n,
+  ...r
 }) => {
-  const { className: r } = st();
-  return t ? /* @__PURE__ */ C.jsx($a, { to: t, className: "proton-TextEmphasis--tooltip", children: /* @__PURE__ */ C.jsx(Sl, { tooltipProps: n, children: e }) }) : /* @__PURE__ */ C.jsx(
+  const { className: l } = st();
+  return t ? /* @__PURE__ */ C.jsx(
+    $a,
+    {
+      to: t,
+      className: "proton-TextEmphasis--tooltip",
+      "data-testid": r["data-testid"],
+      children: /* @__PURE__ */ C.jsx(Sl, { tooltipProps: n, children: e })
+    }
+  ) : /* @__PURE__ */ C.jsx(
     "span",
     {
       className: ee(
         "proton-TextEmphasis",
         "proton-TextEmphasis--tooltip",
-        r
+        l
       ),
+      "data-testid": r["data-testid"],
       children: /* @__PURE__ */ C.jsx(Sl, { tooltipProps: n, children: e })
     }
   );