@postxl/ui-components 1.4.1 → 1.4.2

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.js CHANGED
@@ -8667,15 +8667,26 @@ const Modal = ({ title = "", subtitle, isOpen, showCloseButton = true, setIsOpen
8667
8667
  __e2e_test_id__,
8668
8668
  onInteractOutside: preventClickOutsideToDismiss ? (e) => e.preventDefault() : void 0,
8669
8669
  onEscapeKeyDown: preventClickOutsideToDismiss ? (e) => e.preventDefault() : void 0,
8670
+ "aria-describedby": subtitle ? void 0 : "modal-content",
8670
8671
  children: [
8671
8672
  /* @__PURE__ */ jsxs(DialogHeader, {
8672
8673
  className: cn("flex flex-row flex-shrink-0 items-center gap-2 p-3 min-h-10 border-b-1 border-(--discreet-border)", showCloseButton ? "pr-12" : "", subtitle ? "pb-0" : ""),
8673
8674
  children: [/* @__PURE__ */ jsxs("div", {
8674
8675
  className: "overflow-hidden",
8675
- children: [title && /* @__PURE__ */ jsx(DialogTitle, {
8676
- className: "text-xl overflow-hidden text-ellipsis whitespace-nowrap",
8677
- children: title
8678
- }), subtitle]
8676
+ children: [
8677
+ title && /* @__PURE__ */ jsx(DialogTitle, {
8678
+ className: "text-xl overflow-hidden text-ellipsis whitespace-nowrap",
8679
+ children: title
8680
+ }),
8681
+ subtitle && /* @__PURE__ */ jsx(DialogDescription, {
8682
+ asChild: true,
8683
+ children: subtitle
8684
+ }),
8685
+ !subtitle && /* @__PURE__ */ jsx(DialogDescription, {
8686
+ className: "sr-only",
8687
+ children: "Modal content"
8688
+ })
8689
+ ]
8679
8690
  }), controls.length > 0 && /* @__PURE__ */ jsx("div", {
8680
8691
  className: "flex flex-grow justify-end items-baseline gap-2 whitespace-nowrap flex-1",
8681
8692
  children: controls
@@ -8683,6 +8694,7 @@ const Modal = ({ title = "", subtitle, isOpen, showCloseButton = true, setIsOpen
8683
8694
  }),
8684
8695
  /* @__PURE__ */ jsx("div", {
8685
8696
  className: "max-h-full h-full overflow-auto flex-grow",
8697
+ id: "modal-content",
8686
8698
  children
8687
8699
  }),
8688
8700
  footer && /* @__PURE__ */ jsx(DialogFooter, {