achery-ui 0.8.4 → 0.9.1

package/dist/index.cjs

@@ -3121,7 +3121,8 @@ function EntityPill({
   size = "md",
   onClick,
   href,
-  className
+  className,
+  style
 }) {
   const stampSize = size === "sm" ? 20 : 28;
   const isInteractive = Boolean(onClick || href);
@@ -3129,6 +3130,10 @@ function EntityPill({
     pill({ tone, size, interactive: isInteractive }),
     className
   ].filter(Boolean).join(" ");
+  const pillStyle = {
+    ...colour ? { borderColor: colour } : {},
+    ...style
+  };
   const labelClass = size === "sm" ? labelSm : labelMd;
   const content3 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -3144,12 +3149,12 @@ function EntityPill({
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelClass, children: label4 })
   ] });
   if (href) {
-    return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: pillClass, children: content3 });
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: pillClass, style: pillStyle, children: content3 });
   }
   if (onClick) {
-    return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick, className: pillClass, children: content3 });
+    return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick, className: pillClass, style: pillStyle, children: content3 });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: pillClass, children: content3 });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: pillClass, style: pillStyle, children: content3 });
 }
 
 // src/components/Sparkline/Sparkline.css.ts