fix avatar for account hash

Author: eugenebelov

dist/cspr-design.es.js

@@ -1304,7 +1304,7 @@ const g3 = (e, t, n = 20, r = 5) => {
     hash: i,
     src: o,
     size: s = "default",
-    transparentBg: a,
+    transparentBg: a = !1,
     ...l
   } = t, c = xn(s), u = 2, d = "86400";
   if (r || !i && !o)
@@ -1326,7 +1326,7 @@ const g3 = (e, t, n = 20, r = 5) => {
       height: c
     } }) }) });
   }
-  return i && y3(i) ? /* @__PURE__ */ h("span", { ref: n, ...l, children: /* @__PURE__ */ h(en, { sizeType: s, withBgColor: a, children: /* @__PURE__ */ h(w3, { children: /* @__PURE__ */ h(ve, { src: Gl, size: c - 8 }) }) }) }) : /* @__PURE__ */ h("span", { ref: n, ...l, children: /* @__PURE__ */ h(en, { sizeType: s, children: i && /* @__PURE__ */ h(v3, { hexString: i, size: c, ...l }) }) });
+  return i && y3(i) ? /* @__PURE__ */ h("span", { ref: n, ...l, children: /* @__PURE__ */ h(en, { sizeType: s, withBgColor: !a, children: /* @__PURE__ */ h(w3, { children: /* @__PURE__ */ h(ve, { src: Gl, size: c - 8 }) }) }) }) : /* @__PURE__ */ h("span", { ref: n, ...l, children: /* @__PURE__ */ h(en, { sizeType: s, children: i && /* @__PURE__ */ h(v3, { hexString: i, size: c, ...l }) }) });
 });
 function b3(e, t, n) {
   return t in e ? Object.defineProperty(e, t, {

dist/cspr-design.umd.js

@@ -7,7 +7,7 @@ const meta = {
   title: 'Components/Display/Address',
   // tags: ['autodocs', '!dev'],
   args: {
-    hash: '01f5f1fa995ab7e966428e5a1aed797526ad5b2454c50a63a7aaa2dfeae6a996c2',
+    hash: '21eaea584903e79365bcb1f7607179cc118807033c8919cff7489a91c3a822d1',
     minifiedCopyNotification: true,
     tooltipCaption: 'public key',
     avatarSize: 'default',

src/lib/components/address/address.stories.tsx

@@ -114,7 +114,7 @@ export const Avatar = React.forwardRef<Ref, AvatarProps>(function Avatar(
     hash,
     src,
     size = 'default',
-    transparentBg,
+    transparentBg = false,
     ...restProps
   } = props;
   const avatarSize = getSize(size);
@@ -158,7 +158,7 @@ export const Avatar = React.forwardRef<Ref, AvatarProps>(function Avatar(
   if (hash && isValidAccountHash(hash)) {
     return (
       <span ref={ref} {...restProps}>
-        <BackgroundWrapper sizeType={size} withBgColor={transparentBg}>
+        <BackgroundWrapper sizeType={size} withBgColor={!transparentBg}>
           <IconHashWrapper>
             <SvgIcon src={HashIcon} size={avatarSize - 8} />
           </IconHashWrapper>