@lax-wp/design-system 0.5.22 → 0.5.24

package/dist/index.es.js

@@ -640,22 +640,24 @@ const me = {
           // Custom classes
           r
         ),
+        style: { maxWidth: "100%" },
         onMouseDown: o,
         onClick: a,
         onKeyDown: m,
         "aria-label": p || `Tag: ${A}`,
         role: "button",
         tabIndex: a || f ? 0 : void 0,
-        children: /* @__PURE__ */ w("div", { className: "flex items-center gap-0.5 truncate w-full overflow-hidden", children: [
+        children: /* @__PURE__ */ w("div", { className: "flex items-center gap-0.5 min-w-0 overflow-hidden", style: { maxWidth: "100%" }, children: [
           s,
           i ? /* @__PURE__ */ n(
             "p",
             {
               title: A,
-              className: `text-${t} ${a || f ? "cursor-pointer" : ""}`,
+              className: `text-${t} ${a || f ? "cursor-pointer" : ""} overflow-hidden whitespace-nowrap text-ellipsis`,
+              style: { maxWidth: "100%" },
               children: A.length > i ? `${A.slice(0, i)}...` : A
             }
-          ) : /* @__PURE__ */ n("p", { className: `text-${t}`, children: A }),
+          ) : /* @__PURE__ */ n("p", { className: `text-${t} overflow-hidden whitespace-nowrap text-ellipsis`, style: { maxWidth: "100%" }, children: A }),
           f && /* @__PURE__ */ n(
             "input",
             {
@@ -8589,7 +8591,7 @@ const Z1 = xA(
                   disabled: i,
                   min: s,
                   max: l,
-                  className: `border ${a ? "border-red-300" : z && L?.color ? `border-${L.color}-300` : "border-gray-300"} ${u} h-[32px] text-gray-900 dark:bg-black-600 dark:text-neutral-200 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 font-inter font-medium 
+                  className: `border ${a ? "border-red-300" : z && L?.color ? `border-${L.color}-300` : "border-gray-300"} ${u} h-[32px] text-gray-900 dark:bg-black-600 dark:text-neutral-200 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 font-inter font-medium 
               disabled:bg-neutral-50 dark:disabled:!bg-black-800 dark:disabled:placeholder:!text-black-400
               ${z && L?.color && `bg-${L.color}-50`}
               ${p || ""}
@@ -15318,7 +15320,7 @@ const bo = xA(
         variant: "medium",
         className: `flex items-center ${o()} cursor-pointer min-w-0 ${t ? "" : e === "secondary" ? "hover:bg-neutral-200 dark:hover:bg-neutral-600" : "hover:bg-primary-400 dark:hover:bg-neutral-600"} px-1 py-0.5 rounded transition-colors duration-200`,
         appearance: "custom",
-        onClick: i,
+        onClick: r ? i : void 0,
         children: /* @__PURE__ */ n("span", { className: "truncate min-w-0 block", children: A?.title })
       }
     ) });
@@ -15397,7 +15399,7 @@ const Vc = ({
       }
     );
   };
-  return /* @__PURE__ */ n("div", { className: "flex items-center justify-start min-w-0 w-full overflow-hidden animate-fade-in gap-1 pr-2", children: A.map((l, s) => /* @__PURE__ */ w(
+  return /* @__PURE__ */ n("div", { className: "flex items-center justify-start min-w-0 w-full overflow-hidden animate-fade-in pr-2", children: A.map((l, s) => /* @__PURE__ */ w(
     "div",
     {
       className: "flex items-center min-w-0 animate-slide-in-left",