@syscore/ui-library 1.16.0 → 1.17.0
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/client/components/ui/mobile-nav.tsx +24 -16
- package/client/global.css +17 -1
- package/client/ui/MobileNav.stories.tsx +35 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +27 -22
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -12495,28 +12495,31 @@ const MobileNavPanel = ({ className, children }) => {
|
|
|
12495
12495
|
}
|
|
12496
12496
|
}
|
|
12497
12497
|
};
|
|
12498
|
-
return /* @__PURE__ */ jsxs(
|
|
12499
|
-
|
|
12500
|
-
|
|
12501
|
-
|
|
12502
|
-
|
|
12503
|
-
|
|
12504
|
-
|
|
12505
|
-
|
|
12506
|
-
|
|
12507
|
-
|
|
12508
|
-
|
|
12509
|
-
|
|
12510
|
-
|
|
12511
|
-
|
|
12512
|
-
|
|
12513
|
-
|
|
12514
|
-
|
|
12515
|
-
|
|
12516
|
-
|
|
12517
|
-
|
|
12518
|
-
|
|
12519
|
-
|
|
12498
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
12499
|
+
open && /* @__PURE__ */ jsx("div", { className: "mobile-nav-overlay", onClick: close, "aria-hidden": true }),
|
|
12500
|
+
/* @__PURE__ */ jsxs(
|
|
12501
|
+
motion.div,
|
|
12502
|
+
{
|
|
12503
|
+
ref: panelRef,
|
|
12504
|
+
className: cn("mobile-nav-panel", className),
|
|
12505
|
+
"data-closed": !open || void 0,
|
|
12506
|
+
style: { height: heightMV },
|
|
12507
|
+
children: [
|
|
12508
|
+
/* @__PURE__ */ jsx(
|
|
12509
|
+
motion.div,
|
|
12510
|
+
{
|
|
12511
|
+
className: "mobile-nav-handle",
|
|
12512
|
+
onPanStart: handlePanStart,
|
|
12513
|
+
onPan: handlePan,
|
|
12514
|
+
onPanEnd: handlePanEnd,
|
|
12515
|
+
children: /* @__PURE__ */ jsx("div", { className: "mobile-nav-handle-bar" })
|
|
12516
|
+
}
|
|
12517
|
+
),
|
|
12518
|
+
/* @__PURE__ */ jsx("div", { ref: contentRef, className: "mobile-nav-content", children: activeKey ? children(activeKey) : null })
|
|
12519
|
+
]
|
|
12520
|
+
}
|
|
12521
|
+
)
|
|
12522
|
+
] });
|
|
12520
12523
|
};
|
|
12521
12524
|
const MobileNavBar = ({ className, children }) => /* @__PURE__ */ jsx("nav", { className: cn("mobile-nav-bar", className), children: /* @__PURE__ */ jsx("div", { className: "mobile-nav-bar-inner", children }) });
|
|
12522
12525
|
const MobileNavTrigger = ({
|
|
@@ -12524,6 +12527,7 @@ const MobileNavTrigger = ({
|
|
|
12524
12527
|
children,
|
|
12525
12528
|
label,
|
|
12526
12529
|
onAction,
|
|
12530
|
+
disabled,
|
|
12527
12531
|
className
|
|
12528
12532
|
}) => {
|
|
12529
12533
|
const { activeKey, open, toggle, close } = useMobileNav();
|
|
@@ -12539,6 +12543,7 @@ const MobileNavTrigger = ({
|
|
|
12539
12543
|
"button",
|
|
12540
12544
|
{
|
|
12541
12545
|
onClick: handleClick,
|
|
12546
|
+
disabled,
|
|
12542
12547
|
"data-active": activeKey === value || void 0,
|
|
12543
12548
|
className: cn("mobile-nav-trigger group", className),
|
|
12544
12549
|
"aria-label": label,
|