@local-civics/hub-ui 0.1.60 → 0.1.61

package/dist/index.d.ts

@@ -125,6 +125,7 @@ type IconName$1 = typeof iconNames[number];
 type BadgeButtonProps = {
     displayName?: string;
     icon?: IconName$1;
+    iconURL?: string;
     imageURL?: string;
     startedAt?: string;
     createdAt?: string;

package/dist/index.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var React = require('react');
+require('external-svg-loader');
 var LinkifyIt = require('linkify-it');
 var reactStringReplace = require('react-string-replace');
 
@@ -3032,7 +3033,8 @@ const BadgeEmblem = (props) => {
         return ["h-max w-32", "w-16 h-16"];
     }
   })();
-  return /* @__PURE__ */ React__namespace.createElement("div", { className: `relative overflow-hidden ${size[0]}` }, !props.icon && /* @__PURE__ */ React__namespace.createElement("img", { className: "w-full h-full object-cover", alt: props.alt, src: props.imageURL }), !!props.icon && /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(
+  const hasIcon = !!props.icon || !!props.iconURL;
+  return /* @__PURE__ */ React__namespace.createElement("div", { className: `relative overflow-hidden ${size[0]}` }, !hasIcon && /* @__PURE__ */ React__namespace.createElement("img", { className: "w-full h-full object-cover", alt: props.alt, src: props.imageURL }), hasIcon && /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(
     "svg",
     {
       className: "h-full w-full drop-shadow-[inherit]",
@@ -3068,7 +3070,7 @@ const BadgeEmblem = (props) => {
         strokeWidth: "44"
       }
     )
-  ), /* @__PURE__ */ React__namespace.createElement("div", { className: `absolute overflow-hidden left-0 right-0 top-0 bottom-0 m-auto text-dark-blue-400 ${size[1]}` }, /* @__PURE__ */ React__namespace.createElement(Icon, { name: props.icon }))));
+  ), /* @__PURE__ */ React__namespace.createElement("div", { className: `absolute overflow-hidden left-0 right-0 top-0 bottom-0 m-auto text-dark-blue-400 ${size[1]}` }, !props.iconURL && !!props.icon && /* @__PURE__ */ React__namespace.createElement(Icon, { name: props.icon }), props.iconURL && /* @__PURE__ */ React__namespace.createElement("svg", { className: "w-full h-full drop-shadow-[inherit]", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React__namespace.createElement("svg", { "data-src": props.iconURL, width: "32", height: "32" })))));
 };
 
 const ordNumber$1 = (n) => {
@@ -3098,6 +3100,7 @@ const BadgeButton = (props) => {
       BadgeEmblem,
       {
         icon: props.icon,
+        iconURL: props.iconURL,
         imageURL: props.imageURL,
         alt: props.displayName,
         level: props.level,