@iota/apps-ui-kit 0.7.2 → 0.7.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @iota/apps-ui-kit
 
+## 0.7.3
+
+### Patch Changes
+
+-   6bfb900: Avoid overflowing situations in components
+-   6ce4a20: improve components for names compatibility
+-   Updated dependencies [65fafe4]
+    -   @iota/apps-ui-icons@0.4.2
+
 ## 0.7.2
 
 ### Patch Changes

package/dist/index.es.js

@@ -3817,7 +3817,7 @@ function Ed({
   badgeTooltipPosition: D = He.Bottom
 }) {
   const N = i;
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ o(
     "div",
     {
       className: b(
@@ -3827,29 +3827,27 @@ function Ed({
           "opacity-60": a && S
         }
       ),
-      children: [
-        /* @__PURE__ */ C("div", { className: "flex items-center space-x-3", children: [
-          /* @__PURE__ */ o(N, { isLocked: a }),
-          /* @__PURE__ */ C("div", { className: "flex flex-col items-start py-xs", children: [
-            /* @__PURE__ */ C("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ o("span", { className: "account-title-color font-inter text-title-md", children: e }),
-              n && r ? E ? /* @__PURE__ */ o(vt, { text: E, position: D, children: /* @__PURE__ */ o(Yt, { type: r, label: n }) }) : /* @__PURE__ */ o(Yt, { type: r, label: n }) : null
-            ] }),
-            /* @__PURE__ */ o(
-              Xl,
-              {
-                text: t,
-                onCopySuccess: f,
-                copyText: g,
-                onOpen: h,
-                isCopyable: x,
-                isExternal: y
-              }
-            )
-          ] })
+      children: /* @__PURE__ */ C("div", { className: "flex w-full items-center gap-x-3", children: [
+        /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(N, { isLocked: a }) }),
+        /* @__PURE__ */ C("div", { className: "flex w-full min-w-0 flex-col items-start py-xs", children: [
+          /* @__PURE__ */ C("div", { className: "flex w-full min-w-0 items-center space-x-2", children: [
+            /* @__PURE__ */ o("p", { className: "account-title-color min-w-0 max-w-full truncate font-inter text-title-md", children: e }),
+            n && r ? E ? /* @__PURE__ */ o(vt, { text: E, position: D, children: /* @__PURE__ */ o(Yt, { type: r, label: n }) }) : /* @__PURE__ */ o(Yt, { type: r, label: n }) : null
+          ] }),
+          /* @__PURE__ */ o(
+            Xl,
+            {
+              text: t,
+              onCopySuccess: f,
+              copyText: g,
+              onOpen: h,
+              isCopyable: x,
+              isExternal: y
+            }
+          )
         ] }),
-        /* @__PURE__ */ C("div", { className: "z-10 ml-auto flex items-center space-x-2 [&_button]:h-5 [&_button]:w-5 [&_svg]:h-5 [&_svg]:w-5", children: [
-          /* @__PURE__ */ C("div", { className: "account-icon-color flex items-center space-x-2 [&_button:not(.locked)]:hidden group-hover:[&_button:not(.locked)]:flex", children: [
+        /* @__PURE__ */ C("div", { className: "ml-auto flex items-center space-x-2 [&_button]:h-5 [&_button]:w-5 [&_svg]:h-5 [&_svg]:w-5", children: [
+          /* @__PURE__ */ C("div", { className: "account-icon-color flex items-center space-x-2 [&_button:not(.locked)]:invisible group-hover:[&_button:not(.locked)]:visible", children: [
             c && /* @__PURE__ */ o(ce, { onClick: c, children: /* @__PURE__ */ o($n, {}) }),
             s && d && (a ? /* @__PURE__ */ o("div", { className: "flex items-center", children: /* @__PURE__ */ o(
               ce,
@@ -3863,7 +3861,7 @@ function Ed({
           ] }),
           S && /* @__PURE__ */ o(ce, { children: w ? /* @__PURE__ */ o(tl, { className: "account-check-active-color h-5 w-5" }) : /* @__PURE__ */ o(zn, { className: "account-check-inactive-color h-5 w-5" }) })
         ] })
-      ]
+      ] })
     }
   );
 }
@@ -4641,12 +4639,12 @@ function Pd({
         a && e && /* @__PURE__ */ o(
           ce,
           {
-            className: "visual-asset-icon-color absolute right-2 top-2 h-9 w-9 cursor-pointer rounded-full p-xs opacity-0 transition-opacity duration-300 group-hover:bg-shader-neutral-light-72 group-hover:opacity-100 [&_svg]:h-5 [&_svg]:w-5",
+            className: "visual-asset-icon-color absolute right-2 top-2 z-10 h-9 w-9 cursor-pointer rounded-full p-xs opacity-0 transition-opacity duration-300 group-hover:bg-shader-neutral-light-72 group-hover:opacity-100 [&_svg]:h-5 [&_svg]:w-5",
             onClick: c,
             children: r
           }
         ),
-        a && n && /* @__PURE__ */ o("div", { className: "absolute bottom-0 flex items-center justify-center p-xs opacity-0 transition-opacity duration-300 group-hover:opacity-100", children: /* @__PURE__ */ o("span", { className: "visual-asset-title-color text-title-md", children: n }) })
+        a && n && /* @__PURE__ */ o("div", { className: "absolute bottom-0 w-full p-xs opacity-0 transition-opacity duration-300 group-hover:opacity-100", children: /* @__PURE__ */ o("span", { className: "visual-asset-title-color break-words text-title-md", children: n }) })
       ]
     }
   );