@shoplflow/base 0.24.2 → 0.24.4
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.cjs +5 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -295,7 +295,8 @@ var PopperPortal = () => {
|
|
|
295
295
|
{
|
|
296
296
|
id: "popper-portal-key",
|
|
297
297
|
style: {
|
|
298
|
-
zIndex: 20001
|
|
298
|
+
zIndex: 20001,
|
|
299
|
+
position: "relative"
|
|
299
300
|
}
|
|
300
301
|
}
|
|
301
302
|
),
|
|
@@ -1680,7 +1681,7 @@ var Popper = ({
|
|
|
1680
1681
|
...middlewares != null ? middlewares : []
|
|
1681
1682
|
]
|
|
1682
1683
|
});
|
|
1683
|
-
return /* @__PURE__ */ jsxRuntime.jsx(PopperContext.Provider, { value: __spreadProps(__spreadValues({}, refs), { floatingStyles, isOpen, setIsOpen }), children });
|
|
1684
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PopperContext.Provider, { value: __spreadProps(__spreadValues({}, refs), { floatingStyles: __spreadProps(__spreadValues({}, floatingStyles), { zIndex: 100 }), isOpen, setIsOpen }), children });
|
|
1684
1685
|
};
|
|
1685
1686
|
exports.PopperTrigger = React3.forwardRef(
|
|
1686
1687
|
(_a, ref) => {
|
|
@@ -1698,7 +1699,7 @@ exports.PopperPortal = React3.forwardRef(
|
|
|
1698
1699
|
const { floatingStyles, setFloating, isOpen } = usePopper();
|
|
1699
1700
|
const animation = initialAnimation != null ? initialAnimation : fadeInOut;
|
|
1700
1701
|
const refs = useMergeRefs(ref, setFloating);
|
|
1701
|
-
return /* @__PURE__ */ jsxRuntime.jsx(react.FloatingPortal, {
|
|
1702
|
+
return /* @__PURE__ */ jsxRuntime.jsx(react.FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1702
1703
|
framerMotion.motion.div,
|
|
1703
1704
|
{
|
|
1704
1705
|
initial: animation.initial,
|
|
@@ -1796,6 +1797,7 @@ exports.StyledDropdownButton = styled6__default.default.button`
|
|
|
1796
1797
|
height: 100%;
|
|
1797
1798
|
gap: 8px;
|
|
1798
1799
|
cursor: pointer;
|
|
1800
|
+
background-color: ${exports.colorTokens.neutral0};
|
|
1799
1801
|
${({ sizeVar }) => sizeVar && exports.getDropdownStyleBySizeVar(sizeVar)};
|
|
1800
1802
|
${({ disabled }) => disabled && react$1.css`
|
|
1801
1803
|
cursor: not-allowed;
|