@northlight/ui 2.24.3 → 2.24.4

package/dist/umd/northlight.cjs

@@ -2392,7 +2392,7 @@
       }
     return a;
   };
-  const Popover = (props) => /* @__PURE__ */ React.createElement(react.Popover, __spreadValues$1P({ isLazy: true }, props));
+  const Popover$1 = (props) => /* @__PURE__ */ React.createElement(react.Popover, __spreadValues$1P({ isLazy: true }, props));
 
   const ColorsExpandButton = ({
     onClick,
@@ -2528,7 +2528,7 @@
       onChange(color);
     };
     return /* @__PURE__ */ React.createElement(react.Box, { "data-testid": "color-picker-test-id" }, /* @__PURE__ */ React.createElement(
-      Popover,
+      Popover$1,
       __spreadValues$1O({
         isOpen,
         onClose,
@@ -5695,6 +5695,15 @@
     }
   };
 
+  const Popover = {
+    parts: ["popper"],
+    baseStyle: {
+      popper: {
+        zIndex: "popover"
+      }
+    }
+  };
+
   var components = /*#__PURE__*/Object.freeze({
     __proto__: null,
     Alert: Alert,
@@ -5735,6 +5744,7 @@
     P: P,
     PaneDivider: PaneDivider$1,
     PinInput: PinInput$1,
+    Popover: Popover,
     Radio: Radio$1,
     Select: Select$1,
     Small: Small,
@@ -6653,7 +6663,7 @@
     );
     const togglePopup = () => state.setOpen(!state.isOpen);
     return /* @__PURE__ */ React.createElement(
-      Popover,
+      Popover$1,
       {
         isOpen: state.isOpen,
         onClose: () => state.setOpen(false),
@@ -7206,7 +7216,7 @@
       state.setOpen(false);
     };
     return /* @__PURE__ */ React.createElement(
-      Popover,
+      Popover$1,
       {
         isOpen: state.isOpen,
         onClose: handleClose,
@@ -7239,7 +7249,7 @@
           icon: /* @__PURE__ */ React.createElement(Icon$1, { as: icons.XCloseSolid })
         }
       ))),
-      state.isOpen && /* @__PURE__ */ React.createElement(react.PopoverContent, __spreadProps$d(__spreadValues$1o({}, dialogProps), { ref, w: "max-content" }), /* @__PURE__ */ React.createElement(focus.FocusScope, { contain: true, restoreFocus: true }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(react.Portal, null, state.isOpen && /* @__PURE__ */ React.createElement(react.PopoverContent, __spreadProps$d(__spreadValues$1o({}, dialogProps), { ref, w: "max-content" }), /* @__PURE__ */ React.createElement(focus.FocusScope, { contain: true, restoreFocus: true }, /* @__PURE__ */ React.createElement(
         RangeCalendar,
         __spreadProps$d(__spreadValues$1o({}, calendarProps), {
           resetDate,
@@ -7248,7 +7258,7 @@
           fiscalStartDay: fiscalStartDay || 0,
           isClearable
         })
-      )))
+      ))))
     );
   };
 
@@ -14693,7 +14703,7 @@
   exports.PaneDivider = PaneDivider;
   exports.PaneItem = PaneItem;
   exports.PinInput = PinInput;
-  exports.Popover = Popover;
+  exports.Popover = Popover$1;
   exports.ProgressBar = ProgressBar;
   exports.Radio = Radio;
   exports.RadioGroup = RadioGroup;