@lax-wp/design-system 0.5.23 → 0.5.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -640,22 +640,24 @@ const me = {
640
640
  // Custom classes
641
641
  r
642
642
  ),
643
+ style: { maxWidth: "100%" },
643
644
  onMouseDown: o,
644
645
  onClick: a,
645
646
  onKeyDown: m,
646
647
  "aria-label": p || `Tag: ${A}`,
647
648
  role: "button",
648
649
  tabIndex: a || f ? 0 : void 0,
649
- children: /* @__PURE__ */ w("div", { className: "flex items-center gap-0.5 truncate w-full overflow-hidden", children: [
650
+ children: /* @__PURE__ */ w("div", { className: "flex items-center gap-0.5 min-w-0 overflow-hidden", style: { maxWidth: "100%" }, children: [
650
651
  s,
651
652
  i ? /* @__PURE__ */ n(
652
653
  "p",
653
654
  {
654
655
  title: A,
655
- className: `text-${t} ${a || f ? "cursor-pointer" : ""}`,
656
+ className: `text-${t} ${a || f ? "cursor-pointer" : ""} overflow-hidden whitespace-nowrap text-ellipsis`,
657
+ style: { maxWidth: "100%" },
656
658
  children: A.length > i ? `${A.slice(0, i)}...` : A
657
659
  }
658
- ) : /* @__PURE__ */ n("p", { className: `text-${t}`, children: A }),
660
+ ) : /* @__PURE__ */ n("p", { className: `text-${t} overflow-hidden whitespace-nowrap text-ellipsis`, style: { maxWidth: "100%" }, children: A }),
659
661
  f && /* @__PURE__ */ n(
660
662
  "input",
661
663
  {
@@ -8589,7 +8591,7 @@ const Z1 = xA(
8589
8591
  disabled: i,
8590
8592
  min: s,
8591
8593
  max: l,
8592
- 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
8594
+ 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
8593
8595
  disabled:bg-neutral-50 dark:disabled:!bg-black-800 dark:disabled:placeholder:!text-black-400
8594
8596
  ${z && L?.color && `bg-${L.color}-50`}
8595
8597
  ${p || ""}