achery-ui 0.9.0 → 0.9.2

package/dist/index.d.cts

@@ -1888,7 +1888,10 @@ interface EntityPillProps {
     glyph?: GlyphName;
     /** Tone applied to both stamp fill and border. @default 'neutral' */
     tone?: LetterStampTone;
-    /** Raw hex escape hatch — passed to LetterStamp. */
+    /**
+     * Raw hex colour — sets the stamp fill AND the pill border.
+     * Takes precedence over `tone` for both.
+     */
     colour?: string;
     /** Size variant. @default 'md' */
     size?: 'sm' | 'md';
@@ -1897,6 +1900,7 @@ interface EntityPillProps {
     /** Makes the pill an `<a>` link. */
     href?: string;
     className?: string;
+    style?: CSSProperties;
 }
 /**
  * Compact entity identifier pill — combines a {@link LetterStamp} with a text label.
@@ -1908,7 +1912,7 @@ interface EntityPillProps {
  * <EntityPill label="Subscriptions" glyph="flask" tone="rust" onClick={handleClick} />
  * ```
  */
-declare function EntityPill({ label, letter, glyph, tone, colour, size, onClick, href, className, }: EntityPillProps): react_jsx_runtime.JSX.Element;
+declare function EntityPill({ label, letter, glyph, tone, colour, size, onClick, href, className, style, }: EntityPillProps): react_jsx_runtime.JSX.Element;
 
 type SparklineTone = 'positive' | 'negative' | 'neutral';
 /** Props for the {@link Sparkline} component. */

package/dist/index.d.ts

@@ -1888,7 +1888,10 @@ interface EntityPillProps {
     glyph?: GlyphName;
     /** Tone applied to both stamp fill and border. @default 'neutral' */
     tone?: LetterStampTone;
-    /** Raw hex escape hatch — passed to LetterStamp. */
+    /**
+     * Raw hex colour — sets the stamp fill AND the pill border.
+     * Takes precedence over `tone` for both.
+     */
     colour?: string;
     /** Size variant. @default 'md' */
     size?: 'sm' | 'md';
@@ -1897,6 +1900,7 @@ interface EntityPillProps {
     /** Makes the pill an `<a>` link. */
     href?: string;
     className?: string;
+    style?: CSSProperties;
 }
 /**
  * Compact entity identifier pill — combines a {@link LetterStamp} with a text label.
@@ -1908,7 +1912,7 @@ interface EntityPillProps {
  * <EntityPill label="Subscriptions" glyph="flask" tone="rust" onClick={handleClick} />
  * ```
  */
-declare function EntityPill({ label, letter, glyph, tone, colour, size, onClick, href, className, }: EntityPillProps): react_jsx_runtime.JSX.Element;
+declare function EntityPill({ label, letter, glyph, tone, colour, size, onClick, href, className, style, }: EntityPillProps): react_jsx_runtime.JSX.Element;
 
 type SparklineTone = 'positive' | 'negative' | 'neutral';
 /** Props for the {@link Sparkline} component. */

package/dist/index.js

@@ -3093,7 +3093,8 @@ function EntityPill({
   size = "md",
   onClick,
   href,
-  className
+  className,
+  style
 }) {
   const stampSize = size === "sm" ? 20 : 28;
   const isInteractive = Boolean(onClick || href);
@@ -3101,6 +3102,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__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -3116,12 +3121,12 @@ function EntityPill({
     /* @__PURE__ */ jsx("span", { className: labelClass, children: label4 })
   ] });
   if (href) {
-    return /* @__PURE__ */ jsx("a", { href, className: pillClass, children: content3 });
+    return /* @__PURE__ */ jsx("a", { href, className: pillClass, style: pillStyle, children: content3 });
   }
   if (onClick) {
-    return /* @__PURE__ */ jsx("button", { type: "button", onClick, className: pillClass, children: content3 });
+    return /* @__PURE__ */ jsx("button", { type: "button", onClick, className: pillClass, style: pillStyle, children: content3 });
   }
-  return /* @__PURE__ */ jsx("span", { className: pillClass, children: content3 });
+  return /* @__PURE__ */ jsx("span", { className: pillClass, style: pillStyle, children: content3 });
 }
 
 // src/components/Sparkline/Sparkline.css.ts